Difference between revisions of "User:Kennethau/monobook.css"

From DEW Robotics
Jump to: navigation, search
m
m
Line 1: Line 1:
/*
+
/* Datrio+MrM */
==This is for all the skins==
+
/* Version 0.45    */
Remember no preview
+
/* Last update: 09:22, 2 September 2006 (UTC)
*/
+
/*<pre> ----------------------------- */
 
+
/*At the moment this will only  */
/*
+
/*In Moz for the most of it. */
I copied some things over from [[Mediawiki:monobook.css]] that should be in here
+
/*mostly works in IE. works in opera (still needs minnor look over)*/
*/
+
/* still need to fix some of the finner points (w3c validation, etc) */
div.no-bullet-list ul
+
/*This uses mrm's images without*/
{
+
/*permission which is a bad thing */
    list-style-type: none;
+
/*(But then again the image is based on a copyright Wikinews image)*/
    list-style-image: none;
+
/*meant to be a mix of Datrio skin,*/
}
+
/*and Mrm's http://wikinews.blogspot.com*/
 
+
/*Also considering one based on clear  and blue */
div#siteNotice {text-align:center;
+
/* ----------------------------- </pre>*/
}
 
/*rss icon. see [[template talk:latest news]] */
 
 
 
*.rss {
 
color: #FFFFFF; background-color: #FF5500; background-image: none !important; border-color: #FF5500; border-style: outset; text-decoration: none !important; padding-left: 0.2em; padding-right: 0.2em; border-width: 0.15em; font-size: 95%; line-height: 95%; font-family: verdana, sans-serif; font-weight: bold;
 
}
 
 
 
/*kill auto-underline in opera (hopefully) make cool hover effect. possibly change to :active for hover effect. [[user:bawolff|Bawolff]] ☺☻[[image:smile.png]] 04:59, 1 January 2006 (UTC). removed no underline, as Amgine didn't like it. [[user:bawolff|Bawolff]] ☺☻[[image:smile.png]] 05:04, 1 January 2006 (UTC) */
 
*.rss:hover {border-style:inset;
 
}
 
 
 
 
 
div.no-bullet-list ul
 
{
 
    list-style-type: none;
 
    list-style-image: none;
 
}
 
 
 
/*Fix the space between the edit check boxes on editintros. See http://bugzilla.wikimedia.org/show_bug.cgi?id=9252 */
 
  
.editOptions p {display:inline;}
+
/* 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.
/*
 
/* Interlining in titles. To prevent title overlap. Not sure if should be in monobook.css as this is diff in diff skins. yell at me if this breaks anything in any of the skins. */
 
 
h1.firstHeading { line-height: 1em; }
 
 
 
/* Highlight review link in RC (per wc. See if anyone notices)
 
http://en.wikinews.org/w/index.php?title=Wikinews:Water_cooler/technical&oldid=835195#Highlighting_need_for_review_in_RC */
 
span.mw-fr-reviewlink {background-color: yellow;}
 
 
 
/*
 
==Backgrounds==
 
*/
 
div#football-bg-1 {
 
background-image: url('http://upload.wikimedia.org/wikinews/en/5/5a/Badge_right_top.png');
 
background-repeat: no-repeat;
 
background-position: top left;
 
background-attachment: fixed;
 
}
 
/************************/
 
/*
 
 
 
==Dynamic hidden boxes==
 
Copied from [[w:Mediawiki:monobook.css]] (not common.css). rev: http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&oldid=73496939 originally from german 'pedia apearently. note: proably under GFDL.
 
Might make work better*/
 
div.Boxmerge,
 
div.NavFrame {
 
        margin: 0px;
 
        padding: 2px;
 
        border: 1px solid #aaaaaa;
 
        text-align: center;
 
        border-collapse: collapse;
 
        font-size: 95%;
 
}
 
div.Boxmerge div.NavFrame {
 
        border-style: none;
 
        border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
        border-top-style: none;
 
        border-top-style: hidden;
 
}
 
div.NavPic {
 
        background-color: #ffffff;
 
        margin: 0px;
 
        padding: 2px;
 
        float: left;
 
}
 
div.NavFrame div.NavHead {
 
        height: 1.6em;
 
        font-weight: bold;
 
        font-size: 100%;
 
        background-color: #efefef;
 
        position:relative;
 
        padding-right:2em; /*Possibly should be in ch. stop down arrow from running together w/title */
 
        overflow:hidden; /*otherwise runs into text*/
 
}
 
