MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
New page: →* CSS placed here will be applied to all skins: .backgroundc1 { background-color: #ffefef; } →white |
No edit summary |
||
(106 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/** | /** <pre><nowiki> */ | ||
. | |||
/* css3 */ | |||
/* sub-menu box */ | |||
#shbox { | |||
background: rgb(255,255,238); /* fallback color */ | |||
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(255,255,238,0.7); | |||
border-width:1px; | |||
border-color:lightgrey; | |||
padding: 5px 5px 5px 10px; | |||
border-style:solid; | |||
font-size: 0.9em; | |||
-webkit-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
border-radius: 5px; | |||
-webkit-box-shadow: 6px 6px 6px #c0c0c0; | |||
-moz-box-shadow: 6px 6px 6px #c0c0c0; | |||
box-shadow: 6px 6px 6px #c0c0c0; | |||
} | |||
#shtable { | |||
background: rgb(255,255,238); /* fallback color */ | |||
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(255,255,238,0.7); | |||
width:98%; | |||
border-width:1px; | |||
border-color:lightgrey; | |||
padding: 5px 5px 5px 10px; | |||
border-style:solid; | |||
font-size: 0.9em; | |||
-webkit-border-radius: none; | |||
-moz-border-radius: none; | |||
border-radius: none; | |||
-webkit-box-shadow: 0px 0px 12px #c0c0c0; | |||
-moz-box-shadow: 0px 0px 12px #c0c0c0; | |||
box-shadow: 0px 0px 12px #c0c0c0; | |||
} | |||
var { | |||
font-family: monospace; | |||
font-style: normal; | |||
color: #009b00; | |||
white-space: nowrap; | |||
} | |||
/* styled table of content */ | |||
#toc, .toc { | |||
background: rgb(255,255,238); /*fallback color */ | |||
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(255,255,238,0.7); | |||
width:80%; | |||
border: 1px solid #dddddd; | |||
float: none; | |||
-webkit-box-shadow: 6px 6px 6px #c0c0c0; | |||
-moz-box-shadow: 6px 6px 6px #c0c0c0; | |||
box-shadow: 6px 6px 6px #c0c0c0; | |||
-webkit-border-radius: none; | |||
-moz-border-radius: none; | |||
border-radius: none; | |||
} | |||
/* styled pre areas */ | |||
pre { | |||
background: rgb(255,255,238); /* fallback color */ | |||
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(255,255,238,0.7); | |||
width:92%; | |||
margin-left: 20px; | |||
border: solid; | |||
border: 1px solid #aaaaaa; | |||
-webkit-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
border-radius: 5px; | |||
-webkit-box-shadow: 0px 0px 12px #c0c0c0; | |||
-moz-box-shadow: 0px 0px 12px #c0c0c0; | |||
box-shadow: 0px 0px 12px #c0c0c0; | |||
} | |||
.catlinks { | |||
background: rgb(255,255,238); /* fallback color */ | |||
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(255,255,238,0.7); | |||
-webkit-box-shadow: 6px 6px 6px #c0c0c0; | |||
-moz-box-shadow: 6px 6px 6px #c0c0c0; | |||
box-shadow: 6px 6px 6px #c0c0c0; | |||
-webkit-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
border-radius: 5px; | |||
} | |||
.bullets { | |||
padding: 10px; | |||
} | |||
ul.bullets li { | |||
margin-left: 30px; | |||
} | |||
#column-one { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
z-index: 4; | |||
} | |||
#p-personal { | |||
display: fixed; | |||
top: 0px; | |||
left: 600px; | |||
} | |||
/* Mārim tabulas */ | |||
.styled_table { | |||
width: 99%; | |||
margin-left: 1%; | |||
border-collapse: collapse; | |||
-webkit-box-shadow: 0px 0px 12px #c0c0c0; | |||
-moz-box-shadow: 0px 0px 12px #c0c0c0; | |||
box-shadow: 0px 0px 12px #c0c0c0; | |||
-webkit-border-radius: none; | |||
-moz-border-radius: none; | |||
border-radius: none; | |||
} | |||
.styled_table th { | |||
background-color: #cccccc; | |||
} | |||
.styled_table tr { | |||
background: rgb(238,238,238); /* fallback color */ | |||
background: url(rgba.php?r=238&g=238&b=238&a=70) repeat; | |||
/* IE6,IE7 */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); | |||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; | |||
background: rgba(238,238,238,0.7); | |||
border-bottom: 2px solid #ffffff; | |||
} | |||
.styled_table td { | |||
border-bottom: 2px solid #FFF; | |||
vertical-align: top; | |||
padding: 5px; | |||
} | |||
.styled_table td+td { | |||
border-left: 2px solid #FFF; | |||
} | |||
/** </nowiki></pre> */ |
Latest revision as of 15:31, 11 December 2014
/** <pre><nowiki> */ /* css3 */ /* sub-menu box */ #shbox { background: rgb(255,255,238); /* fallback color */ background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(255,255,238,0.7); border-width:1px; border-color:lightgrey; padding: 5px 5px 5px 10px; border-style:solid; font-size: 0.9em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 6px 6px 6px #c0c0c0; -moz-box-shadow: 6px 6px 6px #c0c0c0; box-shadow: 6px 6px 6px #c0c0c0; } #shtable { background: rgb(255,255,238); /* fallback color */ background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(255,255,238,0.7); width:98%; border-width:1px; border-color:lightgrey; padding: 5px 5px 5px 10px; border-style:solid; font-size: 0.9em; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; -webkit-box-shadow: 0px 0px 12px #c0c0c0; -moz-box-shadow: 0px 0px 12px #c0c0c0; box-shadow: 0px 0px 12px #c0c0c0; } var { font-family: monospace; font-style: normal; color: #009b00; white-space: nowrap; } /* styled table of content */ #toc, .toc { background: rgb(255,255,238); /*fallback color */ background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(255,255,238,0.7); width:80%; border: 1px solid #dddddd; float: none; -webkit-box-shadow: 6px 6px 6px #c0c0c0; -moz-box-shadow: 6px 6px 6px #c0c0c0; box-shadow: 6px 6px 6px #c0c0c0; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; } /* styled pre areas */ pre { background: rgb(255,255,238); /* fallback color */ background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(255,255,238,0.7); width:92%; margin-left: 20px; border: solid; border: 1px solid #aaaaaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 12px #c0c0c0; -moz-box-shadow: 0px 0px 12px #c0c0c0; box-shadow: 0px 0px 12px #c0c0c0; } .catlinks { background: rgb(255,255,238); /* fallback color */ background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(255,255,238,0.7); -webkit-box-shadow: 6px 6px 6px #c0c0c0; -moz-box-shadow: 6px 6px 6px #c0c0c0; box-shadow: 6px 6px 6px #c0c0c0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bullets { padding: 10px; } ul.bullets li { margin-left: 30px; } #column-one { position: absolute; top: 0; left: 0; z-index: 4; } #p-personal { display: fixed; top: 0px; left: 600px; } /* Mārim tabulas */ .styled_table { width: 99%; margin-left: 1%; border-collapse: collapse; -webkit-box-shadow: 0px 0px 12px #c0c0c0; -moz-box-shadow: 0px 0px 12px #c0c0c0; box-shadow: 0px 0px 12px #c0c0c0; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; } .styled_table th { background-color: #cccccc; } .styled_table tr { background: rgb(238,238,238); /* fallback color */ background: url(rgba.php?r=238&g=238&b=238&a=70) repeat; /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; background: rgba(238,238,238,0.7); border-bottom: 2px solid #ffffff; } .styled_table td { border-bottom: 2px solid #FFF; vertical-align: top; padding: 5px; } .styled_table td+td { border-left: 2px solid #FFF; } /** </nowiki></pre> */