User:Bawolff/Sandbox/Datrio+MrM.css

/* Datrio+MrM */ /* Version 0.45   */ /* Last update: 09:22, 2 September 2006 (UTC) /* - */ /*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 */ /* - */

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

top: 1.88em; } top: 2.4em; z-index: -2; } 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; }*/
 * 1) p-cactions {
 * html #p-cactions {
 * 1) p-cactions ul li {

color: black; background: #C1CDF7 !IMPORTANT; z-index:0; text-decoration: underline; } background-color: transparent !IMPORTANT; }
 * 1) p-cactions ul li a:hover, #p-cactions ul li:hover, #p-cactions ul li.selected a:hover, #p-cactions ul li.selected:hover {
 * 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 {

font: 10px verdana, sans-serif; font-weight: bold; background: #F1FAFF; border: 0; padding: 0em 0.5em 2em; text-transform: capitalize; } padding: 0em 0.5em 0em; } border: 2px solid #C1CDF7; background: #CEDEFF; padding-bottom:2em; }
 * 1) p-cactions ul li a {
 * html #p-cactions ul li a {
 * 1) p-cactions ul li.selected {

color: black; background: #CEDEFF; padding-bottom:2em; text-transform: capitalize; }	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; }
 * 1) p-cactions ul li.selected a {
 * html li#pt-userpage,
 * html li#pt-anonuserpage,
 * html li#pt-login {

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; }

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; }
 * 1) content {

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); } opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); }
 * 1) footer {
 * 1) footer:hover {

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); } opacity:1; -moz-opacity:1; filter: alpha(opacity=1); } margin: 0; } padding: 0.5em; } background: #D4DEEA; }
 * 1) p-personal .pBody ul {
 * 1) p-personal .pBody ul:hover {
 * 1) p-personal li {
 * 1) p-personal li a {
 * 1) p-personal li a:hover {

background: white; border: 1px solid #D4DEEA; }
 * 1) searchInput {

div.thumb div { background: #F1F8FE !important; border: 1px solid #C1CAF3 !important; }

list-style-position: inside; } list-style-position: outside; } list-style-position: inside; }
 * 1) bodyContent ul {
 * html #bodyContent ul {
 * html table#toc {

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

/* */