Difference between revisions of "MediaWiki:Kalypso.css"
From Kalypso
(Created page with "- →Kalypso Skin CSS: ") |
|||
Line 1: | Line 1: | ||
/* Kalypso Skin CSS */ | /* Kalypso Skin CSS */ | ||
+ | |||
+ | #firstHeading { | ||
+ | width: 800px !important; | ||
+ | text-align: center !important; | ||
+ | font-size: 4em !important; | ||
+ | -moz-hyphens: auto; | ||
+ | -webkit-hyphens: auto; | ||
+ | hyphens: auto; | ||
+ | font-weight: bold !important; | ||
+ | text-shadow: 4px 4px 0 #DDD; | ||
+ | } | ||
+ | #firstHeading i:first-child { | ||
+ | font-style: normal !important; | ||
+ | } | ||
+ | #firstHeading, h1, h2, h3, h4 { | ||
+ | font-family: Palatino !important; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | width: 800px !important; | ||
+ | text-align: justify; | ||
+ | -moz-hyphens: auto; | ||
+ | -webkit-hyphens: auto; | ||
+ | hyphens: auto; | ||
+ | font-family: Palatino !important; | ||
+ | font-size: 12pt !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * border around the article | ||
+ | */ | ||
+ | #content { | ||
+ | -moz-box-shadow: 0px -10px 30px #BBB; | ||
+ | -webkit-box-shadow: 0px -10px 30px #BBB; | ||
+ | box-shadow: 0px -10px 30px #BBB; | ||
+ | margin: auto !important; | ||
+ | width: 800px !important; | ||
+ | padding: 80px !important; | ||
+ | padding-top: 20px !important; | ||
+ | border: 0 !important; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #FFFFFF !important; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background: #FFF !important; /* removes the border of the menu */ | ||
+ | } | ||
+ | |||
+ | /* margins */ | ||
+ | .infobox, .tright, .vertical-navbox { | ||
+ | margin: 0 0 0.5em 2em !important; | ||
+ | } | ||
+ | .tleft { | ||
+ | margin: 0 2em 0.5em 0 !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * hide things | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | #p-personal, #left-navigation, #mw-head-base, #mw-page-base, #p-views, #footer { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * searchbar | ||
+ | */ | ||
+ | |||
+ | #mw-head { | ||
+ | height: 35px; | ||
+ | background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(219,219,219,1) 100%); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(219,219,219,1))); | ||
+ | background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%); | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | |||
+ | } | ||
+ | #content { | ||
+ | margin-top: 35px !important; | ||
+ | } | ||
+ | #simpleSearch { | ||
+ | margin-top: 0 !important; | ||
+ | } | ||
+ | .imeselector { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #mw-panel { | ||
+ | opacity: 0; | ||
+ | top: 195px !important; | ||
+ | } | ||
+ | |||
+ | #mw-panel:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #right-navigation { | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * numbering of the headings | ||
+ | */ | ||
+ | body { | ||
+ | counter-reset: headingOne; | ||
+ | } | ||
+ | #toctitle h2:before { | ||
+ | content: "" !important; | ||
+ | counter-reset: headingOne; | ||
+ | } | ||
+ | #content h2 { | ||
+ | counter-reset: headingTwo; | ||
+ | } | ||
+ | #content h2:before { | ||
+ | counter-increment: headingOne; | ||
+ | content: counter(headingOne) "."; | ||
+ | } | ||
+ | #content h3 { | ||
+ | counter-reset: headingThree; | ||
+ | } | ||
+ | #content h3:before { | ||
+ | counter-increment: headingTwo; | ||
+ | content: counter(headingOne) "." counter(headingTwo) "."; | ||
+ | } | ||
+ | #content h4 { | ||
+ | counter-reset: headingFour; | ||
+ | } | ||
+ | #content h4:before { | ||
+ | counter-increment: headingThree; | ||
+ | content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "."; | ||
+ | } | ||
+ | #content h5:before { | ||
+ | counter-increment: headingFour; | ||
+ | content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "."; | ||
+ | } |
Revision as of 14:00, 11 March 2015
/* Kalypso Skin CSS */ #firstHeading { width: 800px !important; text-align: center !important; font-size: 4em !important; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; font-weight: bold !important; text-shadow: 4px 4px 0 #DDD; } #firstHeading i:first-child { font-style: normal !important; } #firstHeading, h1, h2, h3, h4 { font-family: Palatino !important; } #bodyContent { width: 800px !important; text-align: justify; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; font-family: Palatino !important; font-size: 12pt !important; } /* * border around the article */ #content { -moz-box-shadow: 0px -10px 30px #BBB; -webkit-box-shadow: 0px -10px 30px #BBB; box-shadow: 0px -10px 30px #BBB; margin: auto !important; width: 800px !important; padding: 80px !important; padding-top: 20px !important; border: 0 !important; } body { background: #FFFFFF !important; } #content { background: #FFF !important; /* removes the border of the menu */ } /* margins */ .infobox, .tright, .vertical-navbox { margin: 0 0 0.5em 2em !important; } .tleft { margin: 0 2em 0.5em 0 !important; } /* * hide things * */ #p-personal, #left-navigation, #mw-head-base, #mw-page-base, #p-views, #footer { display: none !important; } /* * searchbar */ #mw-head { height: 35px; background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(219,219,219,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(219,219,219,1))); background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%); border-bottom: 1px solid #AAA; } #content { margin-top: 35px !important; } #simpleSearch { margin-top: 0 !important; } .imeselector { display: none !important; } #mw-panel { opacity: 0; top: 195px !important; } #mw-panel:hover { opacity: 1; } #right-navigation { margin: 0 !important; } /* * numbering of the headings */ body { counter-reset: headingOne; } #toctitle h2:before { content: "" !important; counter-reset: headingOne; } #content h2 { counter-reset: headingTwo; } #content h2:before { counter-increment: headingOne; content: counter(headingOne) "."; } #content h3 { counter-reset: headingThree; } #content h3:before { counter-increment: headingTwo; content: counter(headingOne) "." counter(headingTwo) "."; } #content h4 { counter-reset: headingFour; } #content h4:before { counter-increment: headingThree; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "."; } #content h5:before { counter-increment: headingFour; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "."; }