User:Giorgos465/myskin.css

/*
 * MediaWiki 'monobook' style sheet for CSS2-capable browsers.
 * Copyright Gabriel Wicke - http://wikidev.net/
 * License: GPL (http://www.gnu.org/copyleft/gpl.html)
 * Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
 * and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
 * Michael Zeltner and Geir Bækholt)
 * All you guys rock :)
 * All you guys rock :)

div#column-content { width: 100%; float: right; margin: 0 0 .6em -12.2em; padding: 0; }

.mw-body { margin: 2.8em 0 0 12.2em; padding: 1em; position: relative; z-index: 2; background: white; color: black; border: 1px solid #aaa; border-right: none; line-height: 1.5em; }

div#column-one { padding-top: 160px; }

/* Hide, but keep accessible for screen-readers */ position: absolute; top: -9999px; }
 * 1) column-one h2 {

/* the left column width is specified in class .portlet */

/* Font size:
 * We take advantage of keyword scaling- browsers won't go below 9px
 * More at http://www.w3.org/2003/07/30-font-size
 * http://style.cleverchimp.com/font_size_intervals/altintervals.html

body { font: x-small sans-serif; /* @embed */ background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; color: black; margin: 0; padding: 0; direction: ltr; /* Needed for RTL flipping */ unicode-bidi: embed; }

/* scale back up to a sane default */ div#globalWrapper { font-size: 127%; width: 100%; margin: 0; padding: 0; position: relative; z-index: 0; }

