MediaWiki:Chameleon.css
Aus Open Source Ecology (OSE) Germany - Entwicklungsplattform
Version vom 26. April 2019, 14:09 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; } .container { padding-top:59px; } /****** FOOTER ******/ .footer { padding:60px 0; } .footer h3 { color:#fff; margin:4px 0; } .footer a { color:#fcd4b1; } .footer a:hover { color:#a14032; } .footer ul { padding:0; margin:0; } .footer li { list-style-type:none; padding:2px 0; margin:0; } /****** IMPRINT ******/ .imprint { background:#000; text-align:center; color:#fcd4b1; padding:10px 0; clear:both; } .imprint a { color:#fcd4b1; } .imprint a:hover { color:#a14032; } .imprint img { margin:0px; height:19px; } .imprint * { display:inline; float:none; } .imprint > div * { margin-top:-4px; }