MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m (Bitdef tables now...) |
(Front page edits from Rom1) |
||
(14 intermediate revisions by the same user not shown) | |||
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 | border-top:1px dotted grey; | ||
border-bottom:1px | border-bottom:1px dotted grey; | ||
border-left:1px | border-left:1px solid #444444; | ||
border-right:1px | border-right:1px solid #444444; | ||
background:#FFF; | background:#FFF; | ||
} | } | ||
Line 54: | Line 79: | ||
background:#F8F8F8 | 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") }