MediaWiki:Chameleon.css: Unterschied zwischen den Versionen
Aus Open Source Ecology (OSE) Germany - Entwicklungsplattform
(Die Seite wurde geleert.) (Markierung: Geleert) |
|||
Zeile 1: | Zeile 1: | ||
− | + | /****** 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; | ||
+ | } |
Version vom 21. April 2019, 21:38 Uhr
/****** 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; }