mirror of
https://gitlab.com/harald.mueller/aktuelle.kurse.git
synced 2024-11-30 21:51:56 +01:00
113 lines
2.4 KiB
CSS
113 lines
2.4 KiB
CSS
|
.noselect {
|
||
|
-webkit-touch-callout: none;
|
||
|
-webkit-user-select: none;
|
||
|
-khtml-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none;
|
||
|
}
|
||
|
#wrap {
|
||
|
/* fixed width, centered in viewport */
|
||
|
width: 980px;
|
||
|
left: -490px;
|
||
|
margin-left: 50%;
|
||
|
position: relative;
|
||
|
}
|
||
|
#showcase {
|
||
|
width: 80%;
|
||
|
height: 460px;
|
||
|
background: #ffac0d;
|
||
|
background: -moz-linear-gradient(top, #ffac0d 0%, #e8840c 100%); /* FF3.6+ */
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac0d), color-stop(100%,#e8840c)); /* Chrome, Safari4+ */
|
||
|
background: -webkit-linear-gradient(top, #ffac0d 0%, #e8840c 100%); /* Chrome10+, Safari5.1+ */
|
||
|
background: -o-linear-gradient(top, #ffac0d 0%, #e8840c 100%); /* Opera 11.10+ */
|
||
|
background: -ms-linear-gradient(top, #ffac0d 0%, #e8840c 100%); /* IE10+ */
|
||
|
background: linear-gradient(to bottom, #ffac0d 0%, #e8840c 100%); /* W3C */
|
||
|
border-radius: 8px;
|
||
|
margin: 0 auto;
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
|
||
|
#item-title {
|
||
|
color: #F31414;
|
||
|
font-size: 29px;
|
||
|
letter-spacing: 0.13em;
|
||
|
text-shadow: 1px 1px 6px #C72B2B;
|
||
|
text-align: center;
|
||
|
margin-top: 30px;
|
||
|
margin-bottom: 22px;
|
||
|
}
|
||
|
|
||
|
.nav {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.nav > button {
|
||
|
width: 64px;
|
||
|
height: 36px;
|
||
|
color: #666;
|
||
|
font: bold 16px arial;
|
||
|
text-decoration: none;
|
||
|
text-align: center;
|
||
|
margin: 5px;
|
||
|
text-shadow: 0px 1px 0px #f5f5f5;
|
||
|
background: #f6f6f6;
|
||
|
border: solid 2px rgba(0, 0, 0, 0.4);
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
-webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
|
||
|
-moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
|
||
|
box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.nav > button:active,
|
||
|
.nav > button.down {
|
||
|
background: #dfdfdf;
|
||
|
border: solid 2px rgba(0, 0, 0, 0.6);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
#get {
|
||
|
font-size: 20px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
#download {
|
||
|
margin: 8px auto;
|
||
|
margin-top: 12px;
|
||
|
display: block;
|
||
|
}
|
||
|
#license {
|
||
|
font-size: 18px;
|
||
|
text-align: center;
|
||
|
margin: 0;
|
||
|
}
|
||
|
#share {
|
||
|
position: absolute;
|
||
|
left: 4px;
|
||
|
top: 478px;
|
||
|
}
|
||
|
.fb-like {
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
.twitter-share-button {
|
||
|
width: 84px !important;
|
||
|
margin-left: 8px;
|
||
|
}
|
||
|
#credits {
|
||
|
color: #c9c9c9;
|
||
|
padding: 10px;
|
||
|
border: 2px #999 dashed;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
bottom: 83px;
|
||
|
}
|
||
|
#credits ul {
|
||
|
font-size: 14px;
|
||
|
list-style-type: none;
|
||
|
padding-left: 2px;
|
||
|
margin: 2px 0;
|
||
|
}
|
||
|
#credits .author {
|
||
|
color: white;
|
||
|
}
|