User:Domlith/myskin.css

/* */

ul { list-style-type: disc; }

a { text-decoration: underline; }

body { background: #f4f8ff; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; cursor: default }

{ position: absolute; left: 100%; margin-left: -150px; top: 160px; }
 * 1) column-google

{ margin-top: 160px; margin-left: 10px; margin-right: 150px; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ border-width: 0px; }
 * 1) column-content

background: #fff; padding: 5px }
 * 1) content {

.content-bg { background: #fff; }

.pBody { font-size: 80% }

pre { margin-left: 1em; margin-right: 1em; padding: 5px; background: #F2F5FD; font-family: monospace; font-size: 10pt }

code { font-family: monospace; font-size: 10pt }

h1, h2, h3, h4, h5, h6 { margin: 0.3em; padding: 5px; font-weight: bold; background: #F2F5FD; }

.firstHeading { margin: 0.3em; padding: 5px; /* font-weight: normal; */ font-size: 180%; background: #F2F5FD; }

{ background: transparent; margin: 0 0 1em 1em; padding: 0; }
 * 1) siteSub

.thumb { background: #F2F5FD; padding: 5px; font-size: 80%; border-width: 0px; }

{ background: #F2F5FD; padding: 5px; }
 * toc

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, .firstHeading:hover, pre:hover, .thumb:hover, .printfooter:hover, #toc:hover { background: #ffeecc; }

{ margin-left: 1.6em; margin-top: -0.4em; font-size: 90%; font-weight: normal; font-style: italic; }
 * 1) siteSub

{ width: 100%; }
 * 1) wpTextbox1, #wpSummary

input[type="submit"] { border: 1px solid #aaa; border-bottom: 2px solid #aaa; border-right: 2px solid #aaa; background: #eee; }

input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }

{ position: absolute; z-index: 3; background: transparent; width: 100%; height: 150px; left: 0; top: 0; }
 * 1) column-one

.portlet { display: none; }

{ z-index: 3; width: 160px; height: 135px; position: absolute; left: 0; top: 0; display: block; overflow: visible; }
 * 1) p-logo

display: block; height: 135px; width: 160px; margin-left: 10px; margin-top: 10px; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; }
 * 1) p-logo a,
 * 2) p-logo a:hover {

.floatleft, .tleft { float: left; margin-right: 5px; }

.floatright, .tright { float: right; margin-left: 5px; }

img { border-width: 0; }

{ display: block; background: white; position: absolute; z-index: 3; right: 10px; top: 50px; bottom: 0px; padding: 5px; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ text-align: right; text-transform: lowercase; width: 130px; }
 * 1) p-personal

{ display: none; }
 * 1) p-personal h5

{ margin: 0px; padding: 0px; list-style-type: none; }
 * 1) p-personal ul

background: url(user.gif) top left no-repeat; padding-left: 20px; text-transform: none; }
 * 1) pt-userpage {

display: block; background: white; position: absolute; z-index: 3; left: 200px; margin-left: 10em; right: 180px; margin-right: 12em; bottom: 0em; padding: 3px; text-align: center; text-transform: lowercase; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ }
 * 1) p-cactions {

{ display: none; }
 * 1) p-cactions h5

{ margin: 0px; padding: 0px; }
 * 1) p-cactions ul

{ display: inline; padding-left: 5px; padding-right: 5px; }
 * 1) p-cactions li

{ display: block; background: white; position: absolute; z-index: 3; right: 160px; top: 10px; bottom: 0px; width: 12em; padding: 5px; text-align: center; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ }
 * 1) p-search

{ width: 12em; }
 * 1) searchInput

{ display: none; }
 * 1) p-search h5

{ display: block; background: white; position: absolute; z-index: 3; left: 180px; top: 10px; bottom: 0px; padding: 5px; width: 10em; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ }
 * 1) p-navigation

{ display: none; }
 * 1) p-navigation h5

{ margin: 0px; padding: 0px; list-style-type: none; }
 * 1) p-navigation ul

{ display: block; background: white; position: absolute; z-index: 3; left: 200px; margin-left: 10em; top: 10px; padding: 5px; right: 180px; text-align: center; margin-right: 12em; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ border-width: 0px; text-transform: lowercase; }
 * 1) p-tb

