Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
Line 219: | Line 219: | ||
#p-personal { | #p-personal { | ||
position: absolute; | position: absolute; | ||
− | right: | + | right: 0; |
top: 2.4em; | top: 2.4em; | ||
} | } | ||
Line 231: | Line 231: | ||
#p-personal li { | #p-personal li { | ||
font-size: .8em; | font-size: .8em; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 266: | Line 258: | ||
} | } | ||
− | #p- | + | #p-namespaces li.selected, #p-views li.selected, #p-personal li.selected { |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | #p- | ||
− | |||
− | |||
font-family: fedra-bold; | font-family: fedra-bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 308: | Line 266: | ||
li#ca-delete, li#ca-protect, li#ca-purge { | li#ca-delete, li#ca-protect, li#ca-purge { | ||
display: none !important; | display: none !important; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 340: | Line 273: | ||
} | } | ||
− | + | /* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ | |
− | |||
− | |||
− | |||
− | /* For positioning icons at top-right, used in Templates | ||
− | |||
div.topicon { | div.topicon { | ||
position: absolute; | position: absolute; |
Revision as of 18:02, 20 March 2012
body { background-color: white; } body, div#content, #mw-page-base, #mw-head-base, div#footer, div.vectorTabs, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorTabs span, div.vectorMenu, div.vectorMenuFocus, div#mw-head div.vectorMenu h5,div.vectorMenu h5 a, div#simpleSearch { background: none; background-image: none; background-color: white; } /* Fonts */ body, #content, .portlet { font-family: fedra, fallback-fonts; } body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold; } body i, #content i, .portlet i, i, em { font-family: fedra-italic; } body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic; } h1, h2, h3, h4, h5, h6 { font-family: neohellenic-bold, fallback-fonts; } h1, h2, h3, h4, h5, h6 { margin: 0; border-bottom: 1px dotted #BBB; font-size: 100%; } h1 { font-size: 200%; border: none } h2 { font-size: 160%; padding-top: 1.5em; } h3 { font-size: 142%; } h4 { font-size: 128%; } h5 { font-size: 114%; } h6 { font-size: 100%; } dl { margin-top: .5em; } /* Links */ a:link, a:visited { text-decoration: none; } a:hover { /* must come _after_ a:link and a:visited */ text-decoration: underline; } a:active { /* must come _after_ a:hover */ text-decoration: none; } #bodyContent a.external, #bodyContent a[href ^="gopher://"] { /* remove the external link icon */ background: none; padding-right: 0; } /* Fonts */ @font-face { font-family: 'fedra'; src: url('skins/monobook/FedraSans-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fedra-bold'; src: url('skins/monobook/FedraSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'fedra-italic'; src: url('skins/monobook/FedraSans-LightItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'fedra-bold-italic'; src: url('skins/monobook/FedraSans-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'neohellenic'; src: url('skins/monobook/gfsneohellenic.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neohellenic-bold'; src: url('skins/monobook/gfsneohellenicbold.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'neohellenic-italic'; src: url('skins/monobook/gfsneohellenicit.otf') format('opentype'); font-weight: normal; font-style: italic; } /* Left panel */ div#mw-panel { top: 70px; width: 10em; } div#mw-panel div.portal div.body { background-image: none; padding: 0; margin: 0; } div#mw-panel div.portal h5, div#mw-panel div.portal div.body ul li { font-size: .9em; margin-left: 0; padding-left: 0; padding-right: .3em; } div#mw-panel div.portal div.body ul li { line-height: normal; } /* Logo */ #p-logo { position: relative; height: 111px; top: -50px; } #p-logo, #p-logo a, #p-logo a:hover { height: 111px; width: 9.5em; } /* Page body */ div#content { margin-left: 10em; border-left: 2px solid #ccc; margin-top: 1.5em; padding-left: 1em; padding-top: .3em; padding-bottom: .3em; padding-right: 0; font-size: 1.1em; } div#content a { color: darkgreen; } div#content a.new, #p-personal a.new { color: #ba0000; } div#content a.new:visited, #p-personal a.new:visited { color: #a55858; } /* Search */ #p-search { position: absolute; top: 1.5em; left: 11.7em; width: auto; padding: 0; text-align: left; } #searchInput, #searchGoButton, input.searchButton { margin: 0; font-size: .9em; background-color: white; font-family: fedra; } #searchInput { width: 30em; height: 2.5em; padding: .2em; border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; } #searchGoButton { width: 2em; height: 2.5em; align: center; font-weight: normal; border: 0; } #p-search #mw-searchButton { display: none !important; } /* Search Suggest box */ .os-suggest { border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; border-top: 0; padding-top: 2px; z-index: 110; } .os-suggest-result { background-color: white; z-index: 110; } .os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit { font-family: fedra; z-index: 110; } /* Top/personal menu */ #p-personal { position: absolute; right: 0; top: 2.4em; } #p-personal ul { padding: 0; text-transform: none; text-align: left; } #p-personal li { font-size: .8em; } li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage { display: none !important; } /* Article heading */ h1#firstHeading { padding-top: 0; border-bottom: 1px solid #ccc; z-index: 105; } /* Article menu */ #left-navigation { position: static; float: right; margin-left: .5em; margin-right: 0; margin-top: 6.5em; } #right-navigation { margin-top: 6.5em; margin-right: 0; } #p-namespaces li.selected, #p-views li.selected, #p-personal li.selected { font-family: fedra-bold; } #p-cactions.vectorMenu, #p-variants.vectorMenu, li#ca-delete, li#ca-protect, li#ca-purge { display: none !important; } #p-navigation h5, #p-search h5, #p-tb h5, #p-tb #t-pdf, #p-tb #t-specialpages, #p-tb #t-recentchangeslinked, #p-tb #t-smwbrowselink { display: none !important; } /* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position: absolute; top: -2em; margin-right: -10px; display: block !important; } /* FR topicon position */ div.flaggedrevs_short { position: absolute; top: -3em; right: 80px; z-index: 1; margin-left: 0; /* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget */ margin-right: -10px; } /* Article list */ #column-content ul { list-style: none; padding: 0; margin: 0; } #column-content li { padding-left: 1em; margin-bottom: .3em; text-indent: -1.1em; } #column-content li:before { content: "•"; color: #666; padding-right: .2em; } #column-content .dpl li:before { /* Dynamic Page List - used to list pages in categories */ content: none; padding-right: 0; } /* Article References */ sup { font-size: .7em; bottom: 1ex; line-height: 1em; padding-left: 0; margin-left: 0; } .references-small { font-size: .8em; } /* Search results */ #mw-search-top-table #powerSearchText, #mw-search-top-table #searchText, #mw-search-top-table input:nth-of-type(5), #mw-searchoptions, .mw-search-formheader li:nth-of-type(3), .mw-search-formheader li:nth-of-type(5) { display: none !important; } /* Login form */ .page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special { display: none !important; } div#userloginForm form, div#userlogin form { width: 100%; } div#userloginForm form h2, div#userlogin form#userlogin2 h2 { padding-top: 0; border-bottom: 1px solid #ccc; margin-bottom: .1em; line-height: 1.2em; padding-bottom: 0; font-family: neohellenic-bold; font-weight: bold; font-size: 200%; } div#userloginForm form, div#userlogin form#userlogin2, div#userloginForm table, div#userlogin form#userlogin2 table { background-color: white; border: 0; padding: 0; } div#userlogin .captcha, div#userloginForm .captcha { margin-bottom: 1em; } /* Article Table */ .toccolours { background-color: white; border: 0; padding: 0; } .toccolours th { border-bottom: 1px solid #ccc; } .toccolours .tocpadding { padding-left: 1em; padding-right: 1em; } /* Article TOC */ #toc, .toc, .mw-warning { background-color: #f4f4f4; padding: 5px; border: 0; -moz-border-radius: .3em; border-radius: .3em; } #column-content #toc ul, #toc ul, .toc ul { list-style: none; } #column-content #toc li, #toc li, .toc li { padding-left: 0; margin-bottom: .3em; text-indent: 0; } #column-content #toc li:before, #toc li:before, .toc li:before { content: none; padding-right: 0; } #toc li .toclevel-2 { float: left; margin-right: .5em; } #toc li:last-child { float: none; } .tocnumber, #toc li .toclevel-3, #toc li .toclevel-4, #toc li .toclevel-5, #toc li .toclevel-6 { display: none !important; } /* Article Edit section links */ h2 .editsection { font-family: fedra; font-weight: normal; color: transparent; font-size: .7em; } h2 .editsection a { font-weight: normal; font-size: .7em; } /* Twitter feed */ // https://twitter-widgets.s3.amazonaws.com/j/2/widget.css .twtr-widget { align: right; margin: auto; font-family: fedra; font-size: 100%; } .twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav { font-size: 110%; font-family: fedra-italic; } .twtr-ft { display: none !important; } .twtr-tweet:last-child { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #f0f0f0!important; } /* Article category links */ .catlinks { background-color: #f4f4f4; border: 0; padding-top: .5em; padding-bottom: .5em; padding-left: .8em; padding-right: .8em; -moz-border-radius: .3em; border-radius: .3em; } /* Bottom menu */ #privacy, #disclaimer { display: none !important; } /* Footer */ #footer { background-color: none; border: 0; text-align: left; color: #666; } #footer a { color: #666; } #footer ul { list-style-type: none; list-style-image: none; } #footer li { list-style-type: none; margin: 0 0.5em; } #f-poweredbyico, #f-copyrightico { display: none; } #footer, #f-list { padding-left: 0; margin-left: 0; font-family: fedra; } /* QuickLink extension css - Article editor */ input#QuickLinkInput { font-family: fedra, fallback-fonts; font-size: .8em; border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; width: 15em; height: 1.6em; } #QuickLinkResults { padding: 0.5em 0.5em 0.5em 0.5em; } #QuickLinkResults a.selected { background-color: darkgreen; } /* CategoryTree extension css - transcluded categories */ .CategoryTreeLabelPage, .CategoryTreeNotice, .CategoryTreeParents { font-style: normal; }