|
|
| Line 473: |
Line 473: |
| | #menu{ | | #menu{ |
| | position:fixed; | | position:fixed; |
| − | top:0; | + | top:80%; |
| − | left:0; | + | left:50%; |
| | height: 40px; | | height: 40px; |
| | z-index: 70; | | z-index: 70; |
| Line 480: |
Line 480: |
| | padding: 0; | | padding: 0; |
| | margin:0; | | margin:0; |
| − | }
| |
| − | .twitter-share-button{
| |
| − | position: fixed;
| |
| − | z-index: 99;
| |
| − | right: 149px;
| |
| − | top: 9px;
| |
| − | }
| |
| − | #download{
| |
| − | margin: 10px 0 0 0;
| |
| − | padding: 15px 10px;
| |
| − | color: #fff;
| |
| − | text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
| |
| − | background-color: #49afcd;
| |
| − | background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
| |
| − | background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
| |
| − | background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
| |
| − | background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
| |
| − | background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
| |
| − | background-image: linear-gradient(top, #5bc0de, #2f96b4);
| |
| − | background-repeat: repeat-x;
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
| |
| − | border-color: #2f96b4 #2f96b4 #1f6377;
| |
| − | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
| |
| − |
| |
| − | -webkit-border-radius: 6px;
| |
| − | -moz-border-radius: 6px;
| |
| − | border-radius: 6px;
| |
| − | vertical-align: middle;
| |
| − | cursor: pointer;
| |
| − | display: inline-block;
| |
| − | -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| |
| − | -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| |
| − | box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| |
| − | }
| |
| − | #download a{
| |
| − | text-decoration:none;
| |
| − | color:#fff;
| |
| − | }
| |
| − | #download:hover{
| |
| − | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
| |
| − | background-color: #2F96B4;
| |
| − | background-position: 0 -15px;
| |
| − | -webkit-transition: background-position .1s linear;
| |
| − | -moz-transition: background-position .1s linear;
| |
| − | -ms-transition: background-position .1s linear;
| |
| − | -o-transition: background-position .1s linear;
| |
| − | transition: background-position .1s linear;
| |
| − | }
| |
| − | #infoMenu{
| |
| − | height: 20px;
| |
| − | color: #f2f2f2;
| |
| − | position:fixed;
| |
| − | z-index:70;
| |
| − | bottom:0;
| |
| − | width:100%;
| |
| − | text-align:right;
| |
| − | font-size:0.9em;
| |
| − | padding:8px 0 8px 0;
| |
| − | }
| |
| − | #infoMenu ul{
| |
| − | padding: 0 40px;
| |
| − | }
| |
| − | #infoMenu li a{
| |
| − | display: block;
| |
| − | margin: 0 22px 0 0;
| |
| − | color: #333;
| |
| − | }
| |
| − | #infoMenu li a:hover{
| |
| − | text-decoration:underline;
| |
| − | }
| |
| − | #infoMenu li{
| |
| − | display:inline-block;
| |
| − | position:relative;
| |
| − | }
| |
| − | #examplesList{
| |
| − | display:none;
| |
| − | background: #282828;
| |
| − | -webkit-border-radius: 6px;
| |
| − | -moz-border-radius: 6px;
| |
| − | border-radius: 6px;
| |
| − | padding: 20px;
| |
| − | float: left;
| |
| − | position: absolute;
| |
| − | bottom: 29px;
| |
| − | right: 0;
| |
| − | width:638px;
| |
| − | text-align:left;
| |
| − | }
| |
| − | #examplesList ul{
| |
| − | padding:0;
| |
| − | }
| |
| − | #examplesList ul li{
| |
| − | display:block;
| |
| − | margin: 5px 0;
| |
| − | }
| |
| − | #examplesList ul li a{
| |
| − | color: #BDBDBD;
| |
| − | margin:0;
| |
| − | }
| |
| − | #examplesList ul li a:hover{
| |
| − | color: #f2f2f2;
| |
| − | }
| |
| − | #examplesList .column{
| |
| − | float: left;
| |
| − | margin: 0 20px 0 0;
| |
| − | }
| |
| − | #examplesList h3{
| |
| − | color: #f2f2f2;
| |
| − | font-size: 1.2em;
| |
| − | margin: 0 0 15px 0;
| |
| − | border-bottom: 1px solid rgba(0, 0, 0, 0.4);
| |
| − | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
| |
| − | -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
| |
| − | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
| |
| − | padding: 0 0 5px 0;
| |
| | } | | } |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |
