MediaWiki:Common.css

/* 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::before { 
content: '\e9e2'; 
font-family: 'entypo';
margin-left: -20px;
padding-right: 4px;
vertical-align:middle;
} 

a[href="/wiki/Hauptseite/Amateurfunk_digital"]::before { 
content: '\e9e2'; 
font-family: 'entypo';
margin-left: -20px;
padding-right: 4px;
vertical-align:middle;
} 

a[href="/wiki/Hauptseite/Aktivit%C3%A4ten_im_Amateurfunk"]::before { 
content: '\e9e2'; 
font-family: 'entypo';
margin-left: -20px;
padding-right: 4px;
vertical-align:middle;
}

a[href="/wiki/Letzte_Aktivit%C3%A4ten"]::before { 
content: '\e968'; 
font-family: 'entypo';
margin-left: -20px;
padding-right: 4px;
vertical-align:middle;
}
#n-Mitmachen::before { 
content: '\e9b3'; 
font-family: 'entypo';
margin-left: -20px;
padding-right: 4px;
vertical-align:middle;
}

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

/** Benutzerbild ändern - optimierte Anzeige **/
.bs-social-entity-actions-menu ul.bs-social-entity-actions-menu-content {
	transform: none !important;
	inset: 40px auto auto -130px !important;
}