User:Bawolff/Sandbox/Datrio+MrM.css

From Wikinews, the free news source you can write!
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac); IE: hold Ctrl while clicking Refresh, or press Ctrl-F5; Konqueror: simply click the Reload button, or press F5; Opera users may need to completely clear their cache in Tools→Preferences. — More skins

/* 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>*/