|
|
Line 601: |
Line 601: |
| text-transform: uppercase; | | text-transform: uppercase; |
| color: rgba(0,0,0,0.8); | | color: rgba(0,0,0,0.8); |
- | position: relative; | + | position: static; |
| text-shadow: 1px 1px 2px rgba(0,0,0,0.2); | | text-shadow: 1px 1px 2px rgba(0,0,0,0.2); |
| } | | } |
- | h2.ss-subtitle:before{
| + | |
- | width: 4px;
| + | |
- | height: 40px;
| + | |
- | background: rgba(17,17,22,0.8);
| + | |
- | content: '';
| + | |
- | position: absolute;
| + | |
- | right: 75%;
| + | |
- | margin-right: -4px;
| + | |
- | bottom: -4px;
| + | |
- | -moz-border-radius: 2px 2px 0px 0px;
| + | |
- | -webkit-border-radius: 2px 2px 0px 0px;
| + | |
- | border-radius: 2px 2px 0px 0px;
| + | |
- | }
| + | |
- | h2.ss-subtitle:after{
| + | |
- | width: 25%;
| + | |
- | height: 0px;
| + | |
- | border-bottom: 4px dotted rgba(17,17,22,0.8);
| + | |
- | content: '';
| + | |
- | position: absolute;
| + | |
- | right: 50%;
| + | |
- | margin-right: -1px;
| + | |
- | bottom: -4px;
| + | |
- | }
| + | |
| .ss-links{ | | .ss-links{ |
| position: fixed; | | position: fixed; |
Line 699: |
Line 677: |
| padding-right: 2%; | | padding-right: 2%; |
| } | | } |
- | .ss-circle{
| + | |
- | border-radius: 50%;
| + | |
- | overflow: hidden;
| + | |
- | display: block;
| + | |
- | text-indent: -9000px;
| + | |
- | text-align: left;
| + | |
- | -webkit-box-shadow:
| + | |
- | 0px 2px 5px rgba(0,0,0,0.7) inset,
| + | |
- | 0px 0px 0px 12px rgba(61,64,85,0.3);
| + | |
- | -moz-box-shadow:
| + | |
- | 0px 2px 5px rgba(0,0,0,0.7) inset,
| + | |
- | 0px 0px 0px 12px rgba(61,64,85,0.3);
| + | |
- | box-shadow:
| + | |
- | 0px 2px 5px rgba(0,0,0,0.7) inset,
| + | |
- | 0px 0px 0px 12px rgba(61,64,85,0.3);
| + | |
- | background-size: cover;
| + | |
- | background-color: #f0f0f0;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-position: center center;
| + | |
- | position: static;
| + | |
- | }
| + | |
- | .ss-small .ss-circle{
| + | |
- | width: 100px;
| + | |
- | height: 100px;
| + | |
- | }
| + | |
- | .ss-medium .ss-circle{
| + | |
- | width: 200px;
| + | |
- | height: 200px;
| + | |
- | }
| + | |
- | .ss-large .ss-circle{
| + | |
- | width: 300px;
| + | |
- | height: 300px;
| + | |
- | }
| + | |
- | .ss-circle-deco:before{
| + | |
- | width: 29%;
| + | |
- | height: 0px;
| + | |
- | border-bottom: 5px dotted #ddd;
| + | |
- | border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
| + | |
- | -webkit-box-shadow: 0px 1px 1px #fff;
| + | |
- | -moz-box-shadow: 0px 1px 1px #fff;
| + | |
- | box-shadow: 0px 1px 1px #fff;
| + | |
- | position: absolute;
| + | |
- | top: 50%;
| + | |
- | content: '';
| + | |
- | margin-top: -3px;
| + | |
- | }
| + | |
- | .ss-circle-deco:after{
| + | |
- | width: 0px;
| + | |
- | height: 0px;
| + | |
- | border-top: 10px solid transparent;
| + | |
- | border-bottom: 10px solid transparent;
| + | |
- | content: '';
| + | |
- | position: absolute;
| + | |
- | top: 50%;
| + | |
- | margin-top: -10px;
| + | |
- | }
| + | |
- | .ss-left .ss-circle-deco:before{
| + | |
- | right: 2%;
| + | |
- | }
| + | |
- | .ss-right .ss-circle-deco:before{
| + | |
- | left: 2%;
| + | |
- | }
| + | |
- | .ss-left .ss-circle-deco:after{
| + | |
- | right: 0;
| + | |
- | border-right: 10px solid rgba(17,17,22,0.8);
| + | |
- | }
| + | |
- | .ss-right .ss-circle-deco:after{
| + | |
- | left: 0;
| + | |
- | border-left: 10px solid rgba(17,17,22,0.8);
| + | |
- | }
| + | |
- | .ss-left .ss-circle{
| + | |
- | float: right;
| + | |
- | margin-right: 30%;
| + | |
- | }
| + | |
- | .ss-right .ss-circle{
| + | |
- | float: left;
| + | |
- | margin-left: 30%;
| + | |
- | }
| + | |
| .ss-container h3{ | | .ss-container h3{ |
| margin-top: 34px; | | margin-top: 34px; |
Line 809: |
Line 710: |
| color: rgba(255,255,255,1); | | color: rgba(255,255,255,1); |
| } | | } |
- | .ss-circle-1{
| + | |
- | <P>WEEK</P>
| + | |
- | }
| + | |
- | .ss-circle-2{
| + | |
- | background-image: url(../images/2.jpg);
| + | |
- | }
| + | |
- | .ss-circle-3{
| + | |
- | background-image: url(../images/3.jpg);
| + | |
- | }
| + | |
- | .ss-circle-4{
| + | |
- | background-image: url(../images/4.jpg);
| + | |
- | }
| + | |
- | .ss-circle-5{
| + | |
- | background-image: url(../images/5.jpg);
| + | |
- | }
| + | |
- | .ss-circle-6{
| + | |
- | background-image: url(../images/6.jpg);
| + | |
- | }
| + | |
- | .ss-circle-7{
| + | |
- | background-image: url(../images/7.jpg);
| + | |
- | }
| + | |
- | .ss-circle-8{
| + | |
- | background-image: url(../images/8.jpg);
| + | |
- | }
| + | |
- | .ss-circle-9{
| + | |
- | background-image: url(../images/9.jpg);
| + | |
- | }
| + | |
- | .ss-circle-10{
| + | |
- | background-image: url(../images/10.jpg);
| + | |
- | }
| + | |
- | .ss-circle-11{
| + | |
- | background-image: url(../images/11.jpg);
| + | |
- | }
| + | |
- | .ss-circle-12{
| + | |
- | background-image: url(../images/12.jpg);
| + | |
- | }
| + | |
- | .ss-circle-13{
| + | |
- | background-image: url(../images/13.jpg);
| + | |
- | }
| + | |
- | .ss-circle-14{
| + | |
- | background-image: url(../images/14.jpg);
| + | |
- | }
| + | |
- | .ss-circle-15{
| + | |
- | background-image: url(../images/15.jpg);
| + | |
- | }
| + | |
- | .ss-circle-16{
| + | |
- | background-image: url(../images/16.jpg);
| + | |
- | }
| + | |
- | .ss-circle-17{
| + | |
- | background-image: url(../images/17.jpg);
| + | |
- | }
| + | |
- | .ss-circle-18{
| + | |
- | background-image: url(../images/18.jpg);
| + | |
- | }
| + | |
- | .ss-circle-19{
| + | |
- | background-image: url(../images/19.jpg);
| + | |
- | }
| + | |
- | .ss-circle-20{
| + | |
- | background-image: url(../images/20.jpg);
| + | |
- | }
| + | |
- | .ss-circle-21{
| + | |
- | background-image: url(../images/21.jpg);
| + | |
- | }
| + | |
- | .ss-circle-22{
| + | |
- | background-image: url(../images/22.jpg);
| + | |
- | }
| + | |
- | .ss-circle-23{
| + | |
- | background-image: url(../images/23.jpg);
| + | |
- | }
| + | |
- | .ss-circle-24{
| + | |
- | background-image: url(../images/24.jpg);
| + | |
- | }
| + | |
- | .ss-circle-25{
| + | |
- | background-image: url(../images/25.jpg);
| + | |
- | }
| + | |
- | .ss-circle-26{
| + | |
- | background-image: url(../images/26.jpg);
| + | |
- | }
| + | |
- | .ss-circle-27{
| + | |
- | background-image: url(../images/27.jpg);
| + | |
- | }
| + | |
- | .ss-circle-28{
| + | |
- | background-image: url(../images/28.jpg);
| + | |
- | }
| + | |
- | .ss-circle-29{
| + | |
- | background-image: url(../images/29.jpg);
| + | |
- | }
| + | |
- | .ss-circle-30{
| + | |
- | background-image: url(../images/30.jpg);
| + | |
- | }
| + | |
| </style> | | </style> |
| <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' /> | | <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' /> |