MediaWiki:Common.css: Difference between revisions

From NeoGeo Development Wiki
Jump to navigation Jump to search
m (Testing zebra table)
(Front page edits from Rom1)
 
(17 intermediate revisions by the same user not shown)
Line 6: Line 6:
height:100%;
height:100%;
border-style:solid;
border-style:solid;
background-color:#EEE;
background-color:#EEEEEE;
border-color:black;
border-color:black;
text-align:center;
text-align:center;
Line 21: Line 21:
text-shadow: -1px -1px 2px black, -1px 1px 2px black, 1px 1px 2px black, 1px -1px 2px black;
text-shadow: -1px -1px 2px black, -1px 1px 2px black, 1px 1px 2px black, 1px -1px 2px black;
font-size:30px;
font-size:30px;
}
table.cputiming {
border-collapse:collapse;
}
table.cputiming td {
border:1px solid black;
padding:4px;
}
table.cputiming td:first-child {
padding:2px;
background:#FFF;
font-size:12pt;
font-family:monospace;
font-weight:bold;
}
.green {
background-color:#9F7;
}
.yellow {
background-color:#FF7;
}
.orange {
background-color:#FB7;
}
.red {
background-color:#F77;
}
}


Line 29: Line 56:
text-align:center;
text-align:center;
padding:2px;
padding:2px;
border-top:1px solid #444;  
border-top:1px dotted grey;
border-bottom:1px solid #444;
border-bottom:1px dotted grey;
border-left:1px dotted grey;
border-left:1px solid #444444;
border-right:1px dotted grey;
border-right:1px solid #444444;
background:#FFF;
}
}


Line 42: Line 70:
border-top:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
border-bottom:1px solid black;
border-left:1px solid #BBB;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBB;
border-right:1px solid #BBBBBB;
}
}
.regdef tr:nth-child(even) {
.regdef tr:nth-child(even) {
background: #CCC
background:#F0F0F0
}
}
.regdef tr:nth-child(odd) {
.regdef tr:nth-child(odd) {
background: #FFF
background:#F8F8F8
}
}
.pinvertical td {
width: 10px;
font-size: 10px;
vertical-align: bottom;
line-height: 10px;
border: 1px #EEEEEE solid;
border-collapse: collapse;
}
.page-Main_Page .firstHeading { display:none; }
#home-header {
padding: 0.5rem 0;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #e8f2f8) repeat scroll 0 0;
border-bottom:1px solid #aaa;
}
#home-header .title {
border:none;
margin-top:0
}
#home-left {
float:left;
width:66%;
clear:both;
}
#home-right {
float:right;
width:33%;
}
#home-cat {
display:flex;
flex-flow:row wrap;
justify-content: space-around;
align-items:stretch;
}
.home-block {
border-radius:0.3rem;
box-shadow:0 0 0.3rem #999;
margin:0.5rem 0;
padding: 0.1rem 1rem 1rem;
}
#home-cat .home-block {
width:31%;
padding:0;
overflow:hidden;
text-align:center;
display:flex;
flex-direction:column;
}
#home-cat .home-block .head {
background-size: cover;
height: 64px;
}
#home-cat .home-block .head .cattitle {
display: block;
position: relative;
width: 100%;
height: 100%;
}
#home-cat .home-block .head .cattitle span {
display: block;
position:absolute;
top:25px;
left:20px;
font-size:30px;
}
#home-cat .home-block .content {
padding:0 1rem;
flex:1 0 auto;
}
#home-cat .home-block table {
font-size:8pt;
width:100%;
border-spacing:0px 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#home-cat .cat-base { background-image: url("/images/a/ac/Ban2_base.jpg") }
#home-cat .cat-video { background-image: url("/images/6/6a/Ban2_video.jpg") }
#home-cat .cat-audio { background-image: url("/images/f/f3/Ban2_audio.jpg") }
#home-cat .cat-repair { background-image: url("/images/4/46/Ban2_repair.jpg") }
#home-cat .cat-cart { background-image: url("/images/b/b5/Ban2_cart.jpg") }
#home-cat .cat-cd { background-image: url("/images/d/df/Ban2_cd.jpg") }
#home-cat .cat-code { background-image: url("/images/3/3a/Ban2_code.jpg") }
#home-cat .cat-chips { background-image: url("/images/a/a5/Ban2_chips.jpg") }
#home-cat .cat-games { background-image: url("/images/0/07/Ban2_games.jpg") }

Latest revision as of 19:06, 17 September 2017

/* CSS placed here will be applied to all skins */

.catdiv {
border:1px;
width:256px; 
height:100%;
border-style:solid;
background-color:#EEEEEE;
border-color:black;
text-align:center;
}
.cattitlediv {
position:relative;
left:20px;
top:20px;
height:64px;
text-align:left;
}
.cattitle {
color:white;
text-shadow: -1px -1px 2px black, -1px 1px 2px black, 1px 1px 2px black, 1px -1px 2px black;
font-size:30px;
}

table.cputiming {
border-collapse:collapse;
}
table.cputiming td {
border:1px solid black;
padding:4px;
}
table.cputiming td:first-child {
padding:2px;
background:#FFF;
font-size:12pt;
font-family:monospace;
font-weight:bold;
}
.green {
background-color:#9F7;
}
.yellow {
background-color:#FF7;
}
.orange {
background-color:#FB7;
}
.red {
background-color:#F77;
}

table.bitdef {
border-collapse:collapse;
}
table.bitdef td {
text-align:center;
padding:2px;
border-top:1px dotted grey;
border-bottom:1px dotted grey;
border-left:1px solid #444444;
border-right:1px solid #444444;
background:#FFF;
}

.regdef {
border-collapse: collapse;
}
.regdef td {
padding:4px;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
}
.regdef tr:nth-child(even) {
background:#F0F0F0
}
.regdef tr:nth-child(odd) {
background:#F8F8F8
}

.pinvertical td {
width: 10px;
font-size: 10px;
vertical-align: bottom;
line-height: 10px;
border: 1px #EEEEEE solid;
border-collapse: collapse;
}

.page-Main_Page .firstHeading { display:none; }

#home-header {
	padding: 0.5rem 0; 
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #e8f2f8) repeat scroll 0 0; 
	border-bottom:1px solid #aaa;
}

#home-header .title {
	border:none;
	margin-top:0
}

#home-left {
	float:left; 
	width:66%; 
	clear:both;
}

#home-right {
	float:right;
	width:33%;
}

#home-cat {
	display:flex;
	flex-flow:row wrap;
	justify-content: space-around;
	align-items:stretch;
}

.home-block {
	border-radius:0.3rem;
	box-shadow:0 0 0.3rem #999;
	margin:0.5rem 0;
	padding: 0.1rem 1rem 1rem;
}
#home-cat .home-block {
	width:31%;
	padding:0;
	overflow:hidden;
	text-align:center;
	display:flex;
	flex-direction:column;
}

#home-cat .home-block .head {
	background-size: cover;
	height: 64px;
}
#home-cat .home-block .head .cattitle {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
#home-cat .home-block .head .cattitle span {
	display: block;
	position:absolute;
	top:25px;
	left:20px;
	font-size:30px;
}

#home-cat .home-block .content {
	padding:0 1rem;
	flex:1 0 auto;
}

#home-cat .home-block table {
	font-size:8pt;
	width:100%;
	border-spacing:0px 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#home-cat .cat-base { background-image: url("/images/a/ac/Ban2_base.jpg") }
#home-cat .cat-video { background-image: url("/images/6/6a/Ban2_video.jpg") }
#home-cat .cat-audio { background-image: url("/images/f/f3/Ban2_audio.jpg") }
#home-cat .cat-repair { background-image: url("/images/4/46/Ban2_repair.jpg") }
#home-cat .cat-cart { background-image: url("/images/b/b5/Ban2_cart.jpg") }
#home-cat .cat-cd { background-image: url("/images/d/df/Ban2_cd.jpg") }
#home-cat .cat-code { background-image: url("/images/3/3a/Ban2_code.jpg") }
#home-cat .cat-chips { background-image: url("/images/a/a5/Ban2_chips.jpg") }
#home-cat .cat-games { background-image: url("/images/0/07/Ban2_games.jpg") }