{ display: none; }
 * 1) p-tb h5

{ margin: 0px; padding: 0px; list-style-type: none; }
 * 1) p-tb ul

{ display: inline; padding-left: 5px; padding-right: 5px; }
 * 1) p-tb li

background-color: white; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ border-width: 0px; margin-top: 10px; padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; }
 * 1) footer {

display: inline; margin: 0 1.3em; }	margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ }	float: right; height: 1%; }   float: left; height: 1%; }	float: left; height: 1%; }
 * 1) footer li {
 * 1) f-poweredbyico, #f-copyrightico, #f-hostedbyico {
 * 1) f-poweredbyico {
 * 1) f-hostedbyico {
 * 1) f-copyrightico {

{ display: block; position: absolute; background: #f0f0f0; z-index: 3; right: 10px; top: 10px; width: 130px; height: 20px; padding: 5px; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ border-width: 0px; }
 * 1) p-wikicities-nav

{ color: blue; margin: 0px; padding: 0px; text-align: center; font-size: 150%; background: #f0f0f0; }
 * 1) p-wikicities-nav h5

{ display: none;
 * 1) p-wikicities-nav .pBody

background: white; position: absolute; z-index: 4; right: 0px; top: 30px; padding: 5px; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ border-width: 0px; width: 180px; }

{ background: #ffeecc; }
 * 1) p-wikicities-nav:hover, #p-wikicities-nav:hover h5

{ display: block; }
 * 1) p-wikicities-nav:hover .pBody

a.new, li.new a { color: #ba0000; }

a:hover, a.new:hover, li.new a:hover { color: orange; }

li.selected { font-weight: bold; }

.printfooter { font-size: 80%; background: #f0f0f0; text-align: center; padding: 3px; margin-top: 10px; clear: both; }

{ text-align: center; margin-top: 0px; padding-top: 0px; }
 * 1) siteNotice, #siteNotice p

.diff-deletedline { background: #ffe8e8; }

.diff-context { background: #ffffd0; }

.diff-addedline { background: #e8ffe8; }

.diff-deletedline:hover, .diff-context:hover, .diff-addedline:hover { background: #ffeecc; }

font-size: 84%; line-height: 1.2em; margin-left: 1.6em; margin-top: -0.4em; color: #7d7d7d; width: auto; }
 * 1) contentSub, #contentSub2 {

.usermessage { background-color: #ffeecc; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; }

.usermessage:hover { background: #ffce7b; }

list-style-type: none; padding: 5px; background: white; text-align: center; /* border-left: 1px solid #eee; border-right: 2px solid #eee; border-top: 1px solid #eee; border-bottom: 2px solid #eee; */ text-transform: lowercase; }
 * 1) preftoc {

display: inline; padding-left: 5px; padding-right: 5px; }
 * 1) preftoc li {

/*	background: url(external.png) center right no-repeat; padding-right: 13px; } .link-https { background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } .link-mailto { background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; }	background: url(news_icon.png) center right no-repeat; padding-right: 18px; } .link-ftp { background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } .link-irc { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ color: #36b; background: none; padding: 0; }	color: #36b; } /* this can be used in the content area to switch off special external link styling */ background: none !important; padding: 0 !important; }
 * keep the whitespace in front of the ^=, hides rule from konqueror
 * this is css3, the validator doesn't like it when validating as css2
 * 1) bodyContent a.external,
 * 2) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="https://"],
 * 1) bodyContent a[href ^="mailto:"],
 * 1) bodyContent a[href ^="news://"] {
 * 1) bodyContent a[href ^="ftp://"],
 * 1) bodyContent a[href ^="irc://"],
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent a.external {
 * 1) bodyContent .plainlinks a {

{ width: 100%; }
 * 1) editform

{ _width: expression(document.getElementById('p-search').offsetLeft - document.getElementById('p-cactions').offsetLeft - 20 + 'px'); }
 * 1) p-cactions, #p-tb

{ _margin-left: -140px; _top: 170px; }
 * 1) column-google

.editsection { margin-top: 5px; margin-right: 10px; }


 * 1) title-eraicons { display: block; }

