MediaWiki:Chameleon.css
Aus Open Source Ecology (OSE) Germany - Entwicklungsplattform
Version vom 21. April 2019, 22:25 Uhr von Djaeger (Diskussion | Beiträge)
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/****** GENERAL ******/
body {
margin:0;
font-family:'Open Sans', sans-serif;
color:#002b3e;
font-size:14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:900;
line-height:22px;
}
h1 {
font-size:18px;
font-weight :bolder;
color:#296178;
border-bottom:1px #a14032 solid;
display:inline-block;
margin-bottom:20px;
}
h2 {
font-size:100%;
margin-bottom:-14px;
font-weight:bold;
}
p {
line-height:22px;
margin:18px 0;
}
a {
color:#000;
text-decoration:none;
}
a:hover {
color:green;
}
.clearer {
clear:both;
height:0;
line-height:0;
margin:0;
padding:0;
}
.red {
color:#db513d;
}
body > .row {
clear:both;
padding:60px 0;
display:block;
position:relative;
min-width:777px;
background:#fff;
}
body > .row ~ .row {
background:-moz-linear-gradient(top, rgba(254,240,228,1) 0%, rgba(255,255,255,0) 25%);
background:-webkit-linear-gradient(top, rgba(254,240,228,1) 0%,rgba(255,255,255,0) 25%);
background:linear-gradient(to bottom, rgba(254,240,228,1) 0%,rgba(255,255,255,0) 25%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef0e4', endColorstr='#00ffffff',GradientType=0 );
}
.product-detail .row.content {
margin-top:118px;
padding-top:35px;
}
.row::before {
width:120px;
height:20px;
background:#a24033;
display:block;
content:"";
position:absolute;
top:-10px;
left:0;
z-index:1001;
}
.row::after {
width:120px;
height:20px;
background:#a24033;
display:block;
content:"";
position:absolute;
top:-10px;
right:0;
z-index:1001;
}
.col-777 {
max-width:777px;
margin:0 auto;
}
.col-1040 {
max-width:1040px;
margin:0 auto;
}
.col-1-3 {
width:36%;
float:left;
position:relative;
}
.col-2-3 {
width:62%;
margin-right:20px;
float:left;
position:relative;
}
.col-1-4 {
width:245px;
margin-right:20px;
float:left;
position:relative;
min-height:250px;
}
.col-1-4:nth-child(4) {
margin-right:0;
}
.col-1-5 {
width:20%;
float:left;
position:relative;
}
/****** HEADER ******/
.header {
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(0, 0, 0, 0.7);
z-index:1003;
}
.header ul {
max-width:900px;
margin:0 auto;
}
.header li {
list-style:none;
float:left;
margin:0;
}
.header li a {
color:#fcd4b1;
font-size:110%;
padding:20px 15px 20px 15px;
display:block;
}
.header li a:hover {
background:#296178;
}
#mw-navigation {
clear:none;
float:left;
margin:0px;
}
.header_menu {
width:900px;
margin:0 auto;
float:none;
}
#p-personal {
padding:0px;
}
.navbar-nav li a, #p-personal li a {
color: #fcd4b1 !important;
font-size: 15px;
padding: 20px 15px 20px 15px;
display: block;
}
.navbar-nav li a:hover, #p-personal li a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
text-decoration:none !important;
background:#296178 !important;
}
.dropdown-menu {
background:rgba(0, 0, 0, 0.7) !important;
}
.dropdown-menu li {
float:none;
}
#p-logo {
border:none;
}
.p-logo img {
height:25px;
margin:16px 16px 16px 0px;
}
.navbar-brand {
padding:0px;
height:auto;
}
