|
|
| (40 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | /* CSS placed here will affect users of the Monobook skin */
| |
| | | | |
| − | body {
| |
| − | 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; }
| |
| − |
| |
| − | @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;
| |
| − | }
| |
| − |
| |
| − | /* Page body */
| |
| − | #column-content {
| |
| − | margin: 4.9em 0 .6em -12.2em;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | border-left: 2px solid #ccc;
| |
| − | padding-left: 1.2em;
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | /* Logo */
| |
| − | #p-logo,
| |
| − | #p-logo a,
| |
| − | #p-logo a:hover {
| |
| − | width: 9.5em;
| |
| − | margin-bottom: 2em;
| |
| − | }
| |
| − |
| |
| − | /* Article heading */
| |
| − | h1#firstHeading {
| |
| − | padding-top: 0;
| |
| − | border-bottom: 1px solid #ccc;
| |
| − | z-index: 105;
| |
| − | }
| |
| − |
| |
| − | /* Search */
| |
| − | #p-search {
| |
| − | position: absolute;
| |
| − | top: 2em;
| |
| − | left: 12em;
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | #p-search .pBody {
| |
| − | padding: 0;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | #searchInput, #searchGoButton {
| |
| − | margin: 0;
| |
| − | font-size: .8em;
| |
| − | background-color: white;
| |
| − | }
| |
| − |
| |
| − | #searchInput {
| |
| − | width: 36em;
| |
| − | height: 2.2em;
| |
| − | padding: .2em;
| |
| − | border: 1px solid #aaa;
| |
| − | -moz-border-radius: .3em;
| |
| − | border-radius: .3em;
| |
| − | }
| |
| − |
| |
| − | #searchGoButton {
| |
| − | width: 2em;
| |
| − | height: 28px;
| |
| − | 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 .pBody {
| |
| − | position: absolute;
| |
| − | right: 1em;
| |
| − | top: 2.4em;
| |
| − | }
| |
| − |
| |
| − | #p-personal ul {
| |
| − | font-size: 0.9em;
| |
| − | text-transform: none;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | #p-personal li a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − | /* Article menu */
| |
| − | #p-cactions {
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | padding: 0;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | #p-cactions .pBody {
| |
| − | position: absolute;
| |
| − | top: 8.7em;
| |
| − | right: 3em;
| |
| − | z-index: 100;
| |
| − | margin-left: 1em;
| |
| − | }
| |
| − |
| |
| − | #p-cactions li a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
| |
| − | margin-left: 0;
| |
| − | margin-right: 0;
| |
| − | }
| |
| − |
| |
| − | li#ca-delete, li#ca-protect, li#ca-purge {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − | #p-cactions li, #p-cactions ul {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #p-cactions li a, #p-cactions .new a {
| |
| − | color: #0645ad;
| |
| − | background: none;
| |
| − | margin: 0;
| |
| − | padding: 0 .4em .3em;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | li#ca-talk {
| |
| − | margin-right: 1.6em;
| |
| − | }
| |
| − |
| |
| − | /* Navigation, Toolbox*/
| |
| − | #p-navigation ul, #p-tb ul {
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | font-size: 0.9em;
| |
| − | line-height: 1.6em;
| |
| − | }
| |
| − |
| |
| − | #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;
| |
| − | }
| |
| − |
| |
| − | #p-navigation a, #p-tb a, #p-personal a, #p-personal li a, #p-personal a.new {
| |
| − | color: #0645ad;
| |
| − | }
| |
| − |
| |
| − | /* 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;
| |
| − | }
| |
| − |
| |
| − | /* 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;
| |
| − | }
| |
| − |
| |
| − | /* 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: .5em;
| |
| − | -moz-border-radius: .3em;
| |
| − | border-radius: .3em;
| |
| − | }
| |
| − |
| |
| − | /* Footer */
| |
| − | #footer, #f-list {
| |
| − | padding-left: 0;
| |
| − | margin-left: 0;
| |
| − | font-family: fedra;
| |
| − | }
| |
