MediaWiki: Common.css: Unterschied zwischen den Versionen

Aus Interlinking_Pictura
Wechseln zu: Navigation, Suche
Zeile 2: Zeile 2:
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
  
panel-primary {
+
.navbar-nav {
 +
margin-left: 100px;
 +
}
 +
.panel-primary {
 
     border-color: #28bcc6;
 
     border-color: #28bcc6;
 
}
 
}
 
+
.panel-title {
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-weight: bold;
 +
}
 
.panel-primary > .panel-heading {
 
.panel-primary > .panel-heading {
  
Zeile 33: Zeile 39:
 
background-position: 0;
 
background-position: 0;
 
}
 
}
 +
 +
.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: #fff;
 +
    background-color: #28bcc6;
 +
    border-color: #28bcc6;
 +
}
 +
 
/* logo and navbar */
 
/* logo and navbar */
 
.navbar{
 
.navbar{
Zeile 40: Zeile 53:
 
height: 50px;
 
height: 50px;
 
}
 
}
 
+
/* links formatting */
 
a {
 
a {
     color: #8A2235;
+
     color: #28bcc6;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
  
 
a:focus, a:hover {
 
a:focus, a:hover {
     color: #10B7D1;
+
     color: 096C8C;
 
     text-decoration: underline;
 
     text-decoration: underline;
 
}
 
}
Zeile 56: Zeile 69:
 
}
 
}
  
.fullImageLink {
+
.border-collapse {
max-width: 50%;
+
padding-left:30px;
float:left;
 
 
}
 
}
.fullMedia {
+
 
margin:20px 0 20px 0;
+
.btn-info{
max-width:48%;
+
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
float:right;
+
}
 +
.panel-footer {
 +
font-weight: bold;
 
}
 
}
  
mw-content-ltr {
+
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
max-width: 40%;
+
background-image: none;
float:right;
+
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;
 
}
 
}

Version vom 15. November 2017, 08:57 Uhr

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

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

   color: #fff;
   background-color: #28bcc6;
   border-color: #28bcc6;
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);}

.firstHeading{
font-family: 'Source Sans Pro', sans-serif;
font-size: 24px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.btn-primary {
color: #fff;
   background-color: #28bcc6;
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
background-repeat: repeat-x;
border-color: #28bcc6;
}
btn-primary:focus, .btn-primary:hover, .btn-primary:active {
background-color: #096c72;
border-color: #28bcc6;
background-position: 0;
}

.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: #fff;
    background-color: #28bcc6;
    border-color: #28bcc6;
}

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

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

a:focus, a:hover {
    color: 096C8C;
    text-decoration: underline;
}


.fa {
margin-right: 10px;
}

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

.btn-info{
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
}
.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;
}