MediaWiki: Common.css: Unterschied zwischen den Versionen

Aus Interlinking_Pictura
Wechseln zu: Navigation, Suche
 
 
(89 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
  
/* Local extensions: Cora site */
+
body.page-Hauptseite.action-view h1.firstHeading, body.rootpage-Hauptseite.action-submit h1.firstHeading { display: none; }
/* =================================================== */
 
 
/* == 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 */
+
.navbar-nav {
body{}
+
margin-left: 100px;
 
 
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 {
 
margin-top: 130px;
 
        left: 0px;
 
        position: absolute;
 
// 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;
 
 
}
 
}
 
+
.panel-primary {
.menu {
+
    border-color: #e3e3e3;
    left:-30px; /*move the vertical menu (#VectorMenu) with 30px to the left otherwise is out to the html page */
 
 
}
 
}
 
+
.panel-title {
div.vectorMenu div.menu {
+
font-family: 'Source Sans Pro', sans-serif;
    position: relative;
+
font-weight: bold;
    display: none;
+
color: #AF122C;
    clear: both;
 
    text-align: left;
 
 
}
 
}
 +
.panel-primary > .panel-heading {
  
#ca-unwatch.icon a, #ca-watch.icon a {
+
  color: #fff;
   padding-top: 1.5em;
+
  background-color: #e3e3e3;
}
+
   border-color: #e3e3e3;
 +
background-image: linear-gradient( to bottom, #fcfcfc 0,#e3e3e3 100%);}
  
div.vectorMenu h3 span {
+
.firstHeading{
    padding-top: 0.3em;
+
font-family: 'Source Sans Pro', sans-serif;
 +
color: #AF122C;
 +
font-size: 24px;
 +
margin-bottom: 20px;
 +
text-align: center;
 +
font-weight: bold;
 +
letter-spacing: normal;
 
}
 
}
 
+
.btn-primary {
div#mw-head div.vectorMenu h3 {
+
color: #ffffff;
  background-image: none;
+
background-image: linear-gradient( to bottom, #af122c 0, #931225 100% );
 +
border-color: #75111e;
 +
background-color: #af122c;
 
}
 
}
  
div.vectorMenu div.menu {
+
btn-primary:focus, .btn-primary:hover, .btn-primary:active {
  top: -1em;
+
color: #ffffff;
 +
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
 +
background-color: #af122c;
 +
border-color: #75111e;
 
}
 
}
  
div#mw-panel div.portal div.body ul {
 
    padding-left: 0em;
 
    list-style-type: none;
 
    list-style-image: none;
 
  
 +
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
 +
color: #ffffff;
 +
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100%);
 +
background-color: #af122c;
 +
border-color: #75111e;
 
}
 
}
  
/*move p-personal class to the top (with same height)
+
/* logo and navbar */
Background has full "width" (100%) of the screen.
+
.navbar{
background-color: #666 (Very dark gray) and border with #ccc(Light gray)
+
min-height: 60px;}
color for menu in white (#fff) */
 
  
#p-personal {
+
.navbar-brand img {
position: inherit;
+
height: 50px;
top: 0;
 
right: 0;
 
width: 100%; 
 
        background-color: #666;
 
        border-bottom: 1px solid #ccc;  
 
 
}
 
}
 
+
/* links formatting */
#p-personal ul {
+
a {
        float: right;
+
    color: #af122c;
        margin-right: 1em
+
    text-decoration: none;
 
}
 
}
  
#p-personal a,
+
a:focus, a:hover {
#p-personal a.new,
+
    color: #AF122C;
#p-personal a.new:visited {
+
    text-decoration: underline;
        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,
+
.fa {
div#footer ul a {
+
margin-right: 10px;
        color: #fff ;
 
 
}
 
}
  
/*change icon for external link*/
+
.border-collapse {
div#content a.external {
+
padding-left:30px;
        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)
+
.btn-info{
and for links visited/active change color in #669966 (Mostly desaturated dark lime green)
+
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
and for link:hover set the text-decoration to underline */
+
background-color: #af122c;
 
 
a:link,
 
a.external:link,
 
#preftoc a:link
 
{
 
color: #005500 ;
 
        text-decoration: none;
 
 
}
 
}
 