/* experiments */

/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/

.nav ul, .nav li { padding: 0; margin: 0; list-style: none;} .textbox { padding: 1px 1em; font-size: .9em; }

.textbox a {color: #000;}

.back {text-align: right; padding: 10px 10px 0 0;}

.alignright {margin: 0 30px 20px 0; text-align: right;}

.small {font-size: .8em;}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav { position: relative; background: #def; border: 1px solid #888; /* borders the bottom of the top nav */ border-width: 1px 0; width: 100%; }

.button { width: 190px; float: left; }

.parent {position: relative;} /* this parent div does not provide "sticky hovering", but instead fixes a strange bug in Op7. When an element serves as a hovered popup "parent" element, that element must not also be floated or all heck breaks loose in Opera 7. To prevent this, we have floated the top level list items, while nesting hoverable parent divs inside that are then hovered to generate the dropdowns. Thus the ugly (but interesting) Op7 bug is defeated. */ .floatfix {margin-right: -3px;} /* this fixes the IE 3px bug that is common in this type of float arrangement */

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */ width: 250px; position: absolute; left: -3000px; top: auto; /* puts dropdowns directly under top nav */ text-align: left; /* needed because IE misapplies text centering to boxes */ background: url(images/bgfix.gif); } .dropdown div { width: 220px; position: absolute; left: -3000px; top: 0; background: url(images/bgfix.gif); text-align: left; /* needed because IE misapplies text centering to boxes */ } /* The margins on the UL's replace the div paddings to create "sticky hovering" zones, and the margins should "fill" the divs, making the IE BG fix unnecessary. Unfortunately the BG fix is still needed, altho this method does eliminate possible box model problems */ .dropdown ul { width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */ margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */ border: 1px solid #888; border-width: 1px 1px 0; } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */ .dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */ .four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */ .four .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: center;}

.nav a { display: block; color: #800; font-weight: bold; font-size: .9em; text-decoration: none; padding: 6px 0 5px; border-right: 1px solid #888; /* makes the dividers between the top nav links */ }

.four a {border-right: 0;} /* kills right border on last top link */ .nav ul ul a { color: #fff; border-right: 0; /* negates right border for dropdowns and flyouts */ border-bottom: 1px solid #888; /* borders the bottoms of the dropdown and flyout links */ } .dropdown li { position: relative; vertical-align: bottom; /* IE5/win bugfix */ } .parent:hover {background-image: url(images/bgfix.gif);} /* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any background change on hovering div.parent will make IE obey and display the dropdown. While the call itself will fix the bug, make sure you actually call a real image file so that your site error logs will not fill with failed image calls. */ .parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ /* extra pixel makes dropdowns "line up" with top links */

.dropdown li:hover div { /* hover rule for flyouts */ left: 180px; /* this value controls the amount of flyout "overlap" */ top: -26px; /* this value controls the amount of flyout vertical offset */ } .four li:hover div { /* reversed flyout rules for rightmost drop flyouts */ left: -210px; top: -26px; }

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */ padding: 0; width: 15px; height: 15px; font-size: 1px; left: -3000px; bottom: -15px; top: auto; background: url(images/bgfix.gif); }

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */ left: auto; right: 8px; top: auto; }

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */ left: 8px; }

.dropdown li:hover {background: #235;} /* hover color effect on dropdown links */

.dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/ .one ul {background: #d79b00;} .two ul {background: #459;} .three ul {background: #4a3;} .four ul {background: #790000;} .dropdown div ul {background: #eda;} /* colors BG of flyouts */ .dropdown div ul a {color: #400;} /* colors text of flyouts */

/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;} .two {z-index: 20;} .three {z-index: 30;} .four {z-index: 40;} .four:hover {z-index: 20;} /* this last is a special trick that reverses the stacking order of the rightmost top link when it or its children are hovered. This, and the previous rules work together so that when a user is on the top link of any flyout, they can move vertically to the top link directly above and not have the sticky hoivering zone on the flyout get in the way of hovering that top link. */

body { behavior: url(http://starwars.wikia.com/index.php?title=MediaWiki:Csshover.htc&action=raw&ctype=text/javascript); } /* */