div.NavFrame p {
 
        font-size: 100%;
 
}
 
div.NavFrame div.NavContent {
 
        font-size: 100%;
 
}
 
div.NavFrame div.NavContent p {
 
        font-size: 100%;
 
}
 
div.NavEnd {
 
        margin: 0px;
 
        padding: 0px;
 
        line-height: 1px;
 
        clear: both;
 
}
 
a.NavToggle {
 
        position:absolute;
 
        top:0px;
 
        right:3px;
 
        font-weight:normal;
 
        font-size:smaller;
 
}
 
/*
 
===Ugly nav===
 
 
*/
 
*/
div.UglyNav div.Boxmerge,
 
div.UglyNav div.NavFrame {
 
        margin: 0px;
 
        padding: 2px;
 
        border: none;
 
        text-align: left;
 
        border-collapse: inherit;
 
        font-size: 100%;
 
}
 
  
 
+
body {
div.UglyNav div.NavPic {
+
background: Navy url(http://upload.wikimedia.org/wikinews/en/9/93/WN-MrM-bg-blu.png) fixed 5% !IMPORTANT;
        background-color: transparent;
 
        margin: 0px;
 
        padding: 2px;
 
        float: none;
 
}
 
div.UglyNav div.NavFrame div.NavHead {
 
        height: auto;
 
        font-weight: normal;
 
        font-size: medium;
 
        background-color: transparent;
 
        position:relative;
 
}
 
div.UglyNav div.NavFrame p {
 
        font-size: medium;
 
}
 
div.UglyNav div.NavFrame div.NavContent {
 
        font-size: medium;
 
}
 
div.UglyNav div.NavFrame div.NavContent p {
 
        font-size: medium;
 
}
 
 
 
/* Standard table formatting */
 
/* <pre><nowiki> */
 
 
/* wikitable/prettytable class for skinning normal tables */
 
 
table.wikitable,
 
table.prettytable {
 
  margin: 1em 1em 1em 0;
 
  background: #f9f9f9;
 
  border: 1px #aaaaaa solid;
 
  border-collapse: collapse;
 
 
}
 
}
+
/*used to be url(http://webpages.charter.net/mrmiscellanious/wnblog/bg-blu.png)*/
table.wikitable th, table.wikitable td,
+
h1, h2, h3 {
table.prettytable th, table.prettytable td {
+
border-bottom: 1px solid #B8D2F7;
  border: 1px #aaaaaa solid;
+
font-family: verdana, sans-serif;
  padding: 0.2em;
 
 
}
 
}
+
h4, h5, h6 {
table.wikitable td,
+
font-family: verdana, sans-serif;
table.prettytable td {
 
  background: #f9f9f9;
 
 
}
 
}
+
a {
table.wikitable th,
+
text-decoration: none;
table.prettytable th {
 
  background: #f2f2f2;
 
  text-align: center;
 
 
}
 
}
+
ul {
table.wikitable caption,
+
list-style-image: url("http://upload.wikimedia.org/wikipedia/commons/8/83/Bullet2.gif") !important;
table.prettytable caption {
 
  margin-left: inherit;
 
  margin-right: inherit;
 
 
}
 
}
  
/*************************
+
div.portlet {
** Score board styles  **
+
margin: 1em 0.5em;
************************* 
+
width: 11.2em;
 
 
Used to be at [[user:SportsBot/common.css]] */
 
 
 
table.sportsbotScoreboard {
 
  border: 1px solid #000;
 
  margin-bottom: 5px;
 
}
 
table.sportsbotScoreboard th {
 
  background-color: #7fa3b0;
 
}
 
table.sportsbotScoreboard td {
 
  width: 30px;
 
  text-align: center;
 
}
 
table.sportsbotScoreboard td.team {
 
  font-size: 90%;
 
  width: 150px !important;
 
  text-align: left !important;
 
 
}
 
}
  
 
+
#p-cactions {
 
+
top: 1.88em;
/* == Standings table style == */
 
.standingstable {
 
    border: 1px solid #000000;
 
    font-size: 90%;
 
}
 
 
 
.standingssection {
 
    font-size: 125%;
 
 
}
 
}
 
