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, 20: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;
}
