Difference between revisions of "User:Fweik/vector.css"
Line 842: | Line 842: | ||
body { | body { | ||
− | direction: | + | direction: ltr; |
/* unicode-bidi: bidi-override; */ | /* unicode-bidi: bidi-override; */ | ||
unicode-bidi: embed; | unicode-bidi: embed; |
Latest revision as of 12:26, 17 November 2010
/* * ----------------------------------------------------- * 'simbio' style sheet for CSS2-capable browsers. * Redesigned by Moritz Otten and Olaf Lenz (2007) * This file contains the css rules for the layout of the * contents */ body,td,th,input { /* redundant rules for bad browsers */ font-family: Lucida, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; color: black; } #mainContent { line-height: 1.3; /* value other than 'normal' needed for WinIE */ color: #000000; } /* ----------------------------------------------------- Title style content page title format */ #mainContent h1 { margin-top: 0; font-size: 2em; font-weight: bold; font-variant: small-caps; color: #2c1c5c; } h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.2em 0; border-bottom: 1px solid #d9d9d9; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; } h1 { font-size: 160%; font-weight: normal; } h2 { font-size: 150%; font-weight: normal; } h3 { font-size: 120%; } h4 { font-size: 100%; } h5 { font-size: 90%; } h6 { font-size: 90%; border: 0; } /* ----------------------------------------------------- ** user notification stuff */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 0.9em 0 0.9em; } #siteNotice p { margin: 0; padding: 0; } .error { color: red; font-size: larger; } #catlinks { border:1px solid #aaaaaa; background-color:#d6d6d6; padding: 3px 5px 3px 5px; margin-top: 1em; clear: both; } p.catlinks { padding: 0; display: inline; } /* ----------------------------------------------------- ** table of contents styles */ #toc { border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 95%; } #toc .tocindent { margin-left: 2em; } #toc .tocline { margin-bottom: 0px; } #toc p { margin: 0 } #toc .toctoggle { font-size: 94%; } #toc .editsection { margin-top: 0.7em; font-size: 94%; } /* fix toc top margin */ #toctitle h2 { border: 0; margin: 0; } /* ----------------------------------------------------- Navigation tweaks */ /* ** internal navigation style */ a { text-decoration: underline; border: none; } a:link { color: #1C0C4C; margin: 1px; } a:visited { color: #537499; margin: 1px; } a:hover { border: 1px dotted #2c1c5c; margin: 0; } a:active { color: #FF9900; margin: 1px; } a img { border: none; } /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */ #mBody a[href ^="http://"], #mBody a[href ^="gopher://"] { background: url(external.png) center right no-repeat; padding-right: 13px; } #mBody a[href ^="https://"], .link-https { background: url("lock_icon.gif") center right no-repeat; padding-right: 16px; } #mBody a[href ^="mailto:"], .link-mailto { background: url("mail_icon.gif") center right no-repeat; padding-right: 18px; } #mBody a[href ^="news://"] { background: url("news_icon.png") center right no-repeat; padding-right: 18px; } #mBody a[href ^="ftp://"], .link-ftp { background: url("file_icon.gif") center right no-repeat; padding-right: 18px; } #mBody a[href ^="irc://"], .link-irc { background: url("discussionitem_icon.gif") center right no-repeat; padding-right: 18px; } /* special links */ /* wikipedia */ #mBody a[href ^="http://en.wikipedia.org"] { background: url(wikipedia.png) center right no-repeat; padding-right: 18px; } #mBody a[href $=".png"].download { } /* this can be used in the content area to switch off special external link styling */ #mBody .plainlinks a { background: none !important; padding: 0 !important; } /* ** edit selection position */ .editsection { font-size: smaller; } /* emulate center */ .center { width: 100%; text-align: center; } *.center * { margin-left: auto; margin-right: auto; } /* ** images style */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 0.5em 0.5em; border: 0 } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 0.5em 0.5em 0; border: 0 } div.floatleft p { font-style: italic; } /* ** thumbnails stuff */ div.thumb { margin-bottom: 0.5em; border: thin solid white; width: auto; } div.thumb div { border:1px solid #cccccc; padding: 3px !important; background-color:#f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border:1px solid #cccccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: 0.3em 0 0.1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: 0.5em 0 0.8em 1.4em; } div.tleft { float: left; margin-right:0.5em; border-width: 0.5em 1.4em 0.8em 0; } .urlexpansion, .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; } /* ** table standards */ table.rimage { float:right; position:relative; margin-left:1em; margin-bottom:1em; text-align:center; } .toccolours { border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:White; margin-left:1em; border: 1px solid gray; padding:0.3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.townBox dl dt { background: none; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; } /* ** Page history styling */ .autocomment { color: gray; } /* the auto-generated edit comments */ #pagehistory span.user { margin-left: 1.4em; margin-right: 0.4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid White; } #pagehistory li.selected { background-color:#f9f9f9; border:1px dashed #aaaaaa; } /* ** Diff rendering */ table.diff { background:#ffffff; } td.diff-otitle { background:#ffffff; } td.diff-ntitle { background:#ffffff; } td.diff-addedline { background:#ccffcc; font-size: smaller; } td.diff-deletedline { background:#ffffaa; font-size: smaller; } td.diff-context { background:#eeeeee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; } /* other things */ /* "Retrieved from ..." message */ .printfooter { display: none; } /* sub heading (e.g. query string) */ #contentSub { font-size: smaller; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } pre { background: #EEEEEE; border: dashed #666666 1px; padding: 15px 20px 15px 20px; overflow: auto; } hr { height: 1px; background-color: #000000; color: #000000; margin: 2em 0; } input[type="submit"] { font-weight: bold; } dt { font-weight: bold; } dd { margin: 0 0 1em 1em; } li { margin-top: 0.2em; margin-bottom: 0.2em; } sup { font-size: 70%; } form { margin: 0; display: inline; } label { font-weight: bold; } textarea { width: 100%; } /***** ** Table formatting *****/ table.wikitable, table.prettytable { margin:1em 1em 1em 0; background:#F9F9F9; border:1px #AAA solid; border-collapse:collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border:1px #AAA solid; padding:0.2em; } table.wikitable th, table.prettytable th { background:#F2F2F2; text-align:center; } table.wikitable caption, table.prettytable caption { margin-left:inherit; margin-right:inherit; } /* ** IE5.0 Fix Stylesheet */ #column-content { margin: 0 !important; float: none; } #column-content #content { margin-top: 3em; height: 1%; } #column-one { position: absolute; overflow: visible; top: 0; left: 0; z-index: 3; } #footer { margin: 0 0 0 13.6em; } /* ** IE 5 & 5.5 interpret keyword sizes one off */ body { font-size: xx-small; } /* ** the edit tabs */ #p-cactions li { float: left; padding-top: 0; padding-bottom: 0 !important; height: 0.9em; } #p-cactions li a { display: block; padding-bottom: 0.045em; } #p-cactions li.selected a { padding-bottom: 0.17em; } #p-cactions li a:hover { padding-bottom: 0.17em; } /* ** IE 5.0 doesn't like the background icon for external links and user */ .link-external, .external { background: none; padding: 0; } #p-personal ul { float: right } #p-personal li { float: left } li#pt-userpage, li#pt-anonuserpage, li#pt-login, li#pt-logout { background: none; padding-left: none; } .visualClear { width: 100%; height: 0px; padding:0; margin: 0; } .firstHeading { margin-bottom: .3em; } /* ** The end *//* ** IE5.5/win- only fixes */ #column-content { float: none; margin-left: 0; height: 1%; } #column-content #content { position: relative; z-index: 5; margin-left: 12.2em; margin-top: 3em; height: 1%; } #column-one { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; } #footer { margin-left: 13.6em; border-left: 1px solid #fabd23; } #p-personal { padding-bottom: .1em; } body { font-size: xx-small; } #p-cactions { width: 76% !important; z-index: 3 !important; float: none; } #p-cactions li { padding-bottom: 0 !important; border: none; background-color: transparent; cursor: default; float: none !important; } #p-cactions li a { display: inline-block !important; vertical-align: top; padding-bottom: 0; border: solid #aaa; border-width: 1px 1px 0; } #p-cactions li.selected a { border-color: #fabd23; padding-bottom: 0.17em; } #p-cactions li a:hover { padding-bottom: 0.17em; } #p-navigation a { display: inline-block; width: 100%; } .portlet { overflow: hidden; } #bodyContent a.external { background: url(external.png) center right no-repeat; padding-right: 13px; } /* ** show the hand */ #p-logo a, #p-logo a:hover { cursor: pointer; } .visualClear { width: 90%; height: 1px; padding: 0; margin: 0; } #editform { width: 100%; } /* ** The end *//* * 6.0 - only fixes ** content area ** workaround for various ie float bugs */ /* ** Logo picture - PNG Files Do Not Show Transparency in Internet Explorer */ #column-content { float: none; margin-left: 0; height: 1%; } #column-content #content { margin-left: 12.2em; margin-top: 3em; height: 1%; } #column-one { position: absolute; top: 0; left: 0; z-index: 4; } /* ** the tabs */ #p-cactions { z-index: 3; } #p-cactions li { padding-bottom: 0 !important; border: none; background-color: transparent; cursor: default; float: none !important; } #p-cactions li a { display: inline-block !important; vertical-align: top; padding-bottom: 0; border: solid #aaa; border-width: 1px 1px 0; } #p-cactions li.selected a { border-color: #fabd23; padding-bottom: 0.17em; } #p-cactions li a:hover { padding-bottom: 0.17em; } #p-navigation a { display: inline-block; width: 100%; } #portal-personaltools { padding-bottom: 0.1em; } /* ** fix external icon */ #mainContent a.external { background: url(external.png) center right no-repeat; padding-right: 13px; } /* ** show the hand */ #p-logo a, #p-logo a:hover { cursor: pointer; } div.visualClear { width:100%; line-height: 0; } textarea { width: 100%; } div.editsection, #catlinks, div.tright, div.tleft { position: relative; } /* ** The end */ /* ** 7.0 - only fixes ** content area ** workaround for various ie float bugs */ /* ** This bit is needed to make links clickable */ #column-content #content { margin-left: 12.2em; margin-top: 3em; height: 1%; } .rtl #column-one { padding-top: 0; } .rtl #column-one #p-navigation { margin-top: 160px; } /* ** the tabs */ #p-cactions { z-index: 3; } #p-cactions li { padding-bottom: 0 !important; border: none; background-color: transparent; cursor: default; float: none !important; } #p-cactions li a { display: inline-block !important; vertical-align: top; padding-bottom: 0; border: solid #aaa; border-width: 1px 1px 0; } #p-cactions li.selected a { border-color: #fabd23; padding-bottom: 0.17em; } #p-cactions li a:hover { padding-bottom: 0.17em; } #p-navigation a { display: inline-block; width: 100%; } #portal-personaltools { padding-bottom: 0.1em; } textarea { width: 96%; } #footer li { margin-right: 0; /* Work around bug with inline <li> tags with right margins and nowrap */ } /* ** The end *//* ** IE/Mac only fix stylesheet ** imported from main.css */ #portal-column-content { margin: 0 0 4.8em 0; float: none; } #portal-column-content #content { z-index: 0; } #portal-column-one { position: absolute; top: 0; left: 0; z-index: 3; } #portal-footer { margin-left: 12em; } #portlet-contentViews li, #portlet-contentViews .selected { border: none !important; } #portlet-contentViews li a { border: 1px solid #aaaaaa; border-bottom: none; } #portlet-contentViews li.selected a { border: 1px solid #fabd23; border-bottom: none; } /* ** no background images */ li#personaltools-userpage, li#personaltools-login/* */ { background: none; padding-left: none; } #mactest { color: green; } /* ** The end *//* KHTML fix stylesheet */ /* work around the horizontal scrollbars */ #column-content { margin-left: 0; } /* * ----------------------------------------------------- * 'simbio' style sheet for CSS2-capable browsers. * Redesigned by Moritz Otten and Olaf Lenz (2007) */ @import url("template.css"); @import url("contents.css"); /* ** opera 6 fixes */ #column-one { position: relative; max-width: 11.7em; } #p-personal { width: 45em; margin-left: 8.6em; right: 0; } #bodyContent a.external { background: url(external.png) center right no-repeat; padding-right: 13px; } /* ** The end *//* ** opera 7 fixes */ #p-cactions { margin-top: .1em; } #p-cactions li a { top: 2px; } #bodyContent a.external { background: url(external.png) center right no-repeat; padding-right: 13px; } /* ** The end *//* Right-to-left fixes for MonoBook. Places sidebar on right, tweaks various alignment issues. Works mostly ok nicely on Safari 1.2.1; fine in Mozilla. Safari bugs (1.2.1): * Tabs are still appearing in left-to-right order. (Try after localizing) Opera bugs (7.23 linux): * Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other IE/mac bugs: * The thing barfs on Hebrew and Arabic anyway, so no point testing. Missing features due to lack of support: * external link icons To test: * Opera6 * IE 5.0 * etc */ body { direction: ltr; /* unicode-bidi: bidi-override; */ unicode-bidi: embed; } #column-content { margin: 0 -12.2em 0 0; float: left; } #column-content #content{ margin-left: 0; margin-right: 12.2em; border-right: 1px solid #aaaaaa; border-left: none; } html>body .portlet { float: right; clear: right; } /* ** recover IEMac (might be fine with the float, but usually it's close to IE */ *>body .portlet { float: none; clear: none; } .pBody { padding-right: 0.8em; padding-left: 0.5em; } /* ** Fix alignment */ .documentByLine, .portletDetails, .portletMore, #p-personal { text-align: left; } div div.thumbcaption { text-align: left; } div.magnify, #div.townBox, #p-logo { left: auto; right: 0; } #p-personal { left: auto; right: 0; } #p-cactions { left: auto; right: 11.5em; padding-left: 0; padding-right: 1em; } #p-cactions li { margin-left: 0.3em; margin-right: 0; float: right; } * html #p-cactions li a { display: block; padding-bottom: 0; } * html #p-cactions li a:hover { padding-bottom: 0.2em; } /* ** offsets to distinguish the tab groups */ li#ca-talk { margin-right: auto; margin-left: 1.6em; } li#ca-watch,li#ca-unwatch { margin-right: 1.6em !important; } /* ** --- Fix margins for non-css2 browsers --- */ /* ** top right bottom left */ ul { margin-left: 0; margin-right: 1.5em; } ol { margin-left: 0; margin-right: 2.4em; } dd { margin-left: 0; margin-right: 1.6em; } #contentSub { margin-right: 1em; margin-left: 0; } .tocindent { margin-left: 0; margin-right: 2em; } div.tright, div.floatright, table.floatright { clear: none; } div.tleft, div.floatleft, table.floatleft { clear: left; } div.townBox { margin-left: 0; margin-right: 1em; } div.townBox dl dd { margin-left: 0; margin-right: 1.1em; } #p-personal li { margin-left: 0; margin-right: 1em; } li#ca-talk, li#ca-watch { margin-right: auto; margin-left: 1.6em; } #p-personal li { float: left; } /* ** Fix link icons */ .external { padding: 0 !important; background: none !important; } #footer { clear: both; } * html #footer { margin-left: 0; margin-right: 13.6em; border-left: 0; border-right: 1px solid #fabd23; } * html #column-content { float: none; margin-left: 0; margin-right: 0; } * html #column-content #content { margin-left: 0; margin-top: 3em; } * html #column-one { right: 0; } /* ** js pref toc */ #preftoc { margin-right: 1em; } .errorbox, .successbox, #preftoc li, .prefsection fieldset { float: right; } .prefsection { padding-right: 2em; } /* ** workaround for moz bug, displayed bullets on left side */ #toc ul { text-align: left; } #toc ul ul { margin: 0 2em 0 0; } input#wpSave, input#wpDiff { margin-right: 0; margin-left: .33em; } #userlogin { float: right; margin: 0 0 1em 3em; } /* ** The end *//* * ----------------------------------------------------- * 'simbio' style sheet for CSS2-capable browsers. * Redesigned by Moritz Otten and Olaf Lenz (2007) * This file contains the css rules for the layout of the * navigational elements (header, footer...) */ /* ** body background */ body { font-size: x-small; font-size: small; background: #d6c5b0; margin: 15px; padding: 0; } /* ----------------------------------------------------- * -- header tweaks * ----------------------------------------------------- */ div#header { position: relative; font-size: x-small; font-size: small; clear: both; background: white url("top_bg.png") repeat-x; padding: 20px 0; margin: 0; min-height: 39px; height: 3em; border-top: thin solid #2c1c5c; border-right: thin solid #2c1c5c; border-left: thin solid #2c1c5c; } /* Logo */ div#logo { position: absolute; top: 5px; left: 5px; z-index: 90; /* below the UL */ } #logo a { display: block; border: none; width: 69px; height: 69px; margin: 0; padding: 0; } /* Navigation tabs */ #header ul { width: auto; position: absolute; top: 0; right: 0; list-style: none; z-index: 90; /* below the logo */ margin: 0; padding: 0; } #header ul li { display: inline; float: left; padding: 0; margin: 0 0 -1px 2px; } #header ul li a { padding: 4px 6px; display: block; float: left; font-weight: bold; text-decoration: none; color: black; margin: 1px; border: none; } #header ul li:hover a { margin: 0; border: 1px dotted #2c1c5c; } #header ul li.active a { background: #5374a9; color: #F7DF74; } #header div.pageTitle { position: absolute; top: 35px; right: 5px; margin: 0; font-size: small; color: #d6d6d6; text-align: left; } /* ----------------------------------------------------- * -- contents tweaks * ----------------------------------------------------- */ /* ** the size and background of the main body */ #container { background: #D6C5B0; width: 90%; max-width: 60em; min-width: 600px; margin: 0 auto; } /* ** body margin */ #mBody { clear: both; padding: 0; margin: 0; } /* ** main content background */ #mainContent { float: none; background: white; max-width: 100%; margin: 0; padding: 0 4em 2em 4em; border-right: thin solid #2c1c5c; border-left: thin solid #2c1c5c; } /* ----------------------------------------------------- * -- toolbox tweaks * ----------------------------------------------------- */ #toolMenu { font-size: 90%; margin: 0; padding: 0; background: white; border-right: thin solid #2c1c5c; border-left: thin solid #2c1c5c; border-bottom: thin solid #2c1c5c; } #toolMenu ul { text-align: center; list-style: none; margin: 0; padding: 0; } #toolMenu li { display: inline; border: none; padding: 0; margin: 0; overflow: visible; background: none; } #toolMenu ul li a { text-decoration: none; font-size: 90%; border: none: margin: 1px; } #toolMenu ul li a:hover { border: 1px dotted #2c1c5c; maring: 0; } /* Content actions (Article, Discussion, Edit, ...) */ #contentActions { background: #B1CED7 url("content_actions_bg.png") repeat-x; margin: 0; padding-top: 15px; padding-bottom: 0.7em; } #contentActions ul li a { color: #000000; } #contentActions ul li.selected a { background: #5374a9; color: #F7DF74; } /* Personal Tools */ #tools { background: #5374A9 url("personal_tools_bg.png") repeat-x; margin: 0; padding-top: 15px; padding-bottom: 0.7em; } #tools ul li a { color: #F7DF74; } /* Search form */ #search { padding-top: 5px; text-align: center; } #search form { padding: 0; margin: 12px 0 0 0; /* need for IE Mac */ text-align: left; /* need for IE Mac */ white-space: nowrap; /* for Opera */ vertical-align: middle; } #search form #q { border: 2px inset #5374a9; text-align: left; padding: 0; margin: 0 3px 2px 0; /* fix the position, align with button image */ width: 200px; /* text field width */ background: #b4d1da; } #search form #q:hover, #search form #q:focus { background: #ffffff; } #search form input.searchButton { border: 2px outset #5374a9; color: #F7DF74; background: #5374a9; font-weight: bold; padding: 0; margin: 2px 0 0 3px; } #search form input.searchButton:hover { background: #b4d1da; } /* ----------------------------------------------------- * -- footer tweaks * ----------------------------------------------------- */ /* ** footer margin */ #footer { margin: 0 0 2em 0; padding: 1em 0; text-align: center; } /* ** footer padding */ #footer ul { margin: 0; padding: 0.3em; list-style: none; } /* ** footer font size */ #footer td { font-size: 85%; } /* ** link style */ #footer li a { color: #666666; } #mBody #poweredbyico a { background: none; margin: 0; } /* ** The end */