+
* html #p-cactions {
.standingssubsection {
+
top: 2.4em;
    vertical-align: middle;
+
z-index: -2;
    font-size: 110%;
 
    background-color: #b4b4b4;
 
 
}
 
}
 
+
#p-cactions ul li {
.standingsheader {
+
border: 2px solid #C1CDF7;
    background-color: #c5c5c5;
+
border-radius-topleft: 0.5em;
    text-align:center;
+
border-radius-topright: 0.5em;
    font-weight: bold;
+
-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;
 +
}*/
  
.standingsrow {
+
#p-cactions ul li a:hover, #p-cactions ul li:hover, #p-cactions ul li.selected a:hover, #p-cactions ul li.selected:hover {
    background-color: #f7f7f7;
+
color: black;
    text-align:center;
+
background: #C1CDF7 !IMPORTANT;
}
+
z-index:0;
 
+
text-decoration: underline;
.standingsrow2 {
 
    background-color: #e6e6e6;
 
    text-align:center;
 
}
 
 
 
.standingsrow .team, .standingsrow2 .team {
 
    width:200px;
 
    text-align:left;
 
}
 
 
 
.nounderlines a {
 
    text-decoration: none;
 
}
 
 
 
/* Article message box template styles */
 
table.ambox {
 
  width: 80%;
 
  margin: 0 auto;
 
  border-collapse: collapse;
 
  background: #f8fcff;
 
  border: 1px solid #aaa;
 
  border-left: 15px solid #39f;      /* Default "notice" blue */
 
}
 
table.ambox th, table.ambox td {      /* The message body cell(s) */
 
  padding: 0.25em 0.5em;              /* 0.5em left/right */
 
}
 
table.ambox td.ambox-image {         /* The left image cell */
 
  width: 52px;  
 
  padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
 
  text-align: center;
 
}
 
table.ambox td.ambox-imageright {    /* The right image cell */
 
  width: 52px;
 
  padding: 2px 0.5em 2px 0px;         /* 0px left, 0.5em right */
 
  text-align: center;
 
}
 
table.ambox-notice {
 
  border-left: 15px solid #39f;      /* Blue */
 
/* border-right: 10px solid #39f; */  /* If you want two blue bars */
 
}
 
table.ambox-serious {
 
  border-left: 15px solid #c00;      /* Red */
 
}
 
table.ambox-content {
 
  border-left: 15px solid #f63;      /* Orange */
 
}
 
table.ambox-style {
 
  border-left: 15px solid #fc3;       /* Yellow */
 
 
}
 
}
table.ambox-merge {
+
* 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 {
  border-left: 15px solid #95b;       /* Purple */
+
background-color: transparent !IMPORTANT;
 
}
 
}
  
/* rounded corners class for block elements */
+
#p-cactions ul li a {
.roundedCorners {
+
font: 10px verdana, sans-serif;
  -moz-border-radius: 1em;
+
font-weight: bold;
  -webkit-border-radius: 1em;
+
background: #F1FAFF;
  border-radius: 1em;
+
border: 0;
 
+
padding: 0em 0.5em 2em;
 +
text-transform: capitalize;
 
}
 
}
 
+
* html #p-cactions ul li a {
.semiblanking {
+
padding: 0em 0.5em 0em;
display: none;
 
 
}
 
}
 
