|
|
Line 191: |
Line 191: |
| width: 100%; | | width: 100%; |
| } | | } |
| + | .bubble { |
| + | width: 100%; |
| + | height: 100%; |
| + | border-radius: 50%; |
| + | position: relative; |
| + | cursor: default; |
| + | box-shadow: |
| + | inset 0 0 0 0 rgba(200,95,66, 0.4), |
| + | inset 0 0 0 16px rgba(255,255,255,0.6), |
| + | 0 1px 2px rgba(0,0,0,0.1); |
| + | transition: all 0.4s ease-in-out; |
| + | } |
| + | |
| + | .face-1 { |
| + | background-image: url(../images/4.jpg); |
| + | } |
| + | |
| + | .face-2 { |
| + | background-image: url(../images/5.jpg); |
| + | } |
| + | |
| + | .face-3 { |
| + | background-image: url(../images/6.jpg); |
| + | } |
| + | |
| + | .ch-item:hover { |
| + | box-shadow: |
| + | inset 0 0 0 110px rgba(200,95,66, 0.4), |
| + | outset 0 0 0 16px rgba(255,255,255,0.8), |
| + | 0 1px 2px rgba(0,0,0,0.1); |
| + | } |
| + | |
| | | |
| .faces:after, | | .faces:after, |
Line 207: |
Line 239: |
| display: inline-block; | | display: inline-block; |
| margin: 20px; | | margin: 20px; |
| + | } |
| + | |
| + | .subName h3 { |
| + | color: #fff; |
| + | text-transform: uppercase; |
| + | position: relative; |
| + | letter-spacing: 2px; |
| + | font-size: 22px; |
| + | margin: 0 30px; |
| + | padding: 65px 0 0 0; |
| + | height: 110px; |
| + | } |
| + | |
| + | .subName p { |
| + | color: #fff; |
| + | padding: 10px 5px; |
| + | font-style: italic; |
| + | margin: 0 30px; |
| + | font-size: 12px; |
| + | border-top: 1px solid rgba(255,255,255,0.5); |
| } | | } |
| | | |