Difference between revisions of "User:Kennethau/monobook.css"
From DEW Robotics
m |
m |
||
Line 1: | Line 1: | ||
− | /* | + | /* Datrio+MrM */ |
− | + | /* Version 0.45 */ | |
− | + | /* Last update: 09:22, 2 September 2006 (UTC) | |
− | */ | + | /*<pre> ----------------------------- */ |
− | + | /*At the moment this will only */ | |
− | /* | + | /*In Moz for the most of it. */ |
− | + | /*mostly works in IE. works in opera (still needs minnor look over)*/ | |
− | * | + | /* still need to fix some of the finner points (w3c validation, etc) */ |
− | + | /*This uses mrm's images without*/ | |
− | + | /*permission which is a bad thing */ | |
− | + | /*(But then again the image is based on a copyright Wikinews image)*/ | |
− | + | /*meant to be a mix of Datrio skin,*/ | |
− | + | /*and Mrm's http://wikinews.blogspot.com*/ | |
− | + | /*Also considering one based on clear and blue */ | |
− | + | /* ----------------------------- </pre>*/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | ||
− | * | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | ||
− | . | + | /* If you want to use this skin in your CSS, just paste the following line in your monobook.css file: |
+ | @import "http://en.wikinews.org/w/index.php?title=User:Bawolff/Sandbox/Datrio%2BMrM.css&action=raw&ctype=text/css"; | ||
− | + | This will allow me to make changes in the skin, so that you won't have to manually update it in your monobook.css. | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
*/ | */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | body { | |
− | + | background: Navy url(http://upload.wikimedia.org/wikinews/en/9/93/WN-MrM-bg-blu.png) fixed 5% !IMPORTANT; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | / | ||
− | |||
− | / | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /*used to be url(http://webpages.charter.net/mrmiscellanious/wnblog/bg-blu.png)*/ | |
− | + | h1, h2, h3 { | |
− | + | border-bottom: 1px solid #B8D2F7; | |
− | + | font-family: verdana, sans-serif; | |
− | |||
} | } | ||
− | + | h4, h5, h6 { | |
− | + | font-family: verdana, sans-serif; | |
− | |||
− | |||
} | } | ||
− | + | a { | |
− | + | text-decoration: none; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | ul { | |
− | + | list-style-image: url("http://upload.wikimedia.org/wikipedia/commons/8/83/Bullet2.gif") !important; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | div.portlet { | |
− | + | margin: 1em 0.5em; | |
− | + | width: 11.2em; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #p-cactions { | |
− | + | top: 1.88em; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | * html #p-cactions { | |
− | + | top: 2.4em; | |
− | + | z-index: -2; | |
− | |||
− | |||
} | } | ||
− | + | #p-cactions ul li { | |
− | . | + | border: 2px solid #C1CDF7; |
− | + | border-radius-topleft: 0.5em; | |
− | + | border-radius-topright: 0.5em; | |
− | + | -moz-border-radius-topleft: 0.5em; | |
+ | -moz-border-radius-topright: 0.5em; | ||
+ | padding-bottom:0.2em; | ||
+ | background: #F1FAFF; | ||
} | } | ||
+ | /** html #p-cactions ul li { | ||
+ | padding-bottom:0.2em; | ||
+ | }*/ | ||
− | + | #p-cactions ul li a:hover, #p-cactions ul li:hover, #p-cactions ul li.selected a:hover, #p-cactions ul li.selected:hover { | |
− | + | color: black; | |
− | + | background: #C1CDF7 !IMPORTANT; | |
− | + | z-index:0; | |
− | + | text-decoration: underline; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | * html #p-cactions ul li a:hover, * html #p-cactions ul li:hover, * html #p-cactions ul li.selected a:hover, * html #p-cactions ul li.selected:hover { | |
− | + | background-color: transparent !IMPORTANT; | |
} | } | ||
− | + | #p-cactions ul li a { | |
− | + | font: 10px verdana, sans-serif; | |
− | + | font-weight: bold; | |
− | + | background: #F1FAFF; | |
− | + | border: 0; | |
− | + | padding: 0em 0.5em 2em; | |
+ | text-transform: capitalize; | ||
} | } | ||
− | + | * html #p-cactions ul li a { | |
− | + | padding: 0em 0.5em 0em; | |
− | |||
} | } | ||
− | + | #p-cactions ul li.selected { | |
− | + | border: 2px solid #C1CDF7; | |
− | + | background: #CEDEFF; | |
− | + | padding-bottom:2em; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #p-cactions ul li.selected a { | |
− | + | color: black; | |
− | + | background: #CEDEFF; | |
− | + | padding-bottom:2em; | |
− | + | text-transform: capitalize; | |
} | } | ||
− | + | * html li#pt-userpage, | |
− | { | + | * html li#pt-anonuserpage, |
− | + | * html li#pt-login { | |
− | padding: | + | background-image: none; |
+ | padding-left: 3px; | ||
} | } | ||
− | div. | + | div.portlet h5 { |
− | + | background: #CCE0FB; | |
− | + | padding: 4px 10px; | |
− | + | width: 100%; | |
− | + | display: block; | |
+ | font-weight: bold; | ||
+ | font-size: 0.8em; | ||
+ | margin-bottom: 3px; | ||
+ | text-transform: capitalize; | ||
+ | -moz-border-radius-topleft: 1em; | ||
+ | border-radius-topleft: 1em; | ||
} | } | ||
− | div. | + | div.portlet .pBody { |
− | + | display: block; | |
− | + | border: 1px solid #CCE0FB; | |
− | + | background: #F1F8FE; | |
+ | line-height: 12px; | ||
+ | -moz-border-radius-bottomright: 1em; | ||
+ | border-radius-bottomright: 1em; | ||
+ | -moz-opacity:0.9; | ||
+ | opacity:0.9; | ||
+ | filter: alpha(opacity=90); | ||
} | } | ||
− | div. | + | div.portlet .pBody:hover { |
− | + | opacity:1; | |
− | + | -moz-opacity:1; | |
− | + | filter: alpha(opacity=100); | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | div.portlet .pBody a { | |
− | + | color: black; | |
− | + | text-decoration: none; | |
− | + | font: 11px verdana, sans-serif; | |
− | |||
− | div. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | div.portlet .pBody a:hover { | |
− | + | color: #555 !important; | |
− | + | text-decoration: none; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #content { | |
− | + | border-left: 4px solid #B9D4F1; | |
− | + | border-bottom: 4px solid #B9D4F1; | |
− | + | border-top: 4px solid #B9D4F1; | |
− | + | -moz-border-radius-topleft: 1em; | |
− | + | -moz-border-radius-bottomleft: 1em; | |
− | + | border-radius-topleft: 1em; | |
− | + | border-radius-bottomleft: 1em; | |
+ | top: 7px; | ||
} | } | ||
− | + | #footer { | |
− | + | border-bottom: 4px solid #B9D4F1; | |
− | + | border-top: 4px solid #B9D4F1; | |
− | + | border-left: 4px solid #B9D4F1; | |
− | + | margin: 2em 0 2em 13.5em; | |
− | + | -moz-border-radius-topleft: 1em; | |
− | + | -moz-border-radius-bottomleft: 1em; | |
− | + | border-radius-topleft: 1em; | |
− | + | border-radius-bottomleft: 1em; | |
− | + | opacity:0.8; | |
+ | -moz-opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
} | } | ||
− | + | #footer:hover { | |
− | + | opacity: 1; | |
− | { | + | -moz-opacity:1; |
− | + | filter: alpha(opacity=100); | |
− | |||
− | |||
} | } | ||
− | ul | + | #p-personal .pBody ul { |
− | { | + | background: #F1F8FE; |
− | + | border-bottom: 1px solid #C1CDF7; | |
− | + | border-left: 1px solid #C1CDF7; | |
− | + | float: right; | |
− | + | padding-left: 0; | |
− | + | -moz-border-radius-bottomleft: 2em; | |
− | + | border-radius-bottomleft: 2em; | |
+ | height: 1.45em; | ||
+ | opacity:0.9; | ||
+ | -moz-opacity:0.9; | ||
+ | filter: alpha(opacity=90); | ||
} | } | ||
− | + | #p-personal .pBody ul:hover { | |
− | + | opacity:1; | |
− | + | -moz-opacity:1; | |
− | + | filter: alpha(opacity=1); | |
− | ul | ||
− | { | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | #p-personal li { | |
− | + | margin: 0; | |
− | { | ||
− | |||
− | |||
} | } | ||
− | + | #p-personal li a { | |
− | + | padding: 0.5em; | |
− | { | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | #p-personal li a:hover { | |
− | + | background: #D4DEEA; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #searchInput { | |
− | + | background: white; | |
− | + | border: 1px solid #D4DEEA; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | div.thumb div { | |
− | . | + | background: #F1F8FE !important; |
− | + | border: 1px solid #C1CAF3 !important; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #bodyContent ul { | |
− | + | list-style-position: inside; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | * html #bodyContent ul { | |
− | + | list-style-position: outside; | |
− | |||
} | } | ||
− | + | * html table#toc { | |
− | + | list-style-position: inside; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | /* | ||
+ | div#siteNotice, div#siteNotice + h1 {background:url(http://webpages.charter.net/mrmiscellanious/wnblog/top.jpg); color:#EEE;}*/ | ||
+ | /* end Datrio */ | ||
− | /* | + | /* |
− | + | ==MRBMPRD== | |
− | + | the following is needed for the redesign of the main page that is based on messedrockers version by Bawolff. This is seperate from the new skin proposal. see http://en.wikinews.org/wiki/User:Bawolff/Sandbox/MessedRocker_based_main_page_redesign */ | |
− | + | /*<pre> */ | |
− | + | div.instructions {display:none;} | |
− | + | div.center {text-align: center;} | |
− | + | div.main-box {border: #3366FF solid 1px; background-color: #ffffff; margin-bottom: 0.4em;padding:0.4em;} | |
− | + | div.main-box {border-radius: 10px; -moz-border-radius: 10px;} | |
− | + | div.title-box { -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;border-radius-topright: 10px; border-radius-topleft: 10px;} | |
+ | div.title-box {background-color: Navy; text-align: center; font-size: 150%; padding: 0;margin-top:-0.5em;color: white; font-weight:bold;vertical-align: top;text-decoration:none;} | ||
− | + | /* | |
− | + | ===leads=== | |
− | + | */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | div#seccond-lead-box {float:left; width:48.2%;text-align:left; height:17em;overflow:auto; } |
− | |||
− | |||
− | |||
− | . | + | div#Lead-box {float:right; width:48.2%;text-align:left;height:17em;overflow:auto; } |
− | |||
− | |||
− | |||
− | + | div#interview-recent-box {text-align:left; vertical-align:top; float:right;width: 48.2%;height: 20em;overflow:auto;} | |
− | |||
− | |||
− | |||
+ | div#third-lead-box {float:left; width:48.2%; vertical-align: text-top; height:20em;overflow:auto;} | ||
− | + | div#wrapper-mainbox {background-color: #DEF;padding:0.5em 0.7em 1em 1em;} | |
− | + | div#wrapper-mainbox table {background-color: #DEF;} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /*</pre>*/ |
− | |||
− | |||
− | |||
− |
Revision as of 22:32, 17 February 2010
/* Datrio+MrM */
/* Version 0.45 */
/* Last update: 09:22, 2 September 2006 (UTC)
/*<pre> ----------------------------- */
/*At the moment this will only */
/*In Moz for the most of it. */
/*mostly works in IE. works in opera (still needs minnor look over)*/
/* still need to fix some of the finner points (w3c validation, etc) */
/*This uses mrm's images without*/
/*permission which is a bad thing */
/*(But then again the image is based on a copyright Wikinews image)*/
/*meant to be a mix of Datrio skin,*/
/*and Mrm's http://wikinews.blogspot.com*/
/*Also considering one based on clear and blue */
/* ----------------------------- </pre>*/
/* If you want to use this skin in your CSS, just paste the following line in your monobook.css file:
@import "http://en.wikinews.org/w/index.php?title=User:Bawolff/Sandbox/Datrio%2BMrM.css&action=raw&ctype=text/css";
This will allow me to make changes in the skin, so that you won't have to manually update it in your monobook.css.
*/
body {
background: Navy url(http://upload.wikimedia.org/wikinews/en/9/93/WN-MrM-bg-blu.png) fixed 5% !IMPORTANT;
}
/*used to be url(http://webpages.charter.net/mrmiscellanious/wnblog/bg-blu.png)*/
h1, h2, h3 {
border-bottom: 1px solid #B8D2F7;
font-family: verdana, sans-serif;
}
h4, h5, h6 {
font-family: verdana, sans-serif;
}
a {
text-decoration: none;
}
ul {
list-style-image: url("http://upload.wikimedia.org/wikipedia/commons/8/83/Bullet2.gif") !important;
}
div.portlet {
margin: 1em 0.5em;
width: 11.2em;
}
#p-cactions {
top: 1.88em;
}
* html #p-cactions {
top: 2.4em;
z-index: -2;
}
#p-cactions ul li {
border: 2px solid #C1CDF7;
border-radius-topleft: 0.5em;
border-radius-topright: 0.5em;
-moz-border-radius-topleft: 0.5em;
-moz-border-radius-topright: 0.5em;
padding-bottom:0.2em;
background: #F1FAFF;
}
/** html #p-cactions ul li {
padding-bottom:0.2em;
}*/
#p-cactions ul li a:hover, #p-cactions ul li:hover, #p-cactions ul li.selected a:hover, #p-cactions ul li.selected:hover {
color: black;
background: #C1CDF7 !IMPORTANT;
z-index:0;
text-decoration: underline;
}
* html #p-cactions ul li a:hover, * html #p-cactions ul li:hover, * html #p-cactions ul li.selected a:hover, * html #p-cactions ul li.selected:hover {
background-color: transparent !IMPORTANT;
}
#p-cactions ul li a {
font: 10px verdana, sans-serif;
font-weight: bold;
background: #F1FAFF;
border: 0;
padding: 0em 0.5em 2em;
text-transform: capitalize;
}
* html #p-cactions ul li a {
padding: 0em 0.5em 0em;
}
#p-cactions ul li.selected {
border: 2px solid #C1CDF7;
background: #CEDEFF;
padding-bottom:2em;
}
#p-cactions ul li.selected a {
color: black;
background: #CEDEFF;
padding-bottom:2em;
text-transform: capitalize;
}
* html li#pt-userpage,
* html li#pt-anonuserpage,
* html li#pt-login {
background-image: none;
padding-left: 3px;
}
div.portlet h5 {
background: #CCE0FB;
padding: 4px 10px;
width: 100%;
display: block;
font-weight: bold;
font-size: 0.8em;
margin-bottom: 3px;
text-transform: capitalize;
-moz-border-radius-topleft: 1em;
border-radius-topleft: 1em;
}
div.portlet .pBody {
display: block;
border: 1px solid #CCE0FB;
background: #F1F8FE;
line-height: 12px;
-moz-border-radius-bottomright: 1em;
border-radius-bottomright: 1em;
-moz-opacity:0.9;
opacity:0.9;
filter: alpha(opacity=90);
}
div.portlet .pBody:hover {
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
}
div.portlet .pBody a {
color: black;
text-decoration: none;
font: 11px verdana, sans-serif;
}
div.portlet .pBody a:hover {
color: #555 !important;
text-decoration: none;
}
#content {
border-left: 4px solid #B9D4F1;
border-bottom: 4px solid #B9D4F1;
border-top: 4px solid #B9D4F1;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
border-radius-topleft: 1em;
border-radius-bottomleft: 1em;
top: 7px;
}
#footer {
border-bottom: 4px solid #B9D4F1;
border-top: 4px solid #B9D4F1;
border-left: 4px solid #B9D4F1;
margin: 2em 0 2em 13.5em;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
border-radius-topleft: 1em;
border-radius-bottomleft: 1em;
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
}
#footer:hover {
opacity: 1;
-moz-opacity:1;
filter: alpha(opacity=100);
}
#p-personal .pBody ul {
background: #F1F8FE;
border-bottom: 1px solid #C1CDF7;
border-left: 1px solid #C1CDF7;
float: right;
padding-left: 0;
-moz-border-radius-bottomleft: 2em;
border-radius-bottomleft: 2em;
height: 1.45em;
opacity:0.9;
-moz-opacity:0.9;
filter: alpha(opacity=90);
}
#p-personal .pBody ul:hover {
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=1);
}
#p-personal li {
margin: 0;
}
#p-personal li a {
padding: 0.5em;
}
#p-personal li a:hover {
background: #D4DEEA;
}
#searchInput {
background: white;
border: 1px solid #D4DEEA;
}
div.thumb div {
background: #F1F8FE !important;
border: 1px solid #C1CAF3 !important;
}
#bodyContent ul {
list-style-position: inside;
}
* html #bodyContent ul {
list-style-position: outside;
}
* html table#toc {
list-style-position: inside;
}
/*
div#siteNotice, div#siteNotice + h1 {background:url(http://webpages.charter.net/mrmiscellanious/wnblog/top.jpg); color:#EEE;}*/
/* end Datrio */
/*
==MRBMPRD==
the following is needed for the redesign of the main page that is based on messedrockers version by Bawolff. This is seperate from the new skin proposal. see http://en.wikinews.org/wiki/User:Bawolff/Sandbox/MessedRocker_based_main_page_redesign */
/*<pre> */
div.instructions {display:none;}
div.center {text-align: center;}
div.main-box {border: #3366FF solid 1px; background-color: #ffffff; margin-bottom: 0.4em;padding:0.4em;}
div.main-box {border-radius: 10px; -moz-border-radius: 10px;}
div.title-box { -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;border-radius-topright: 10px; border-radius-topleft: 10px;}
div.title-box {background-color: Navy; text-align: center; font-size: 150%; padding: 0;margin-top:-0.5em;color: white; font-weight:bold;vertical-align: top;text-decoration:none;}
/*
===leads===
*/
div#seccond-lead-box {float:left; width:48.2%;text-align:left; height:17em;overflow:auto; }
div#Lead-box {float:right; width:48.2%;text-align:left;height:17em;overflow:auto; }
div#interview-recent-box {text-align:left; vertical-align:top; float:right;width: 48.2%;height: 20em;overflow:auto;}
div#third-lead-box {float:left; width:48.2%; vertical-align: text-top; height:20em;overflow:auto;}
div#wrapper-mainbox {background-color: #DEF;padding:0.5em 0.7em 1em 1em;}
div#wrapper-mainbox table {background-color: #DEF;}
/*</pre>*/