+
#p-cactions ul li.selected {
/*See [[MediaWiki:NavigationTabs.js]]. copied from wikibooks*/
+
border: 2px solid #C1CDF7;
.navtabs .tabs li { list-style:none; }
+
background: #CEDEFF;
.navtabs .tabs a {
+
padding-bottom:2em;
  text-decoration:none;
 
  text-transform:uppercase;
 
  outline-width:0px;
 
  font-size:x-small;
 
  font-weight:bold;
 
  color:black;
 
}
 
 
.navtabs .tabs .inactive { background:#bbb; padding:1ex; }
 
.navtabs .tabs .selected { background:#999; padding:1.1ex; }
 
.navtabs .tabs .inactive:hover { background:#f75; }
 
.navtabs .contents { padding:1ex; border:3px solid #999; }
 
 
 
/* hide the Comments_talk namespace */
 
body.ns-102 #ca-talk {display:none;}
 
body.ns-103 #ca-edit {display:none;}
 
body.ns-103 #ca-addsection {display:none;}
 
body.ns-90 #ca-lqt_talk {display: none;} /*thread pseudo ns*/
 
 
 
/*Ticker2 (animated ticker)*/
 
ul.actualTicker li {list-style-type:none; list-style-image:none;}/*mostly for IE*/
 
ul.actualTicker li {display:inline;}
 
ul.actualTicker span.tickerIntroduction {font-weight:bold;padding-right:0.5em;}
 
 
 
div.isATicker, div#singleTickerForPage {display:none;}
 
 
 
 
 
/*###################
 
##Tabber stuff. See code in mediawiki:common.js
 
################*/
 
 
 
/*===Wikinews specific==== */
 
 
 
/*horizTabBox*/
 
 
 
div.horizTabBox ul.tabbernav li a {
 
background-color:#7ec9fd;
 
margin-left: 15px;
 
border-bottom: solid 1px #7ec9fd;
 
padding-left:0.8em;
 
padding-right:0.8em;
 
-moz-border-radius:1em 1em 0 0; /* this should be replaced with images for browsers that don't support it somehow*/
 
/*webkit doesn't like too big radii or having it in the shorthand form. Make sure radi < 1.7em */
 
-webkit-border-top-left-radius:1em;
 
-webkit-border-top-right-radius:1em;
 
border-radius:1em 1em 0 0;
 
 
}
 
}
  
div.horizTabBox ul.tabbernav li.tabberactive a
+
#p-cactions ul li.selected a {
{
+
color: black;
background-color: #bce1ff;
+
background: #CEDEFF;
border-bottom: 3px solid #bce1ff;
+
padding-bottom:2em;
margin-left:10px;
+
text-transform: capitalize;
 
}
 
}
div.horizTabBox .tabbertab
+
* html li#pt-userpage,
{
+
* html li#pt-anonuserpage,
border:solid 2px #7ec9fd;
+
* html li#pt-login {
padding:0;
+
background-image: none;
 +
padding-left: 3px;
 
}
 
}
div.horizTabBox ul.tabbernav li a:hover
+
div.portlet h5 {
{
+
background: #CCE0FB;
color: #000;
+
padding: 4px 10px;
background: #bce1ff;
+
width: 100%;
border-bottom: 3px solid #bce1ff;
+
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.horizTabBox ul.tabbernav li.tabberactive a:hover
+
div.portlet .pBody {
{
+
display: block;
color: #000;
+
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.horizTabBox {
+
div.portlet .pBody:hover {
width:50%;
+
opacity:1;
text-align:left;
+
-moz-opacity:1;
margin-left:auto;
+
filter: alpha(opacity=100);
margin-right:auto;
 
/*min-width:41em;
 
max-width:47em;
 
*/
 
 
}
 
}
  
/* IMPORTANT: keep width:80% above or it will suck on IE*/
+
div.portlet .pBody a {
 
+
color: black;
 
+
text-decoration: none;
/* pict box */
+
font: 11px verdana, sans-serif;
 
 
div.pictChanger ul.tabbernav {line-height: 2.4;}
 
div.pictChanger ul.tabbernav li a {border: #CCC 1px solid}
 
div.pictChanger {width:400px;}
 
div.pictChanger div.tabbertab {text-align:left;}
 
 
 
div.tabberNoBorder div.tabbertab,  
 
div.tabberNoBorder ul.tabbernav {
 
    border: none;
 
 
}
 
}
 
+
div.portlet .pBody a:hover {
/*
+
color: #555 !important;
===Generic defaults===
+
text-decoration: none;
 
 
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
 
see http://www.barelyfitz.com/projects/tabber/
 
*/
 
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
 
 
 
/*--------------------------------------------------
 
  REQUIRED to hide the non-active tab content.
 
  But do not hide them in the print stylesheet!
 
  --------------------------------------------------*/
 
.tabberlive .tabbertabhide {
 
display:none;
 
 
}
 
}
  
/*--------------------------------------------------
+
#content {
  .tabber = before the tabber interface is set up
+
border-left: 4px solid #B9D4F1;
  .tabberlive = after the tabber interface is set up
+
border-bottom: 4px solid #B9D4F1;
  --------------------------------------------------*/
+
border-top: 4px solid #B9D4F1;
.tabber {
+
-moz-border-radius-topleft: 1em;
}
+
-moz-border-radius-bottomleft: 1em;
.tabberlive {
+
border-radius-topleft: 1em;
margin-top:1em;
+
border-radius-bottomleft: 1em;
 +
top: 7px;
 
}
 
}
  
/*--------------------------------------------------
+
#footer {
  ul.tabbernav = the tab navigation list
+
border-bottom: 4px solid #B9D4F1;
  li.tabberactive = the active tab
+
border-top: 4px solid #B9D4F1;
  --------------------------------------------------*/
+
border-left: 4px solid #B9D4F1;
ul.tabbernav
+
margin: 2em 0 2em 13.5em;
{
+
-moz-border-radius-topleft: 1em;
margin:0;
+
-moz-border-radius-bottomleft: 1em;
padding: 3px 0;
+
border-radius-topleft: 1em;
border-bottom: 1px solid #CCC;
+
border-radius-bottomleft: 1em;
font: bold 12px Verdana, sans-serif;
+
opacity:0.8;
 +
-moz-opacity:0.8;
 +
filter: alpha(opacity=80);
 
}
 
}
 
+
#footer:hover {
ul.tabbernav li
+
opacity: 1;
{
+
-moz-opacity:1;
list-style: none;
+
filter: alpha(opacity=100);
margin: 0;
 
display: inline;
 
 
}
 
}
  
ul.tabbernav li a
+
#p-personal .pBody ul {
{
+
background: #F1F8FE;
padding: 3px 0.5em;
+
border-bottom: 1px solid #C1CDF7;
margin-left: 3px;
+
border-left: 1px solid #C1CDF7;
border: 1px solid #ccc;
+
float: right;
border-bottom: none;
+
padding-left: 0;
background: #f2f7ff;
+
-moz-border-radius-bottomleft: 2em;
text-decoration: none;
+
border-radius-bottomleft: 2em;
 +
height: 1.45em;
 +
opacity:0.9;
 +
-moz-opacity:0.9;
 +
filter: alpha(opacity=90);
 
}
 
}
 
+
#p-personal .pBody ul:hover {
ul.tabbernav li a:link { color: #448; }
+
opacity:1;
ul.tabbernav li a:visited { color: #667; }
+
-moz-opacity:1;
 
+
filter: alpha(opacity=1);
ul.tabbernav li a:hover
 
{
 
color: #000;
 
background: #fff9f2;
 
border-color: #CCC;
 
 
}
 
}
 
+
#p-personal li {
ul.tabbernav li.tabberactive a
+
margin: 0;
{
 
background-color: #fff;
 
border-bottom: 1px solid #fff;
 
 
}
 
}
 
+
#p-personal li a {
ul.tabbernav li.tabberactive a:hover
+
padding: 0.5em;
{
 
color: #000;
 
background: white;
 
border-bottom: 1px solid white;
 
 
}
 
}
 
+
#p-personal li a:hover {
/*--------------------------------------------------
+
background: #D4DEEA;
  .tabbertab = the tab content
 
  Add style only after the tabber interface is set up (.tabberlive)
 
  --------------------------------------------------*/
 
.tabberlive .tabbertab {
 
padding:5px;
 
border:1px solid #CCC;
 
border-top:0;
 
 
 
/* If you don't want the tab size changing whenever a tab is changed
 
    you can set a fixed height */
 
 
 
/* height:200px; */
 
 
 
/* If you set a fix height set overflow to auto and you will get a
 
    scrollbar when necessary */
 
 
 
/* overflow:auto; */
 
 
}
 
}
  
