MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Semantic CorA
(Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: “) |
Adrian (Diskussion | Beiträge) |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
+ | |||
+ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* Local extensions: Cora site */ | ||
+ | /* =================================================== */ | ||
+ | |||
+ | /* == Do not display firstHeading on main page == */ | ||
+ | //body.page-Main_Page h1.firstHeading, | ||
+ | //body.page-Hauptseite h1.firstHeading { display:none; } | ||
+ | // Adrian added this at 14.12.2013 - new specifications | ||
+ | |||
+ | /* eliminate background (colored in #f6f6f6-Very light gray (mostly white) in mediawiki) conform designer specifications */ | ||
+ | body{} | ||
+ | |||
+ | body { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | /* move down the div #content - see designer link "http://www.designfoerster.de/CorA/1_mainpage.html" | ||
+ | and eliminate border line*/ | ||
+ | |||
+ | div#content { | ||
+ | margin-top: 10px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* setting div #p-logo dimensions and upload the new logo */ | ||
+ | |||
+ | #p-logo { | ||
+ | background-image: url(upload/CorA_Logo_395x55.png); | ||
+ | background-position: center left; | ||
+ | background-repeat: no-repeat; | ||
+ | top: -115px; | ||
+ | width: 395px; | ||
+ | height: 55px; | ||
+ | margin-left: 1.25em; | ||
+ | } | ||
+ | |||
+ | /*This area (mw-page-base, mw-head-base and mw-head) changed from 80px to 150px height | ||
+ | and mw-panel up from 160px from top to 150px from top. | ||
+ | The reason is: changed logo position from top of the panel column into the "div#mw-head" area*/ | ||
+ | |||
+ | #mw-page-base { | ||
+ | height: 150px; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div#mw-head-base { | ||
+ | margin-top: -150px; | ||
+ | margin-left: 12em; | ||
+ | height: 150px; | ||
+ | background-image: url(upload/VectorTabs-background.png); /*this is for background color in horizontal menu | ||
+ | (class VectorTabs and Vector Menu)*/ | ||
+ | border-bottom: solid 1px #aaa; /*this setting is also for horizontal menu (class VectorTabs and Vector Menu) */ | ||
+ | } | ||
+ | |||
+ | div#mw-head { | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | div#mw-panel { | ||
+ | top: 150px; | ||
+ | } | ||
+ | |||
+ | /*Change the position of search-field (space to the top) - So the search-field now is not an element of the navigation (next the VectorTabs and VectorMenu) - its position is singled out in the "div#mw-head" area*/ | ||
+ | |||
+ | #p-search { | ||
+ | margin-top: -70px; | ||
+ | margin-left: -226px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Change into bold font for all element from #mw-panel | ||
+ | #mw-panel { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal h3 { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | */ | ||
+ | /*change border (horizontal line) for mw-panel (left menu)*/ | ||
+ | div#mw-panel div.portal div.body { | ||
+ | background-image: url(upload/Border_mw-panel.png); | ||
+ | } | ||
+ | |||
+ | /*Change the position, height, border of elements under left-navigation (contain horizontal left menu "Message & Discussion") | ||
+ | and elements under right-navigation (contain horizontal left menu "Read & Edit & View history" and vectorMenu)*/ | ||
+ | #left-navigation { | ||
+ | top: 130px; | ||
+ | left: 191px; | ||
+ | // font-weight:bold; | ||
+ | } | ||
+ | |||
+ | #right-navigation { | ||
+ | margin-top: 130px; | ||
+ | // font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorTabs { | ||
+ | background-image: none; | ||
+ | height: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | div.vectorTabs span { | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs ul { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs ul li { | ||
+ | background: none; | ||
+ | border-bottom:solid 1px #aaa | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.selected { | ||
+ | border-top: solid 1px #aaa; | ||
+ | border-left: solid 1px #aaa; | ||
+ | border-right: solid 1px #aaa; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorTabs span a { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h3 { | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorMenu h3 a { | ||
+ | height: 20px; | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .menu { | ||
+ | left:-30px; /*move the vertical menu (#VectorMenu) with 30px to the left otherwise is out to the html page */ | ||
+ | } | ||
+ | |||
+ | /*move p-personal class to the top (with same height) | ||
+ | Background has full "width" (100%) of the screen. | ||
+ | background-color: #666 (Very dark gray) and border with #ccc(Light gray) | ||
+ | color for menu in white (#fff) */ | ||
+ | #p-personal { | ||
+ | position: inherit; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | background-color: #666; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | #p-personal ul { | ||
+ | float: right; | ||
+ | margin-right: 1em | ||
+ | } | ||
+ | |||
+ | #p-personal a, | ||
+ | #p-personal a.new, | ||
+ | #p-personal a.new:visited { | ||
+ | color: #fff ; | ||
+ | } | ||
+ | |||
+ | /*Footer-Background has full "width" (100%) of the screen and same as div#p-personal*/ | ||
+ | div#footer { | ||
+ | margin-left: 0; | ||
+ | padding-left: 13em; | ||
+ | background-color: #666; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | div#footer ul li, | ||
+ | div#footer ul a { | ||
+ | color: #fff ; | ||
+ | } | ||
+ | |||
+ | /*change icon for external link*/ | ||
+ | div#content a.external { | ||
+ | background: url(upload/External_link.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | /* For all links in general (colored blue in wiki) change color in #005500 (Very dark lime green) | ||
+ | and for links visited/active change color in #669966 (Mostly desaturated dark lime green) | ||
+ | and for link:hover set the text-decoration to underline */ | ||
+ | |||
+ | a:link, | ||
+ | a.external:link, | ||
+ | #preftoc a:link | ||
+ | { | ||
+ | color: #005500 ; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a:visited, | ||
+ | a.new:visited, | ||
+ | #preftoc a:visited { | ||
+ | color: #669966 ; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #669966; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a { | ||
+ | color: #005500 ; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.new a { | ||
+ | color: #005500 ; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.new a:visited { | ||
+ | color: #669966; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorMenu li a { | ||
+ | color: #005500 ; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorMenu li.new a { | ||
+ | color: #005500 ; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu li.new a:visited { | ||
+ | color: #669966; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a { | ||
+ | color: #005500 ; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a:visited { | ||
+ | color: #669966; | ||
+ | } | ||
+ | |||
+ | /* For links who need attention (for example there is no page existing - colored red in wiki) | ||
+ | and for graphic elements like icons - change color in #cc6600 (Strong orange) */ | ||
+ | |||
+ | a.new:link {color: #cc6600;} | ||
+ | |||
+ | /* For all tables change the color of border in #ccc (Light gray) */ | ||
+ | |||
+ | |||
+ | table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, | ||
+ | table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | |||
+ | table.wikitable > tr > th, | ||
+ | table.wikitable > * > tr > th, | ||
+ | table.wikitable > * > tr > td.sortbottom { | ||
+ | background-color: #f7f7f7; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | tbody { | ||
+ | background-color: #fff; | ||
+ | vertical-align: top !important; | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | tbody td { | ||
+ | vertical-align: top !important; | ||
+ | text-align: left !important; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | /* HEADLINES (except h1 first heading) - change color from black in #333 (Very dark gray) | ||
+ | and line of the border bottom from #aaa (Gray) into #ccc (Light gray) */ | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 {} | ||
+ | h1, h2, h3, h4, h5, h6 {color: #333; border-bottom: 1px solid #ccc;} | ||
+ | |||
+ | /* id or class="first heading" - no border-bottom */ | ||
+ | |||
+ | h1#firstHeading {border-bottom: none;} | ||
+ | |||
+ | |||
+ | div.inhalt h2 { | ||
+ | font-size: 18px; | ||
+ | line-height: 21px; | ||
+ | } | ||
+ | |||
+ | /* Change --> list items are marked with NEW bullets */ | ||
+ | ul {} | ||
+ | ul { | ||
+ | list-style-type: disc; | ||
+ | /* @embed */ | ||
+ | list-style-image: url(upload/List_style_image.png); | ||
+ | } | ||
+ | |||
+ | /* Chage icon for user on top-right of the page in #p-personal div*/ | ||
+ | #pt-userpage, | ||
+ | #pt-anonuserpage, | ||
+ | #pt-login { | ||
+ | /* @embed */ | ||
+ | background: url(upload/User.png) left top no-repeat; | ||
+ | } | ||
+ | |||
+ | /*Setting - The list-style should be vertical aligned with the text*/ | ||
+ | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | ||
+ | margin: 0.3em 0 0 0; | ||
+ | padding-left: 12px; | ||
+ | } | ||
+ | |||
+ | /* Change all icon from any table with new icon (from black into orange) */ | ||
+ | table.jquery-tablesorter th.headerSort { | ||
+ | background-image: url(upload/Arrow_table.png) !important; | ||
+ | } | ||
+ | |||
+ | table.jquery-tablesorter th.headerSortDown { | ||
+ | background-image: url(upload/Arrow_table_up.png) !important; | ||
+ | } | ||
+ | |||
+ | table.jquery-tablesorter th.headerSortUp { | ||
+ | background-image: url(upload/Arrow_table_down.png) !important; | ||
+ | } | ||
+ | |||
+ | /* changed in CORA LEMMATA FORM */ | ||
+ | form.createbox > fieldset { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .multipleTemplateInstance { | ||
+ | background-color: #fff; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | input.autocompleteInput { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | input.autocompleteInput:focus { | ||
+ | border: 1px solid #005500; | ||
+ | outline-style:none; | ||
+ | } | ||
+ | |||
+ | .ui-menu-item .ui-state-hover { | ||
+ | background: #005500; | ||
+ | } | ||
+ | |||
+ | select.createboxInput { | ||
+ | width: 245px; | ||
+ | } | ||
+ | |||
+ | select.createboxInput:focus { | ||
+ | border: 1px solid #005500; | ||
+ | outline-style:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a.addAboveButton { | ||
+ | vertical-align: center; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/SF_add_above.png); | ||
+ | } | ||
+ | |||
+ | a.addAboveButton:hover { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/SF_add_above_hover.png); | ||
+ | } | ||
+ | |||
+ | a.removeButton { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/SF_remove.png); | ||
+ | } | ||
+ | |||
+ | a.removeButton:hover { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/SF_remove_hover.png); | ||
+ | } | ||
+ | |||
+ | a.instanceRearranger { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/Rearranger.png); | ||
+ | } | ||
+ | |||
+ | a.instanceRearranger:hover { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(upload/Rearranger_hover.png); | ||
+ | } | ||
+ | |||
+ | div.multipleTemplateInstance > table > tbody > tr > td:nth-child(2), | ||
+ | div.multipleTemplateInstance > table > tbody > tr > td:nth-child(3), | ||
+ | div.multipleTemplateInstance > table > tbody > tr > td:nth-child(4) | ||
+ | { | ||
+ | width: 20px; | ||
+ | padding: 0px; | ||
+ | vertical-align: middle !important; | ||
+ | } | ||
+ | |||
+ | textarea.createboxInput { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | textarea.createboxInput:focus { | ||
+ | border: 1px solid #005500; | ||
+ | outline-style:none; | ||
+ | } | ||
+ | |||
+ | input#wpSummary { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | input#wpSummary:focus { | ||
+ | border: 1px solid #005500; | ||
+ | outline-style:none; | ||
+ | } | ||
+ | |||
+ | input#wpMinoredit { | ||
+ | // background-color: #ffffff; | ||
+ | // -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | // Adrian - ended | ||
+ | |||
+ | /* Lia added this at 27.12.2013 for Edit action | ||
+ | */ | ||
+ | input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], button { | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f6f6f6; | ||
+ | color: #005500; | ||
+ | |||
+ | } | ||
+ | #wpSave, #wpPreview,#wpDiff{ | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f6f6f6; | ||
+ | color: #005500; | ||
+ | } | ||
+ | |||
+ | // fix the scrollbar | ||
+ | |||
+ | #editform textarea { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | right: 10px; | ||
+ | overflow-y: scroll; | ||
+ | overflow-x: hidden; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar { | ||
+ | width: 10px; | ||
+ | height: 6px; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-button:start:decrement, | ||
+ | #wpTextbox1::-webkit-scrollbar-button:end:increment { | ||
+ | height: 30px; | ||
+ | display: block; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-track-piece { | ||
+ | background-color: #f6f6f6; | ||
+ | -webkit-border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-thumb:vertical { | ||
+ | height: 50px; | ||
+ | background-color: #aaa; | ||
+ | -webkit-border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-thumb:horizontal { | ||
+ | width: 50px; | ||
+ | background-color: #aaa; | ||
+ | -webkit-border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-button:start { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #wpTextbox1::-webkit-scrollbar-button:end { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | // mozilla | ||
+ | |||
+ | @-moz-document url-prefix(http://),url-prefix(https://) { | ||
+ | |||
+ | scrollbar { | ||
+ | -moz-appearance: none !important; | ||
+ | background: rgb(0,255,0) !important; | ||
+ | } | ||
+ | thumb,scrollbarbutton { | ||
+ | -moz-appearance: none !important; | ||
+ | background-color: rgb(0,0,255) !important; | ||
+ | } | ||
+ | |||
+ | thumb:hover,scrollbarbutton:hover { | ||
+ | -moz-appearance: none !important; | ||
+ | background-color: rgb(255,0,0) !important; | ||
+ | } | ||
+ | |||
+ | scrollbarbutton { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | scrollbar[orient="vertical"] { | ||
+ | |||
+ | min-width: 15px !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* end edit action*/ | ||
+ | |||
+ | /* | ||
+ | * SMW Semantic Browse css modifications. Lia added this at 17.01.2014 | ||
+ | */ | ||
+ | |||
+ | input[type="submit"]{ | ||
+ | border: 1px solid #aaa; | ||
+ | background: #f6f6f6; | ||
+ | color: #005500; | ||
+ | } | ||
+ | table.smwb-factbox { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | border-left: 1px solid #ccc; | ||
+ | border-right: 1px solid #ccc; | ||
+ | outline: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | tr.smwb-title { | ||
+ | font-size: 100%; | ||
+ | font-weight: bold; | ||
+ | background-color: #ccc; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | tr.smwb-title td { | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 1px; | ||
+ | background-color: #f7f7f7; | ||
+ | } | ||
+ | |||
+ | tr.smwb-propvalue { | ||
+ | width: 100%; | ||
+ | background-color: #f7f7f7; | ||
+ | } | ||
+ | |||
+ | tr.smwb-propvalue th {} | ||
+ | |||
+ | tr.smwb-propvalue th { | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | font-weight: bold; | ||
+ | font-size: 100%; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-right-color: #ccc; | ||
+ | border-right-style: solid; | ||
+ | border-right-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | background-color: #f7f7f7; | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | } | ||
+ | |||
+ | tr.smwb-propvalue td { | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | background-color: white; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | tr.smwb-center { | ||
+ | background-color: #f7f7f7; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | tr.smwb-center td{ | ||
+ | background-color: #f7f7f7; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | } | ||
+ | |||
+ | span.smwb-value { | ||
+ | } | ||
+ | |||
+ | /* Inverse factbox */ | ||
+ | |||
+ | table.smwb-ifactbox { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | border-left: 1px solid #ccc; | ||
+ | border-right: 1px solid #ccc; | ||
+ | outline: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | tr.smwb-ititle { | ||
+ | font-size: 100%; | ||
+ | font-weight: bold; | ||
+ | background-color: #ccc; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | tr.smwb-ititle td { | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 1px; | ||
+ | background-color: #f7f7f7; | ||
+ | } | ||
+ | |||
+ | tr.smwb-ipropvalue { | ||
+ | width: 100%; | ||
+ | background-color: #f7f7f7; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | tr.smwb-ipropvalue th {} | ||
+ | |||
+ | tr.smwb-ipropvalue th { | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | font-weight: bold; | ||
+ | font-size: 100%; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-left-color: #ccc; | ||
+ | border-left-style: solid; | ||
+ | border-left-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | background-color: #f7f7f7; | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | } | ||
+ | |||
+ | tr.smwb-ipropvalue td { | ||
+ | padding: 10px 5px 10px 5px; | ||
+ | background-color: white; | ||
+ | border-bottom-color: #ccc; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #ccc; | ||
+ | border-top-style: solid; | ||
+ | border-top-width: 0px; | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | span.smwb-ivalue { | ||
+ | } | ||
+ | |||
+ | span.smwsearchicon { /*FIXME: this was only used for Factbox docu, should be removed from code*/ | ||
+ | padding-right: 16px; | ||
+ | margin-right: 2px; | ||
+ | color: #888888; | ||
+ | /* @embed */ background: url(upload/Magnifier.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.smwsearch a { | ||
+ | padding-right: 16px; | ||
+ | margin-right: 2px; | ||
+ | color: #888888; | ||
+ | /* @embed */ background: url(upload/Magnifier.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.smwsearch a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #0000FF; | ||
+ | padding-right: 18px; | ||
+ | margin-right: 0px; | ||
+ | /* @embed */ background: url(upload/Magnifier_over.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.swmfactboxheadbrowse a { | ||
+ | padding-right: 16px; | ||
+ | margin-right: 2px; | ||
+ | color: #000000; | ||
+ | /* @embed */ background: url(upload/Eye.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.swmfactboxheadbrowse a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #0000FF; | ||
+ | padding-right: 18px; | ||
+ | margin-right: 0px; | ||
+ | /* @embed */ background: url(upload/Eye_over.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.smwbrowse a { | ||
+ | padding-right: 16px; | ||
+ | margin-right: 2px; | ||
+ | color: #888888; | ||
+ | /* @embed */ background: url(upload/Eye.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | #bodyContent span.smwbrowse a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #0000FF; | ||
+ | padding-right: 18px; | ||
+ | margin-right: 0px; | ||
+ | /* @embed */ background: url(upload/Eye_over.png) center right no-repeat; | ||
+ | } | ||
+ | |||
+ | // end Semantic Browse css modifications |
Version vom 4. März 2014, 21:22 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* CSS placed here will be applied to all skins */
/* Local extensions: Cora site */
/* =================================================== */
/* == Do not display firstHeading on main page == */
//body.page-Main_Page h1.firstHeading,
//body.page-Hauptseite h1.firstHeading { display:none; }
// Adrian added this at 14.12.2013 - new specifications
/* eliminate background (colored in #f6f6f6-Very light gray (mostly white) in mediawiki) conform designer specifications */
body{}
body {
background: none;
}
/* move down the div #content - see designer link "http://www.designfoerster.de/CorA/1_mainpage.html"
and eliminate border line*/
div#content {
margin-top: 10px;
border: none;
}
/* setting div #p-logo dimensions and upload the new logo */
#p-logo {
background-image: url(upload/CorA_Logo_395x55.png);
background-position: center left;
background-repeat: no-repeat;
top: -115px;
width: 395px;
height: 55px;
margin-left: 1.25em;
}
/*This area (mw-page-base, mw-head-base and mw-head) changed from 80px to 150px height
and mw-panel up from 160px from top to 150px from top.
The reason is: changed logo position from top of the panel column into the "div#mw-head" area*/
#mw-page-base {
height: 150px;
background: none;
}
div#mw-head-base {
margin-top: -150px;
margin-left: 12em;
height: 150px;
background-image: url(upload/VectorTabs-background.png); /*this is for background color in horizontal menu
(class VectorTabs and Vector Menu)*/
border-bottom: solid 1px #aaa; /*this setting is also for horizontal menu (class VectorTabs and Vector Menu) */
}
div#mw-head {
height: 150px;
}
div#mw-panel {
top: 150px;
}
/*Change the position of search-field (space to the top) - So the search-field now is not an element of the navigation (next the VectorTabs and VectorMenu) - its position is singled out in the "div#mw-head" area*/
#p-search {
margin-top: -70px;
margin-left: -226px;
}
/* Change into bold font for all element from #mw-panel
#mw-panel {
font-weight:bold;
}
div#mw-panel div.portal h3 {
font-weight:bold;
}
*/
/*change border (horizontal line) for mw-panel (left menu)*/
div#mw-panel div.portal div.body {
background-image: url(upload/Border_mw-panel.png);
}
/*Change the position, height, border of elements under left-navigation (contain horizontal left menu "Message & Discussion")
and elements under right-navigation (contain horizontal left menu "Read & Edit & View history" and vectorMenu)*/
#left-navigation {
top: 130px;
left: 191px;
// font-weight:bold;
}
#right-navigation {
margin-top: 130px;
// font-weight:bold;
}
div.vectorTabs {
background-image: none;
height: 20px;
}
div.vectorTabs span {
background-image: none;
}
div.vectorTabs ul {
background: none;
}
div.vectorTabs ul li {
background: none;
border-bottom:solid 1px #aaa
}
div.vectorTabs li.selected {
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
border-right: solid 1px #aaa;
border-bottom: none;
}
div.vectorTabs span a {
padding-top: 0;
}
div.vectorMenu h3 {
border-bottom:none;
}
div.vectorMenu h3 a {
height: 20px;
background-image: none;
}
.menu {
left:-30px; /*move the vertical menu (#VectorMenu) with 30px to the left otherwise is out to the html page */
}
/*move p-personal class to the top (with same height)
Background has full "width" (100%) of the screen.
background-color: #666 (Very dark gray) and border with #ccc(Light gray)
color for menu in white (#fff) */
#p-personal {
position: inherit;
top: 0;
right: 0;
width: 100%;
background-color: #666;
border-bottom: 1px solid #ccc;
}
#p-personal ul {
float: right;
margin-right: 1em
}
#p-personal a,
#p-personal a.new,
#p-personal a.new:visited {
color: #fff ;
}
/*Footer-Background has full "width" (100%) of the screen and same as div#p-personal*/
div#footer {
margin-left: 0;
padding-left: 13em;
background-color: #666;
border-bottom: 1px solid #ccc;
}
div#footer ul li,
div#footer ul a {
color: #fff ;
}
/*change icon for external link*/
div#content a.external {
background: url(upload/External_link.png) center right no-repeat;
}
/* For all links in general (colored blue in wiki) change color in #005500 (Very dark lime green)
and for links visited/active change color in #669966 (Mostly desaturated dark lime green)
and for link:hover set the text-decoration to underline */
a:link,
a.external:link,
#preftoc a:link
{
color: #005500 ;
text-decoration: none;
}
a:visited,
a.new:visited,
#preftoc a:visited {
color: #669966 ;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #669966;
}
div.vectorTabs li a {
color: #005500 ;
}
div.vectorTabs li.new a {
color: #005500 ;
}
div.vectorTabs li.new a:visited {
color: #669966;
}
div.vectorMenu li a {
color: #005500 ;
}
div.vectorMenu li.new a {
color: #005500 ;
}
div.vectorMenu li.new a:visited {
color: #669966;
}
div#mw-panel div.portal div.body ul li a {
color: #005500 ;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #669966;
}
/* For links who need attention (for example there is no page existing - colored red in wiki)
and for graphic elements like icons - change color in #cc6600 (Strong orange) */
a.new:link {color: #cc6600;}
/* For all tables change the color of border in #ccc (Light gray) */
table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td,
table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid #ccc;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td.sortbottom {
background-color: #f7f7f7;
text-align:left;
}
tbody {
background-color: #fff;
vertical-align: top !important;
text-align: left !important;
}
tbody td {
vertical-align: top !important;
text-align: left !important;
background: #fff;
}
/* HEADLINES (except h1 first heading) - change color from black in #333 (Very dark gray)
and line of the border bottom from #aaa (Gray) into #ccc (Light gray) */
h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5, h6 {color: #333; border-bottom: 1px solid #ccc;}
/* id or class="first heading" - no border-bottom */
h1#firstHeading {border-bottom: none;}
div.inhalt h2 {
font-size: 18px;
line-height: 21px;
}
/* Change --> list items are marked with NEW bullets */
ul {}
ul {
list-style-type: disc;
/* @embed */
list-style-image: url(upload/List_style_image.png);
}
/* Chage icon for user on top-right of the page in #p-personal div*/
#pt-userpage,
#pt-anonuserpage,
#pt-login {
/* @embed */
background: url(upload/User.png) left top no-repeat;
}
/*Setting - The list-style should be vertical aligned with the text*/
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0.3em 0 0 0;
padding-left: 12px;
}
/* Change all icon from any table with new icon (from black into orange) */
table.jquery-tablesorter th.headerSort {
background-image: url(upload/Arrow_table.png) !important;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(upload/Arrow_table_up.png) !important;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(upload/Arrow_table_down.png) !important;
}
/* changed in CORA LEMMATA FORM */
form.createbox > fieldset {
border: none;
}
.multipleTemplateInstance {
background-color: #fff;
border: none;
padding: 0;
margin: 0;
border-spacing: 0;
}
input.autocompleteInput {
border: 1px solid #ccc;
}
input.autocompleteInput:focus {
border: 1px solid #005500;
outline-style:none;
}
.ui-menu-item .ui-state-hover {
background: #005500;
}
select.createboxInput {
width: 245px;
}
select.createboxInput:focus {
border: 1px solid #005500;
outline-style:none;
}
a.addAboveButton {
vertical-align: center;
width: 20px;
height: 20px;
background-image: url(upload/SF_add_above.png);
}
a.addAboveButton:hover {
width: 20px;
height: 20px;
background-image: url(upload/SF_add_above_hover.png);
}
a.removeButton {
width: 20px;
height: 20px;
background-image: url(upload/SF_remove.png);
}
a.removeButton:hover {
width: 20px;
height: 20px;
background-image: url(upload/SF_remove_hover.png);
}
a.instanceRearranger {
width: 20px;
height: 20px;
background-image: url(upload/Rearranger.png);
}
a.instanceRearranger:hover {
width: 20px;
height: 20px;
background-image: url(upload/Rearranger_hover.png);
}
div.multipleTemplateInstance > table > tbody > tr > td:nth-child(2),
div.multipleTemplateInstance > table > tbody > tr > td:nth-child(3),
div.multipleTemplateInstance > table > tbody > tr > td:nth-child(4)
{
width: 20px;
padding: 0px;
vertical-align: middle !important;
}
textarea.createboxInput {
border: 1px solid #ccc;
}
textarea.createboxInput:focus {
border: 1px solid #005500;
outline-style:none;
}
input#wpSummary {
border: 1px solid #ccc;
}
input#wpSummary:focus {
border: 1px solid #005500;
outline-style:none;
}
input#wpMinoredit {
// background-color: #ffffff;
// -webkit-appearance: none;
}
// Adrian - ended
/* Lia added this at 27.12.2013 for Edit action
*/
input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], button {
border: 1px solid #aaa;
background: #f6f6f6;
color: #005500;
}
#wpSave, #wpPreview,#wpDiff{
border: 1px solid #aaa;
background: #f6f6f6;
color: #005500;
}
// fix the scrollbar
#editform textarea {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: scroll;
overflow-x: hidden;
}
#wpTextbox1::-webkit-scrollbar {
width: 10px;
height: 6px;
}
#wpTextbox1::-webkit-scrollbar-button:start:decrement,
#wpTextbox1::-webkit-scrollbar-button:end:increment {
height: 30px;
display: block;
background-color: transparent;
}
#wpTextbox1::-webkit-scrollbar-track-piece {
background-color: #f6f6f6;
-webkit-border-radius: 6px;
}
#wpTextbox1::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #aaa;
-webkit-border-radius: 6px;
}
#wpTextbox1::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #aaa;
-webkit-border-radius: 3px;
}
#wpTextbox1::-webkit-scrollbar-button:start {
display: none;
}
#wpTextbox1::-webkit-scrollbar-button:end {
display: block;
}
// mozilla
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
-moz-appearance: none !important;
background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255,0,0) !important;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 15px !important;
}
}
/* end edit action*/
/*
* SMW Semantic Browse css modifications. Lia added this at 17.01.2014
*/
input[type="submit"]{
border: 1px solid #aaa;
background: #f6f6f6;
color: #005500;
}
table.smwb-factbox {
margin: 0;
padding: 0;
border: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
width: 100%
}
tr.smwb-title {
font-size: 100%;
font-weight: bold;
background-color: #ccc;
line-height: 1.5;
}
tr.smwb-title td {
padding: 10px 5px 10px 5px;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 1px;
background-color: #f7f7f7;
}
tr.smwb-propvalue {
width: 100%;
background-color: #f7f7f7;
}
tr.smwb-propvalue th {}
tr.smwb-propvalue th {
text-align: left;
vertical-align: top;
font-weight: bold;
font-size: 100%;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-right-color: #ccc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
background-color: #f7f7f7;
padding: 10px 5px 10px 5px;
}
tr.smwb-propvalue td {
padding: 10px 5px 10px 5px;
background-color: white;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
width: 90%;
}
tr.smwb-center {
background-color: #f7f7f7;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
text-align: center;
}
tr.smwb-center td{
background-color: #f7f7f7;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
padding: 10px 5px 10px 5px;
}
span.smwb-value {
}
/* Inverse factbox */
table.smwb-ifactbox {
margin: 0;
padding: 0;
border: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
width: 100%
}
tr.smwb-ititle {
font-size: 100%;
font-weight: bold;
background-color: #ccc;
line-height: 1.5;
}
tr.smwb-ititle td {
padding: 10px 5px 10px 5px;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 1px;
background-color: #f7f7f7;
}
tr.smwb-ipropvalue {
width: 100%;
background-color: #f7f7f7;
text-align: right;
}
tr.smwb-ipropvalue th {}
tr.smwb-ipropvalue th {
text-align: left;
vertical-align: top;
font-weight: bold;
font-size: 100%;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #ccc;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
background-color: #f7f7f7;
padding: 10px 5px 10px 5px;
}
tr.smwb-ipropvalue td {
padding: 10px 5px 10px 5px;
background-color: white;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 0px;
width: 90%;
}
span.smwb-ivalue {
}
span.smwsearchicon { /*FIXME: this was only used for Factbox docu, should be removed from code*/
padding-right: 16px;
margin-right: 2px;
color: #888888;
/* @embed */ background: url(upload/Magnifier.png) center right no-repeat;
}
#bodyContent span.smwsearch a {
padding-right: 16px;
margin-right: 2px;
color: #888888;
/* @embed */ background: url(upload/Magnifier.png) center right no-repeat;
}
#bodyContent span.smwsearch a:hover {
text-decoration: none;
color: #0000FF;
padding-right: 18px;
margin-right: 0px;
/* @embed */ background: url(upload/Magnifier_over.png) center right no-repeat;
}
#bodyContent span.swmfactboxheadbrowse a {
padding-right: 16px;
margin-right: 2px;
color: #000000;
/* @embed */ background: url(upload/Eye.png) center right no-repeat;
}
#bodyContent span.swmfactboxheadbrowse a:hover {
text-decoration: none;
color: #0000FF;
padding-right: 18px;
margin-right: 0px;
/* @embed */ background: url(upload/Eye_over.png) center right no-repeat;
}
#bodyContent span.smwbrowse a {
padding-right: 16px;
margin-right: 2px;
color: #888888;
/* @embed */ background: url(upload/Eye.png) center right no-repeat;
}
#bodyContent span.smwbrowse a:hover {
text-decoration: none;
color: #0000FF;
padding-right: 18px;
margin-right: 0px;
/* @embed */ background: url(upload/Eye_over.png) center right no-repeat;
}
// end Semantic Browse css modifications