MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Skalierung Logo */ .bs-logo a {background-size: contain;}

/*Skinning Blau mit ÖVSV-Blau im Header*/

/*Custom menu*/

.bs-custom-menu-header-container,.calumma-toggle-button.bs-custom-menu-header-button {background-color: #111f6a;} /*background color*/ .bs-custom-menu-header-container .bs-custom-menu.header a, .label {color: #ffffff;} /*link color*/ .calumma-toggle-button.bs-custom-menu-header-button i::before, .calumma-full-screen-button.bs-full-screen-mode i::before {color:#ffffff} /*arrow on toggle button*/

/*Top bar*/ /*body.mediawiki header.main-header {background-color:#3a539b; background-image:linear-gradient( to bottom,#3a539b 0%,#3a539b 50%,#32498a 100% );} /*background color*/ body.mediawiki header.main-header {background-color:#0080C8; background-image:linear-gradient( to bottom,#0080C8 0%,#0080C8 50%,#0080C8a 100% );} /*ÖVSV background color*/

  /* Create and edit buttons */

header .bs-featured-actions .dropdown .btn.btn-primary .icon::before{background-color: #98a7c4;} /*background*/ header .bs-featured-actions .dropdown .btn.btn-primary:hover .icon::before {background-color: #91bae0} /*hover background*/ header .bs-featured-actions .dropdown .btn.dropdown-toggle::after {color: #98a7c4;} /*arrow color*/ header .bs-featured-actions .dropdown .btn.dropdown-toggle:hover::after {color: #91bae0} /*hover arrow color*/

 /*Create and edit buttons drop-down menu*/

header .bs-featured-actions .dropdown.open .dropdown-menu, header .bs-featured-actions .dropdown.open .dropdown-menu {background-color: #3a539b;} /*background color*/ header .bs-featured-actions .dropdown.open .dropdown-menu::before {color: #3a539b;} /*menu arrow color*/

 /*full screen toggle*/

.calumma-full-screen-button i::before {color:#ffffff}

/*Main navigation*/

body.mediawiki .navigation-main {background-color:#e9ebee;} /*background color*/

 /* Tabs */

.navigation-main .nav.nav-pills li a, .navigation-main .tab-pane.active .bs-calumma-sidebar-edit-link span {color:#98a7c4;} /*color*/ .navigation-main .nav.nav-pills li:hover a {color:#3a539b;} /*hover color*/ .navigation-main .nav.nav-pills li.active a {color:#3a539b;} /*active color*/

 /*Nav*/

.navigation-main #bs-sitenavtabs div.tab-content a, .navigation-main #bs-sitenavtabs div.tab-content a:visited, .navigation-main #bs-sitenavtabs div.tab-content a:focus, .navigation-main .tab-pane.active .bs-calumma-sidebar-edit-link:hover span {color:#040404;} /*color menu headers*/ .navigation-main a span,.navigation-main .panel .list-group a.list-group-item i, .navigation-main .bs-panel .list-group a.list-group-item i {background-color: transparent;color:#040404} /*color menu items and their icons*/

/*Left and right navigation toggles*/

body .navigation-main .sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse::before,body .sitetools-main .sidebar-toggle[data-toggle~="sitetools-main-collapse"] i.sitetools-main-collapse::before {color: #cacaca;}/*regular state */ body .navigation-main .sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse:hover::before,body .sitetools-main .sidebar-toggle[data-toggle~="sitetools-main-collapse"] i.sitetools-main-collapse:hover::before {color: #98a7c4;}/*regular state */

/*Login link */

.bs-button-user .bs-personal-not-loggedin, .bs-button-user .bs-personal-not-loggedin a:not(.new), .bs-button-user .bs-personal-not-loggedin a:link:not(.new) {color:#ffffff}

/*Personal menu */

@media (min-width: 1001px){
    .bs-button-user .bs-personal-menu-container {background-color: #3a539b;}  /*background color*/
    .bs-button-user #bs-personal-menu .separator  {border-bottom:1.125rem solid #3a539b;} /*Personal menu separators */

} /*Mobile header buttons*/

@media (max-width: 720px){ .mobile-notifications-button i.mobile-notifications-button::before, header.main-header .navbar a.mobile-search-button::before,.sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse::before {color:#ffffff;} /*header bar buttons*/ .mobile-notifications-button i.mobile-notifications-button:hover::before, header.main-header .navbar a.mobile-search-button:hover::before,.sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse:hover::before {color:#dddddd;}/*header bar buttons hover*/ .navigation-main a span, .navigation-main .panel .list-group a.list-group-item i, .navigation-main .bs-panel .list-group a.list-group-item i, .bs-mobile-user-button .bs-personal-menu a, .bs-mobile-user-button .bs-personal-menu li.bs-personal-menu-container-user span, .bs-mobile-user-button .bs-personal-menu li.bs-personal-menu-container-user span {

   color: #040404;    font-size: 1.2em;} /*nav items color and size*/

.bs-mobile-user-button .bs-personal-menu-container, .navigation-main #bs-sitenavtabs div.tab-content {background-color:#f1f1f1;} /*Personal menu background*/ .bs-mobile-user-button .bs-personal-menu .separator {border-bottom:2px solid #e6e9f2;} /*Personal menu separators */ }

/*Generelles*/

.bs-layout-box .bs-layout-box-image img { height: auto; }

/* Mainpage CSS von Blue Spice Wiki*/ .bs-background-color-secondary {

   background-color: #efefef;}

.bs-layout-container-banner img { max-width: 100%; height: auto;}

.mw-body-content ol li li {list-style-type: lower-alpha;}

  1. content #bodyContent ol > li {
   margin-top: 1em;
   margin-bottom: 1em;

}

  1. content #bodyContent ol > li li{
   margin-top: 0.5em;
   margin-bottom: 0.5em;

} .mw-parser-output .center .floatnone img { margin: 2em 0; } .mw-parser-output img.ve-ce-nail, .mw-parser-output img.ve-ce-nail-pre-open { margin:0; } .blsp-hint {

   border: 1px solid #c8c8c8;
   background: url('/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
   background-size: 60px 55px;
   padding: 10px 20px 10px 100px;

}

  1. content #bodyContent ul > li {
   margin-bottom: 0.5rem;

}

.notification-backgroundbox {background:#ffd67f; padding:12px;} .notification-backgroundbox .boxlabel {display:none;}

  1. content #bodyContent h2#relatedinfo

{border-left: solid 4px #b6babd; background:#eaecf0; color: #868585; margin-top: 3rem; margin-bottom:0 !important; padding: 20px 10px 2px 30px; } .bs-social-entity.bs-social-entity-output-List .bs-social-entity-right .bs-social-entity-title h3 {

   font-size: inherit !important;}

.relatedtopics { display:flex; flex-wrap: wrap; border-left: solid 4px #b6babd; background:#eaecf0; padding: 2em !important; margin:0 !important; } .relatedtopics .col { flex-basis: 50%;

 flex-grow: 1;
 flex-shrink: 1;

}


/** Portalseite 2-spaltig ***/

.flexwrapper { display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }

  1. content #bodyContent .flex-spalte-1 {
   -webkit-flex:1 1 650px;
   -ms-flex: 1 1 650px;
   flex: 1 1 650px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   }
  1. content #bodyContent .flex-spalte-2 {
   -webkit-flex: 1 1 200px;
   -ms-flex: 1 1 200px;
   flex: 1 1 200px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   margin-left: 30px;

}

  1. content #bodyContent .flexwrapper h2 {

font-size: 1.3em;

   margin-top: 12px;

} .sidebox { padding:15px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); background-color: #f0f2f6;

   margin-bottom:15px;

}

/* Box Note*/

.infobox { padding: 1em; margin: 2em 0; border:1px solid #ccc; } .infobox p { padding: 0; margin: 0; } .boxlabel { font-weight:bold; padding-right:0.5em; } .notification-note { border-left: solid 4px #3498db; } .notification-tip { border-left: solid 4px #f2c412; } .notification-warning { border-left: solid 4px #c23c2b; } .notification-backgroundbox { background:#ffd67f; padding:12px; } .notification-backgroundbox .boxlabel { display:none; }

/*Icons für Navigation Sidebar */

  1. n-Amateurfunkbetrieb > i:nth-child(1)::before {

content: '\e92f'; font-family: 'entypo'; }

  1. n-Amateurfunkbetrieb-digital > i:nth-child(1)::before {

content: '\e92f'; font-family: 'entypo'; }

a[href="/wiki/Amateurfunk-Aktivit%C3%A4ten"] > i:nth-child(1)::before { content: '\e92f'; font-family: 'entypo'; }

.bs-layout-box-body { display:flex; }

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
        
        
        
        /* Skalierung Logo */
        
        .bs-logo a {background-size: contain;}
        
        
        
        /*Skinning Blau mit ÖVSV-Blau im Header*/
        
        
        
        /*Custom menu*/
        
        
        
        .bs-custom-menu-header-container,.calumma-toggle-button.bs-custom-menu-header-button {background-color: #111f6a;} /*background color*/
        
        .bs-custom-menu-header-container .bs-custom-menu.header a, .label  {color: #ffffff;}  /*link color*/
        
        .calumma-toggle-button.bs-custom-menu-header-button i::before, .calumma-full-screen-button.bs-full-screen-mode i::before {color:#ffffff} /*arrow on toggle button*/
        
        
        
        /*Top bar*/
        
        /*body.mediawiki header.main-header {background-color:#3a539b;  background-image:linear-gradient( to bottom,#3a539b 0%,#3a539b 50%,#32498a 100% );} /*background color*/
        
        body.mediawiki header.main-header {background-color:#0080C8;  background-image:linear-gradient( to bottom,#0080C8 0%,#0080C8 50%,#0080C8a 100% );} /*ÖVSV background color*/
        
           /* Create and edit buttons */
        
        header .bs-featured-actions .dropdown .btn.btn-primary .icon::before{background-color: #98a7c4;}  /*background*/
        
        header .bs-featured-actions .dropdown .btn.btn-primary:hover .icon::before {background-color: #91bae0} /*hover background*/
        
        header .bs-featured-actions .dropdown .btn.dropdown-toggle::after {color: #98a7c4;} /*arrow color*/
        
        header .bs-featured-actions .dropdown .btn.dropdown-toggle:hover::after {color: #91bae0}  /*hover arrow color*/
        
          /*Create and edit buttons drop-down menu*/
        
        header .bs-featured-actions .dropdown.open .dropdown-menu, header .bs-featured-actions .dropdown.open .dropdown-menu  {background-color: #3a539b;}  /*background color*/
        
        header .bs-featured-actions .dropdown.open .dropdown-menu::before  {color: #3a539b;}  /*menu arrow color*/
        
          /*full screen toggle*/
        
        .calumma-full-screen-button i::before {color:#ffffff} 
        
        
        
        /*Main navigation*/
        
        
        
        body.mediawiki .navigation-main {background-color:#e9ebee;} /*background color*/
        
          /* Tabs */
        
        .navigation-main .nav.nav-pills li a, .navigation-main .tab-pane.active .bs-calumma-sidebar-edit-link span   {color:#98a7c4;} /*color*/
        
        .navigation-main .nav.nav-pills li:hover a {color:#3a539b;} /*hover color*/
        
        .navigation-main .nav.nav-pills li.active a {color:#3a539b;} /*active color*/
        
          /*Nav*/
        
        .navigation-main #bs-sitenavtabs div.tab-content a, .navigation-main #bs-sitenavtabs div.tab-content a:visited, .navigation-main #bs-sitenavtabs div.tab-content a:focus, .navigation-main .tab-pane.active .bs-calumma-sidebar-edit-link:hover span {color:#040404;} /*color menu headers*/
        
        .navigation-main a span,.navigation-main .panel .list-group a.list-group-item i, .navigation-main .bs-panel .list-group a.list-group-item i
        
        {background-color: transparent;color:#040404} /*color menu items and their icons*/
        
        
        
        /*Left and right  navigation toggles*/
        
        
        
        body .navigation-main .sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse::before,body .sitetools-main .sidebar-toggle[data-toggle~="sitetools-main-collapse"] i.sitetools-main-collapse::before {color: #cacaca;}/*regular state */
        
        body .navigation-main .sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse:hover::before,body .sitetools-main .sidebar-toggle[data-toggle~="sitetools-main-collapse"] i.sitetools-main-collapse:hover::before {color: #98a7c4;}/*regular state */
        
        
        
        /*Login link */
        
        
        
        .bs-button-user .bs-personal-not-loggedin, .bs-button-user .bs-personal-not-loggedin a:not(.new), .bs-button-user .bs-personal-not-loggedin a:link:not(.new) {color:#ffffff}	
        
        
        
        /*Personal menu */
        
         @media (min-width: 1001px){
        
             .bs-button-user .bs-personal-menu-container {background-color: #3a539b;}  /*background color*/
        
             .bs-button-user #bs-personal-menu .separator  {border-bottom:1.125rem solid #3a539b;} /*Personal menu separators */
        
        }
        
        /*Mobile header buttons*/
        
        
        
        @media (max-width: 720px){
        
        .mobile-notifications-button i.mobile-notifications-button::before, header.main-header .navbar a.mobile-search-button::before,.sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse::before {color:#ffffff;} /*header bar buttons*/
        
        .mobile-notifications-button i.mobile-notifications-button:hover::before, header.main-header .navbar a.mobile-search-button:hover::before,.sidebar-toggle[data-toggle~="navigation-main-collapse"] i.navigation-main-collapse:hover::before {color:#dddddd;}/*header bar buttons hover*/
        
        .navigation-main a span, .navigation-main .panel .list-group a.list-group-item i, .navigation-main .bs-panel .list-group a.list-group-item i, .bs-mobile-user-button .bs-personal-menu a, .bs-mobile-user-button .bs-personal-menu li.bs-personal-menu-container-user span, .bs-mobile-user-button .bs-personal-menu li.bs-personal-menu-container-user span {
        
            color: #040404;    font-size: 1.2em;} /*nav items color and size*/
        
        .bs-mobile-user-button .bs-personal-menu-container, .navigation-main #bs-sitenavtabs div.tab-content {background-color:#f1f1f1;} /*Personal menu background*/
        
        .bs-mobile-user-button .bs-personal-menu .separator  {border-bottom:2px solid #e6e9f2;} /*Personal menu separators */
        
        }
        
        
        
        /*Generelles*/
        
        
        
        .bs-layout-box .bs-layout-box-image img {
        
        	height: auto;
        
        }
        
        
        
        /* Mainpage CSS von Blue Spice Wiki*/
        
        .bs-background-color-secondary {
        
            background-color: #efefef;}
        
        
        
        .bs-layout-container-banner img {
        
        	max-width: 100%;
        
        	height: auto;}
        
        
        
        .mw-body-content ol li li
        
        {list-style-type: lower-alpha;}
        
        #content #bodyContent ol > li {
        
            margin-top: 1em;
        
            margin-bottom: 1em;
        
        }
        
        #content #bodyContent ol > li li{
        
            margin-top: 0.5em;
        
            margin-bottom: 0.5em;
        
        }
        
        .mw-parser-output .center .floatnone img
        
        {    
        
        	margin: 2em 0;
        
        }
        
        .mw-parser-output img.ve-ce-nail,  .mw-parser-output img.ve-ce-nail-pre-open
        
        {
        
        	margin:0;
        
        }
        
        .blsp-hint {
        
            border: 1px solid #c8c8c8;
        
            background: url('/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
        
            background-size: 60px 55px;
        
            padding: 10px 20px 10px 100px;
        
        }
        
        
        
        #content #bodyContent ul > li {
        
            margin-bottom: 0.5rem;
        
        }
        
        
        
        .notification-backgroundbox {background:#ffd67f; padding:12px;}
        
        .notification-backgroundbox .boxlabel {display:none;}
        
        
        
        #content #bodyContent h2#relatedinfo
        
        {border-left: solid 4px #b6babd;
        
        background:#eaecf0;
        
        color: #868585;
        
        margin-top: 3rem;
        
        margin-bottom:0 !important;
        
        padding: 20px 10px 2px 30px;
        
        }
        
        .bs-social-entity.bs-social-entity-output-List .bs-social-entity-right .bs-social-entity-title h3 {
        
            font-size: inherit !important;}
        
        .relatedtopics {
        
        display:flex;
        
        flex-wrap: wrap;
        
        border-left: solid 4px #b6babd;
        
        background:#eaecf0;
        
        padding: 2em !important;
        
        margin:0  !important;
        
        }
        
        .relatedtopics .col
        
        {
        
        flex-basis: 50%;
        
          flex-grow: 1;
        
          flex-shrink: 1;
        
        }
        
        
        
        
        
        /** Portalseite 2-spaltig ***/
        
        
        
        .flexwrapper {
        
        	display: flex;
        
        	flex-direction: row;
        
        	flex-wrap:wrap;
        
        	justify-content: space-between;
        
        	align-items: stretch;
        
        	align-content: stretch;
        
        }
        
        #content #bodyContent  .flex-spalte-1 {
        
            -webkit-flex:1 1 650px;
        
            -ms-flex: 1 1 650px;
        
            flex: 1 1 650px;
        
            -webkit-align-self: auto;
        
            -ms-flex-item-align: auto;
        
            align-self: auto;
        
            }
        
        #content #bodyContent  .flex-spalte-2 {
        
            -webkit-flex: 1 1 200px;
        
            -ms-flex: 1 1 200px;
        
            flex: 1 1 200px;
        
            -webkit-align-self: auto;
        
            -ms-flex-item-align: auto;
        
            align-self: auto;
        
            margin-left: 30px;
        
        }
        
        #content #bodyContent .flexwrapper h2 {    
        
        	font-size: 1.3em;
        
            margin-top: 12px;
        
        }  
        
        .sidebox {
        
        	padding:15px;
        
        	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
        
        	background-color: #f0f2f6;
        
            margin-bottom:15px;
        
        }
        
        
        
        /* Box Note*/
        
        
        
        .infobox {
        
        	padding: 1em;
        
        	margin: 2em 0;
        
        	border:1px solid #ccc;
        
        }
        
        .infobox p {
        
        	padding: 0;
        
        	margin: 0;
        
        }
        
        .boxlabel {	
        
        	font-weight:bold;
        
        	padding-right:0.5em;
        
        }
        
        .notification-note {
        
        border-left: solid 4px #3498db;
        
        }
        
        .notification-tip {
        
        border-left: solid 4px #f2c412;
        
        }
        
        .notification-warning {
        
        border-left: solid 4px #c23c2b;
        
        }
        
        .notification-backgroundbox {
        
        background:#ffd67f; 
        
        padding:12px;
        
        }
        
        .notification-backgroundbox .boxlabel {
        
        display:none;
        
        }
        
        
        
        /*Icons für Navigation Sidebar */
        
        #n-Amateurfunkbetrieb > i:nth-child(1)::before { 
        
        content: '\e92f'; 
        
        font-family: 'entypo'; 
        
        } 
        
        
        
        #n-Amateurfunkbetrieb-digital > i:nth-child(1)::before { 
        
        content: '\e92f'; 
        
        font-family: 'entypo'; 
        
        } 
        
        
        
        a[href="/wiki/Amateurfunk-Aktivit%C3%A4ten"] > i:nth-child(1)::before { 
        
        content: '\e92f'; 
        
        font-family: 'entypo'; 
        
        }
            
            
            
            .bs-layout-box-body {
            
            	display:flex;
            
            }
Zeile 219: Zeile 219:
 
content: '\e92f';  
 
content: '\e92f';  
 
font-family: 'entypo';  
 
font-family: 'entypo';  
 +
}
 +
 +
.bs-layout-box-body {
 +
display:flex;
 
}
 
}