/* If desired, hide the heading since a heading is provided by the tab */
+
#searchInput {
.tabberlive .tabbertab h2 {
+
background: white;
display:none;
+
border: 1px solid #D4DEEA;
}
 
.tabberlive .tabbertab h3 {
 
display:none;
 
 
}
 
}
  
/* Example of using an ID to set different styles for the tabs on the page */
+
div.thumb div {
.tabberlive#tab1 {
+
background: #F1F8FE !important;
}
+
border: 1px solid #C1CAF3 !important;
.tabberlive#tab2 {
 
}
 
.tabberlive#tab2 .tabbertab {
 
height:200px;
 
overflow:auto;
 
 
}
 
}
  
/* Infobox templates */
+
#bodyContent ul {
.infobox {
+
list-style-position: inside;
  border: 1px solid #aaa;
 
  background-color: #f9f9f9;
 
  color: black;
 
  margin-bottom: 0.5em;
 
  margin-left: 1em;
 
  padding: 0.2em;
 
  float: right;
 
  clear: right;
 
}
 
.infobox td,
 
.infobox th {
 
  vertical-align: middle;
 
 
}
 
}
.infobox caption {
+
* html #bodyContent ul {
  font-size: larger;
+
list-style-position: outside;
  margin-left: inherit;
 
 
}
 
}
.infobox.bordered {
+
* html table#toc {
  border-collapse: collapse;
+
list-style-position: inside;
}
 