/* general styles */ a { color: #002bb8; }

a:visited { color: #5a3696; }

a.new, color: #cc2200; }
 * 1) p-personal a.new {

ul { list-style-type: square; /* @embed */ list-style-image: url(bullet.gif); }

pre, .mw-code { line-height: 1.1em; }

padding-top: 0; overflow: visible; }
 * 1) firstHeading {

.mw-indicators { float: right; line-height: 1.5em; font-size: 95%; }

.mw-indicator { display: -moz-inline-block; display: inline-block; zoom: 1; *display: inline; }

/*
 * the main content area

font-size: 95%; padding: 0 0.9em; }
 * 1) siteNotice {

margin: 0; }
 * 1) localNotice {

margin: 0; padding: 0; }
 * 1) siteNotice p {

/*
 * classes for special content elements like town boxes
 * intended to be referenced directly from the wiki src

/* /* table standards */ table.rimage { float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center; }
 * User styles

/* .special li { line-height: 1.4em; margin: 0; padding: 0; }
 * edit views etc

/*
 * Structural Elements

/* .portlet { border: none; margin: 0 0 .5em; padding: 0; float: none; width: 11.6em; overflow: hidden; }
 * general portlet styles (elements in the quickbar)

.portlet h3 { background: transparent; padding: 0 1em 0 .5em; display: inline; height: 1em; text-transform: lowercase; font-size: 91%; font-weight: normal; white-space: nowrap; }

.pBody { font-size: 95%; background-color: white; color: black; border-collapse: collapse; border: 1px solid #aaa; padding: 0 .8em .3em .5em; }

/* allows .pBody styles to wrap around content added via BaseTemplateAfterPortlet hook */ .pBody:after { content: ''; clear: both; display: block; }

.portlet ul { line-height: 1.5em; font-size: 95%; }

.portlet li { padding: 0; margin: 0; }

/*
 * Logo properties

top: 0; left: 0; position: absolute; /*needed to use z-index */ z-index: 3; height: 155px; width: 12em; overflow: visible; }
 * 1) p-logo {

display: none; }
 * 1) p-logo h3 {

display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; }
 * 1) p-logo a,
 * 2) p-logo a:hover {

/*	position: relative; z-index: 3; }
 * Search portlet
 * 1) p-search {
 * 1) p-search {

input.searchButton { margin-top: 1px; font-size: 95%; }

padding-left: .5em; padding-right: .5em; font-weight: bold; }
 * 1) searchGoButton {

width: 10.9em; margin: 0; font-size: 95%; }
 * 1) searchInput {

padding: .5em .4em .4em .4em; text-align: center; }
 * 1) p-search .pBody {

margin-top: .4em; font-size: 95%; }
 * 1) p-search #searchform div div {

/*	position: absolute; left: 0; top: 0; z-index: 3; }
 * the personal toolbar
 * 1) p-personal {
 * 1) p-personal {

width: 100%; white-space: nowrap; padding: 0; margin: 0; border: none; background: none; overflow: visible; line-height: 1.2em; }
 * 1) p-personal {

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

z-index: 0; padding: 0; margin: 0; border: none; overflow: visible; background: none; }
 * 1) p-personal .portlet,
 * 2) p-personal .pBody {

/* this is the ul contained in the portlet */ border: none; line-height: 1.4em; color: #2f6fab; padding: 0 2em 0 3em; margin: 0; text-align: right; list-style-type: none; list-style-image: none; z-index: 0; background: none; cursor: default; }
 * 1) p-personal ul {

z-index: 0; border: none; padding: 0; display: inline; color: #2f6fab; margin-left: 1em; line-height: 1.2em; background: none; }
 * 1) p-personal li {

text-decoration: none; color: #005896; padding-bottom: .2em; background: none; }
 * 1) p-personal li a {

background-color: white; padding-bottom: .2em; text-decoration: none; }
 * 1) p-personal li a:hover {

background-color: transparent; }
 * 1) p-personal li.active a:hover {

/* The icon in front of the username / login link */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { /* @embed */ background: url(user.gif) top left no-repeat; padding-left: 20px; }

text-transform: lowercase; }
 * 1) p-personal ul {

/* Don't lowercase username or IP addresses (IPv6) */ li#pt-userpage, li#pt-anonuserpage { text-transform: none; }

font-weight: bold; }
 * 1) p-personal li.active {

/*	position: absolute; top: 1.3em; left: 11.5em; margin: 0; white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding-left: 1em; font-size: 95%; }
 * the page-related actions- page/talk, edit etc
 * 1) p-cactions {
 * 1) p-cactions {

list-style-type: none; list-style-image: none; }
 * 1) p-cactions ul {

display: inline; border: 1px solid #aaa; border-bottom: none; padding: 0 0 1em 0; margin: 0 .3em 0 0; overflow: visible; background: white; }
 * 1) p-cactions li {

border-color: #fabd23; font-weight: bold; }
 * 1) p-cactions li.selected {

background-color: #fbfbfb; color: #002bb8; border: none; padding: 0 .8em .3em; position: relative; z-index: 0; margin: 0; text-decoration: none; }
 * 1) p-cactions li a {

z-index: 3; background-color: white; }
 * 1) p-cactions li.selected a {

color: #ba0000; }
 * 1) p-cactions .new a {

z-index: 3; text-decoration: none; background-color: white; }
 * 1) p-cactions li a:hover {

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

margin-right: 0; }
 * 1) p-cactions li.istalk {

padding-right: .5em; }
 * 1) p-cactions li.istalk a {

padding-left: .4em; padding-right: .4em; }
 * 1) p-cactions #ca-addsection a {

/* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; }

li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { margin-left: 1.6em; }

font-size: 1em; background-color: transparent; color: inherit; border-collapse: inherit; border: 0; padding: 0; }
 * 1) p-cactions .pBody {

text-transform: lowercase; }
 * 1) p-cactions li a {

position: relative; z-index: 3; }
 * 1) p-lang {

/* Override text-transform on languages where capitalization is significant */ .capitalize-all-nouns .portlet h3, .capitalize-all-nouns #p-personal ul, .capitalize-all-nouns #p-cactions ul li a { text-transform: none; }

/* TODO: #t-iscite is only used by the Cite extension, come up with some * system which allows extensions to add to this file on the fly */	color: #999; }
 * 1) t-ispermalink, #t-iscite {

