MediaWiki:Common.css: Unterschied zwischen den Versionen

K
 

/* 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;

}

/** BlueBox Header **/ .blueboxcenterheader { text-align: center; background:#0080C8; color:#ffffff; font-weight:bold; font-size:normal; margin:10px 0px 0px 0; padding:2px 4px; border: 1px solid #0080C8; border-bottom: none; }

.blueboxcenter { text-align: center; margin:0px 0px 0px 0; padding: 0 1em 1em 1em; font-size:100%; border: 1px solid #0080C8; background-color:#ffffff; }


/** 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;

}

/*Flex-Spalten 3-spaltig responsive*/


.bs-layout-container.bs-contain-3 {

                   display: flex;
   justify-content: space-between;
   margin-top:20px

            

} .bs-layout-box {

                   flex-basis: 32%;
   padding:14px;
    margin-bottom:14px;

            

} .bs-layout-box h2 {font-size:1.3rem; margin:1.3rem 0 1.3rem } .bs-layout-box .mw-editsection,.bs-layout-box .mw-editsection { display:none ; } @media only screen and ( max-width: 1001px ){ .bs-layout-container.bs-contain-3 {

                  flex-wrap:wrap;

            

} .bs-layout-box {

                   flex-basis: 100%;
   padding:14px;

            

} }

/* 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: '\e92fe9e2'; font-family: 'entypo'; }

n-Amateurfunkbetrieb-digital

a[href="/wiki/Hauptseite/Amateurfunk_digital"] > i:nth-child(1)::before {

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

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

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

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

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

/** Tabellen Design **/ table.portal {border-spacing: 20px 2px; border-collapse: separate;} table.portalboxes {border-spacing: 20px; border-collapse: separate;} table.portal th, table.portal td, table.portalboxes th, table.portalboxes td {padding:10px; border:0; vertical-align:top;}

.tblue th {background-color:#CADAEA;} .tblue td {background-color:#E0ECF8;}

.tyellow th {background-color:#F7E1B2;} .tyellow td {background-color:#E0ECF8;}

.twhite th {background-color:#787878; color:#FFF;} .twhite td {background-color:#FFF;}

.tgrey th {background-color:#ACB1CF; color:#FFF;} .tgrey td {background-color:#E6E7EB}

/** cropped image **/ img.responsive {width:100%;height:auto;} .crop { max-height: 50px; overflow: hidden; }

/* 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;
        
        }
        
        
        
        
        
            
            //** BlueBox Header **/
            
            .blueboxcenterheader {
            
            text-align: center;
            
            background:#0080C8;
            
            color:#ffffff;
            
            font-weight:bold;
            
            font-size:normal;
            
            margin:10px 0px 0px 0;
            
            padding:2px 4px;
            
            border: 1px solid #0080C8;
            
            border-bottom: none;
            
            }
            
            
            
            .blueboxcenter {
            
            text-align: center;
            
            margin:0px 0px 0px 0;
            
            padding: 0 1em 1em 1em;
            
            font-size:100%;
            
            border: 1px solid #0080C8;
            
            background-color:#ffffff;
            
            }
            
            
            
            
            
            /** 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;
        
        }
        
        
        
        /* Flex-Spalten 3-spaltig responsive*/
            
            
            
            
            
            .bs-layout-container.bs-contain-3 {
            
                display: flex;
            
                justify-content: space-between;
            
                margin-top:20px
            
            }
            
            .bs-layout-box {
            
                flex-basis: 32%;
            
                padding:14px;
            
                 margin-bottom:14px;
            
            }
            
            .bs-layout-box h2 
            
            {font-size:1.3rem; 
            
            margin:1.3rem 0 1.3rem
            
            }
            
            .bs-layout-box .mw-editsection,.bs-layout-box .mw-editsection
            
            {
            
            display:none ;
            
            }
            
            @media only screen and ( max-width: 1001px ){
            
            .bs-layout-container.bs-contain-3 {
            
               flex-wrap:wrap;
            
            }
            
            .bs-layout-box {
            
                flex-basis: 100%;
            
                padding:14px;
            
            }
            
            }
            
            
            
            /* 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: '\e92fe9e2'; 
        
        font-family: 'entypo'; 
        
        } 
        
        
        
        
        #n-Amateurfunkbetrieb-digitala[href="/wiki/Hauptseite/Amateurfunk_digital"] > i:nth-child(1)::before { 
        
        content: '\e92fe9e2'; 
        
        font-family: 'entypo'; 
        
        } 
        
        
        
        a[href="/wiki/Amateurfunk-Hauptseite/Aktivit%C3%A4ten_im_Amateurfunk"] > i:nth-child(1)::before { 
            
            content: '\e9e2'; 
            
            font-family: 'entypo'; 
            
            }
            
            
            
            a[href="/wiki/Letzte_Aktivit%C3%A4ten"] > i:nth-child(1)::before { 
        
        content: '\e92fe968'; 
        
        font-family: 'entypo'; 
        
        }
            
            #n-Mitmachen > i:nth-child(1)::before { 
            
            content: '\e9b3'; 
            
            font-family: 'entypo'; 
            
            }
            
            
            
            /** Tabellen Design **/
            
            table.portal {border-spacing: 20px 2px; border-collapse: separate;}
            
            table.portalboxes {border-spacing: 20px; border-collapse: separate;}
            
            table.portal th, table.portal td, table.portalboxes th, table.portalboxes td 
            
            {padding:10px; border:0; vertical-align:top;}
            
            
            
            .tblue th {background-color:#CADAEA;}
            
            .tblue td {background-color:#E0ECF8;}
            
            
            
            .tyellow th {background-color:#F7E1B2;}
            
            .tyellow td {background-color:#E0ECF8;}
            
            
            
            .twhite th {background-color:#787878; color:#FFF;}
            
            .twhite td {background-color:#FFF;}
            
            
            
            .tgrey th {background-color:#ACB1CF; color:#FFF;}
            
            .tgrey td {background-color:#E6E7EB}
            
            
            
            /** cropped image **/
            
            img.responsive {width:100%;height:auto;}
            
            .crop { max-height: 50px; overflow: hidden; }
(16 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 132: Zeile 132:
 
   flex-grow: 1;
 
   flex-grow: 1;
 
   flex-shrink: 1;
 
   flex-shrink: 1;
 +
}
 +
 +
/** BlueBox Header **/
 +
.blueboxcenterheader {
 +
text-align: center;
 +
background:#0080C8;
 +
color:#ffffff;
 +
font-weight:bold;
 +
font-size:normal;
 +
margin:10px 0px 0px 0;
 +
padding:2px 4px;
 +
border: 1px solid #0080C8;
 +
border-bottom: none;
 +
}
 +
 +
.blueboxcenter {
 +
text-align: center;
 +
margin:0px 0px 0px 0;
 +
padding: 0 1em 1em 1em;
 +
font-size:100%;
 +
border: 1px solid #0080C8;
 +
background-color:#ffffff;
 
}
 
}
  
Zeile 171: Zeile 193:
 
background-color: #f0f2f6;
 
background-color: #f0f2f6;
 
     margin-bottom:15px;
 
     margin-bottom:15px;
 +
}
 +
 +
/*Flex-Spalten 3-spaltig responsive*/
 +
 +
 +
.bs-layout-container.bs-contain-3 {
 +
    display: flex;
 +
    justify-content: space-between;
 +
    margin-top:20px
 +
}
 +
.bs-layout-box {
 +
    flex-basis: 32%;
 +
    padding:14px;
 +
    margin-bottom:14px;
 +
}
 +
.bs-layout-box h2
 +
{font-size:1.3rem;
 +
margin:1.3rem 0 1.3rem
 +
}
 +
.bs-layout-box .mw-editsection,.bs-layout-box .mw-editsection
 +
{
 +
display:none ;
 +
}
 +
@media only screen and ( max-width: 1001px ){
 +
.bs-layout-container.bs-contain-3 {
 +
  flex-wrap:wrap;
 +
}
 +
.bs-layout-box {
 +
    flex-basis: 100%;
 +
    padding:14px;
 +
}
 
}
 
}
  
Zeile 207: Zeile 260:
 
/*Icons für Navigation Sidebar */
 
/*Icons für Navigation Sidebar */
 
#n-Amateurfunkbetrieb > i:nth-child(1)::before {  
 
#n-Amateurfunkbetrieb > i:nth-child(1)::before {  
content: '\e92f';  
+
content: '\e9e2';  
 
font-family: 'entypo';  
 
font-family: 'entypo';  
 
}  
 
}  
  
#n-Amateurfunkbetrieb-digital > i:nth-child(1)::before {  
+
a[href="/wiki/Hauptseite/Amateurfunk_digital"] > i:nth-child(1)::before {  
content: '\e92f';  
+
content: '\e9e2';  
 
font-family: 'entypo';  
 
font-family: 'entypo';  
 
}  
 
}  
  
a[href="/wiki/Amateurfunk-Aktivit%C3%A4ten"] > i:nth-child(1)::before {  
+
a[href="/wiki/Hauptseite/Aktivit%C3%A4ten_im_Amateurfunk"] > i:nth-child(1)::before {
content: '\e92f';  
+
content: '\e9e2';
 +
font-family: 'entypo';
 +
}
 +
 
 +
a[href="/wiki/Letzte_Aktivit%C3%A4ten"] > i:nth-child(1)::before {  
 +
content: '\e968';
 +
font-family: 'entypo';
 +
}
 +
#n-Mitmachen > i:nth-child(1)::before {
 +
content: '\e9b3';  
 
font-family: 'entypo';  
 
font-family: 'entypo';  
 
}
 
}
 +
 +
/** Tabellen Design **/
 +
table.portal {border-spacing: 20px 2px; border-collapse: separate;}
 +
table.portalboxes {border-spacing: 20px; border-collapse: separate;}
 +
table.portal th, table.portal td, table.portalboxes th, table.portalboxes td
 +
{padding:10px; border:0; vertical-align:top;}
 +
 +
.tblue th {background-color:#CADAEA;}
 +
.tblue td {background-color:#E0ECF8;}
 +
 +
.tyellow th {background-color:#F7E1B2;}
 +
.tyellow td {background-color:#E0ECF8;}
 +
 +
.twhite th {background-color:#787878; color:#FFF;}
 +
.twhite td {background-color:#FFF;}
 +
 +
.tgrey th {background-color:#ACB1CF; color:#FFF;}
 +
.tgrey td {background-color:#E6E7EB}
 +
 +
/** cropped image **/
 +
img.responsive {width:100%;height:auto;}
 +
.crop { max-height: 50px; overflow: hidden; }