+
.panel-footer {
 
+
font-weight: bold;
a:visited,
 
a.new:visited,
 
#preftoc a:visited {
 
        color: #669966 ;
 
 
}
 
}
  
a:hover {
+
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
        text-decoration: underline;
+
background-image: none;
 +
background-color:#fff;
 
}
 
}
a:active {
+
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #669966;
+
    color: #555;
 +
    background-color: #fff;
 
}
 
}
  
div.vectorTabs li a {
+
.sidebar-wrapper #ca-edit-ext {
        color: #005500 ;
+
  white-space: normal;
 +
word-wrap: break-word;
 
}
 
}
  
div.vectorTabs li.new a {
 
        color: #005500 ;
 
}
 
  
div.vectorTabs li.new a:visited {
+
.mw-ui-button {
        color: #669966;
+
    background-color: #af122c;
 +
    color: #ffffff;
 +
    border-color: #75111e;
 
}
 
}
  
  
div.vectorMenu li a {
+
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
        color: #005500 ;
+
    color: #ffffff;
 +
    background-color: #af122c;
 +
    border-color: #75111e;
 
}
 
}
  
 
+
.gallerytext > p {
div.vectorMenu li.new a {
+
  color: #8A2235;
        color: #005500 ;
 
 
}
 
}
  