/* div#footer { background-color: white; border-top: 1px solid #fabd23; border-bottom: 1px solid #fabd23; margin: .6em 0 1em 0; overflow: hidden; padding: .4em 0 .3em 0; text-align: center; font-size: 90%; }
 * footer

div#footer li { display: inline; margin: 0 1.3em; }

margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ }
 * 1) f-poweredbyico, #f-copyrightico {

float: right; height: 1%; }
 * 1) f-poweredbyico {

float: left; height: 1%; }
 * 1) f-copyrightico {

.mw-htmlform-submit { font-weight: bold; padding-left: .3em; padding-right: .3em; margin-right: 2em; }

/* js pref toc */ margin: 0; padding: 0; width: 100%; clear: both; }
 * 1) preftoc {

background-color: #f0f0f0; color: #000; }
 * 1) preftoc li {

margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; border: 1px solid #fff; border-right-color: #716f64; border-bottom: 0; position: relative; white-space: nowrap; list-style-type: none; list-style-image: none; z-index: 3; }
 * 1) preftoc li {

font-weight: bold; background-color: #f9f9f9; border: 1px solid #aaa; border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; }
 * 1) preftoc li.selected {

top: 2px; }
 * 1) preftoc > li.selected {

display: block; color: #000; padding: 0 .7em; position: relative; text-decoration: none; }
 * 1) preftoc a,
 * 2) preftoc a:active {

cursor: default; text-decoration: none; }
 * 1) preftoc li.selected a {

margin: 0; border: 1px solid #aaa; clear: both; padding: 1.5em; background-color: #F9F9F9; }
 * 1) preferences {

.prefsection { border: none; padding: 0; margin: 0; }

.prefsection legend { font-weight: bold; }

.prefsection table, .prefsection legend { background-color: #F9F9F9; }

.mainLegend { display: none; }

td.htmlform-tip { font-size: x-small; padding: .2em 2em; color: #666; }

.preferences-login { clear: both; margin-bottom: 1.5em; }

.prefcache { font-size: 90%; margin-top: 2em; }

font-size: 85%; }
 * 1) userloginprompt, #languagelinks {

font-size: 85%; line-height: 1.2; padding-top: 2em; }
 * 1) login-sectiontip {

font-weight: bold; }
 * 1) userloginlink a, #wpLoginattempt, #wpCreateaccount {

/** * This was originally added by Gabriel Wicke in r3681 (committed on 25 May 2004) * with the commit message "tweaks to page history". * Unlike the other IE/Mac fixes that used to be present here, this seems to get * applied on more modern browsers, so let's keep it here until someone has the * time to properly test it out. */	position: relative; }
 * 1) pagehistory li.selected {

.redirectText { font-size: 150%; margin: 5px; }

div.patrollink { clear: both; }

.sharedUploadNotice { font-style: italic; }

span.updatedmarker { color: black; background-color: #0f0; }

.editExternally { border: 1px solid gray; background-color: #ffffff; padding: 3px; margin-top: 0.5em; float: left; font-size: small; text-align: center; }

.editExternallyHelp { font-style: italic; color: gray; }

.toggle { margin-left: 2em; text-indent: -2em; }

/* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; }

font-weight: bold; }
 * 1) wpSave {

/* noarticletext */ div.noarticletext { border: 1px solid #ccc; background: #fff; padding: .2em 1em; color: #000; }

div#searchTargetContainer { left: 10px; top: 10px; width: 90%; background: white; }

div#searchTarget { padding: 3px; margin: 5px; background: #F0F0F0; border: solid 1px blue; }

div#searchTarget ul li { list-style-type: none; list-style-image: none; }

div#searchTarget ul li:before { color: orange; content: "\00BB \0020"; }

div#searchTargetHide { float: right; border: solid 1px black; background: #DCDCDC; padding: 2px; }

margin-top: 0; }
 * 1) powersearch p {

div.multipageimagenavbox { border: solid 1px silver; padding: 4px; margin: 1em; background: #f0f0f0; }

div.multipageimagenavbox div.thumb { border: none; margin-left: 2em; margin-right: 2em; }

div.multipageimagenavbox hr { margin: 6px; }

table.multipageimage td { text-align: center; }

.templatesUsed { margin-top: 1.5em; }

.mw-summary-preview { margin: 0.1em 0; }

/* Friendlier slave lag warnings */ div.mw-lag-warn-normal, div.mw-lag-warn-high { padding: 3px; text-align: center; margin: 3px auto; }

div.mw-lag-warn-normal { border: 1px solid #FFCC66; background-color: #FFFFCC; }

div.mw-lag-warn-high { font-weight: bold; border: 2px solid #FF0033; background-color: #FFCCCC; }

.MediaTransformError { background-color: #ccc; padding: 0.1em; }

.MediaTransformError td { text-align: center; vertical-align: middle; font-size: 90%; }

/* Sometimes people don't want personal tools to be lowercase! */ .no-text-transform { text-transform: none; }

/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */ .tipsy { font-size: 127%; }

/* mediawiki.notification */ .skin-monobook .mw-notification { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125); }