.infobox.bordered td,
 
.infobox.bordered th {
 
  border: 1px solid #aaa;
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
  border: 0 solid #aaa;
 
}
 
.infobox.sisterproject {
 
  width: 20em;
 
  font-size: 90%;
 
}
 
 
.archive-box {
 
  border: 1px solid #aaf;
 
  background-color: #f2f2f9;
 
  color: #000;
 
  margin-bottom: 0.5em;
 
  margin-left: 1em;
 
  padding: 0.2em;
 
  float: right;
 
  clear: right;
 
  text-align: center;
 
 
}
 
}
  
 +
/*
 +
div#siteNotice, div#siteNotice + h1 {background:url(http://webpages.charter.net/mrmiscellanious/wnblog/top.jpg); color:#EEE;}*/
 +
/* end Datrio */
  
/* [[Template:Lead 2.0]] */
+
/*
.l_table {
+
==MRBMPRD==
  border: 0px;
+
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 */
  height: 100%;
+
/*<pre> */
  width: 100%;
+
div.instructions {display:none;}
}
+
div.center {text-align: center;}
  
.l_table tr {
+
div.main-box {border: #3366FF solid 1px; background-color: #ffffff; margin-bottom: 0.4em;padding:0.4em;}
  height: 100%;
+
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;}
  
.l_table td {
+
/*
  width: 100%;
+
===leads===
}
+
*/
 
 
.l_box {
 
}
 
 
 
.l_image {
 
  vertical-align:top;
 
  padding-bottom: 5px;
 
  padding-right: 8px;
 
  float: left;
 
}
 
 
 
.l_title {
 
  font-size: 150%;
 
  font-style: bold;
 
  vertical-align: top;
 
  padding-bottom: 5px;
 
}
 
 
 
.l_title a:link {
 
  color: #000000;
 
  text-decoration: none;
 
}
 
 
.l_title a:visited {
 
  color: #000000;
 
  text-decoration: none;
 
}
 
 
 
.l_title a:hover {
 
  color: #000000;
 
  text-decoration: underline;
 
}
 
 
 
.l_title a:active {
 
  color: #000000;
 
  text-decoration: none;
 
}
 
  
  .l_summary {
+
div#seccond-lead-box {float:left; width:48.2%;text-align:left; height:17em;overflow:auto; }
  vertical-align: top;
 
  font-size: 100%;
 
}
 
  
  .l_tail {
+
div#Lead-box {float:right; width:48.2%;text-align:left;height:17em;overflow:auto; }
  font-size: 90%;
 
  height:15px;
 
}
 
  
.l_img_type {
+
div#interview-recent-box {text-align:left; vertical-align:top; float:right;width: 48.2%;height: 20em;overflow:auto;}
  /*float: left;*/
 
  padding-bottom: 3px;
 
}
 
  
 +
div#third-lead-box {float:left; width:48.2%; vertical-align: text-top; height:20em;overflow:auto;}
  
.l_edit {
+
div#wrapper-mainbox {background-color: #DEF;padding:0.5em 0.7em 1em 1em;}
  clear: left;
+
div#wrapper-mainbox table {background-color: #DEF;}
  float: right;
 
}
 
/*end lead stuff */
 
/* float in the title bar (Ex little FA icons in top-right corner) */
 
/*! important is to overide legacy inline stuff */
 
/*Vector.css overides this for vector! */
 
/*This assumes that the page body is not relatively positioned (aka in everything but vector)*/
 
.float_in_title { position: absolute; z-index: 100; right: 20px; top: 20px  !important;}
 
  
/* Temp for google News */
+
/*</pre>*/
.GoogleNews {
 
  display:none;
 
  font-size: 50%;
 
}
 

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