div.vectorMenu li.new a:visited {
+
.smwb-title {
        color: #669966;
+
    font-size: 160%;
 +
    background-color: #e3e3e3;
 +
  color: #8A2235;
 +
    line-height: 1.5;
 +
    font-weight: normal;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
.smwb-title > a {
        color: #005500 ;
+
  color: #8A2235;
 +
    line-height: 1.5;
 +
    font-weight: normal;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
.smwb-factbox {
        color: #669966;
+
    border-left: 0.5em solid #e3e3e3;
 +
    width: 100%;
 
}
 
}
 
+
/* for gallery creaded via template */
/* For links who need attention (for example there is no page existing - colored red in wiki)
+
div.bertuch {
and for graphic elements like icons - change color in #cc6600 (Strong orange) */
+
    margin: 5px;
 
+
    border: 1px solid #ccc;
a.new:link {color: #cc6600;}
+
    float: left;
 
 
/* 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;
 
 
}
 
}
  
 
+
div.bertuch:hover {
table.wikitable > tr > th,
+
    border: 1px solid #777;
table.wikitable > * > tr > th,
 
table.wikitable > * > tr > td.sortbottom {
 
        background-color: #f7f7f7;
 
        text-align:left;
 
 
}
 
}
  
tbody {
+
div.bertuch img {
        background-color: #fff;
+
    width: 100px;
  vertical-align: top !important;
+
    height: 130px;
  text-align: left !important;
 
 
}
 
}
  
tbody td {
+
div.desc {
  vertical-align: top !important;
+
    padding: 15px;
  text-align: left !important;
+
    text-align: center;
  background: #fff;
 
 
}
 
}
 
+
div.bertuch div {
/* HEADLINES (except h1 first heading) - change color from black in #333 (Very dark gray)
+
    margin-top: 10px;
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;
 
 
}
 
}
 
+
/* for maps */
table.jquery-tablesorter th.headerSortUp {
+
div.maps {
          background-image: url(upload/Arrow_table_down.png) !important;
+
    margin: 5px;
 +
    border: 1px solid #ccc;
 +
    text-align: center;
 +
    margin: 0 auto;
 
}
 
}
  
/* changed in CORA LEMMATA FORM */
+
div.maps:hover {
form.createbox > fieldset {
+
    border: 1px solid #777;
        border: none;
 
 
}
 
}
  
.multipleTemplateInstance {
+
div.maps img {
        background-color: #fff;
+
    width: 130px;
        border: none;
+
    height: 130px;
        padding: 0;
 
        margin: 0;
 
        border-spacing: 0;
 
 
}
 
}
  
input.autocompleteInput {
+
div.maps p {
        border: 1px solid #ccc;
+
  text-align:center;
 
}
 
}
 
+
.leaflet-popup-content div.maps {
input.autocompleteInput:focus {
+
     text-align:center;
     border: 1px solid #005500;
 
    outline-style:none;
 
 
}
 
}
 
+
.leaflet-popup-content p {
.ui-menu-item .ui-state-hover {
+
     margin: 18px 0;
     background: #005500;
+
    text-align: center;
 
}
 
}
  
select.createboxInput {
+
h2{
    width: 245px;
+
    font-family: 'Source Sans Pro',sans-serif;
 +
    color: #AF122C;
 +
    font-size: 20px;
 +
    margin-bottom: 18px;
 +
    font-weight: bold;
 +
    letter-spacing: normal;
 
}
 
}
  
select.createboxInput:focus {
+
h3 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }
    border: 1px solid #005500;
 
    outline-style:none;
 
}
 
  
 +
h4 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }
  
a.addAboveButton {
+
p { color: #333333; font-family: 'Source Sans Pro', sans-serif; }
      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
 
//Überschrift im Form ausblenden
 
h1#firstHeading.firstHeading {
 
display:none;
 
}
 

Aktuelle Version vom 1. August 2019, 13:39 Uhr

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body.page-Hauptseite.action-view h1.firstHeading, body.rootpage-Hauptseite.action-submit h1.firstHeading { display: none; }

.navbar-nav {
margin-left: 100px;
}
.panel-primary {
    border-color: #e3e3e3;
}
.panel-title {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
color: #AF122C;
}
.panel-primary > .panel-heading {

   color: #fff;
   background-color: #e3e3e3;
   border-color: #e3e3e3;
background-image: linear-gradient( to bottom, #fcfcfc 0,#e3e3e3 100%);}

.firstHeading{
font-family: 'Source Sans Pro', sans-serif;
color: #AF122C; 
font-size: 24px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.btn-primary {
color: #ffffff;
background-image: linear-gradient( to bottom, #af122c 0, #931225 100% );
border-color: #75111e;
background-color: #af122c;
}

btn-primary:focus, .btn-primary:hover, .btn-primary:active {
color: #ffffff;
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
background-color: #af122c;
border-color: #75111e;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
color: #ffffff;
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100%);
background-color: #af122c;
border-color: #75111e;
}

/* logo and navbar */
.navbar{
min-height: 60px;}

.navbar-brand img {
height: 50px;
}
/* links formatting */
a {
    color: #af122c;
    text-decoration: none;
}

a:focus, a:hover {
    color: #AF122C;
    text-decoration: underline;
}


.fa {
margin-right: 10px;
}

.border-collapse {
padding-left:30px;
}

.btn-info{
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
background-color: #af122c;
}
.panel-footer {
font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
background-image: none;
background-color:#fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #fff;
}

.sidebar-wrapper #ca-edit-ext {
   white-space: normal;
word-wrap: break-word;
}


.mw-ui-button {
    background-color: #af122c;
    color: #ffffff;
    border-color: #75111e;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    color: #ffffff;
    background-color: #af122c;
    border-color: #75111e;
}

.gallerytext > p {
   color: #8A2235;  
}

.smwb-title {
    font-size: 160%;
    background-color: #e3e3e3;
   color: #8A2235; 
    line-height: 1.5;
    font-weight: normal;
}

.smwb-title > a {
   color: #8A2235; 
    line-height: 1.5;
    font-weight: normal;
}

.smwb-factbox {
    border-left: 0.5em solid #e3e3e3;
    width: 100%;
}
/* for gallery creaded via template */
div.bertuch {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
}

div.bertuch:hover {
    border: 1px solid #777;
}

div.bertuch img {
    width: 100px;
    height: 130px;
}

div.desc {
    padding: 15px;
    text-align: center;
}
div.bertuch div {
    margin-top: 10px;
}
/* for maps */
div.maps {
    margin: 5px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 auto;
}

div.maps:hover {
    border: 1px solid #777;
}

div.maps img {
    width: 130px;
    height: 130px;
}

div.maps p {
   text-align:center;
}
.leaflet-popup-content div.maps {
    text-align:center;
}
.leaflet-popup-content p {
    margin: 18px 0;
    text-align: center;
}

h2{
    font-family: 'Source Sans Pro',sans-serif;
    color: #AF122C;
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: bold;
    letter-spacing: normal;
}

h3 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }

h4 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }

p { color: #333333; font-family: 'Source Sans Pro', sans-serif; }