You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
2.0 KiB
147 lines
2.0 KiB
body { |
|
margin: 0px; |
|
padding: 0px; |
|
background-color: #000; |
|
height: 100%; |
|
width: 100%; |
|
position:absolute; |
|
} |
|
|
|
body::-webkit-scrollbar { |
|
width: 10px; |
|
} |
|
|
|
body::-webkit-scrollbar-track { |
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
|
border: none; |
|
} |
|
|
|
body::-webkit-scrollbar-thumb { |
|
background-color: #cccccc; |
|
outline: 1px solid #cccccc; |
|
} |
|
|
|
@font-face { |
|
font-family: Code; |
|
src: url('fonts/codelight.otf'); |
|
} |
|
|
|
/*header*/ |
|
|
|
|
|
header { |
|
height: 40px; |
|
width: 100%; |
|
/*border-bottom: 1px solid #e8e8e8;*/ |
|
} |
|
|
|
#viewmode-switch { |
|
position:relative; |
|
margin:auto; |
|
width:100px; |
|
} |
|
|
|
#vmsb{ |
|
outline-color: transparent; |
|
position:relative; |
|
margin-top:2.5px; |
|
width: 100px; |
|
color: white; |
|
font-family: Code; |
|
font-size: 22px; |
|
height: 34px; |
|
border-radius: 30px; |
|
position: absolute; |
|
} |
|
|
|
.vms { |
|
background-color: #d9d9d9; |
|
border: 1px solid transparent; |
|
transition: background-color 1s; |
|
position: absolute; |
|
} |
|
|
|
.vmshl { |
|
background-color: #4a5d68; |
|
transition: background-color 1s; |
|
border: 1px solid transparent; |
|
position: absolute; |
|
} |
|
|
|
/*content*/ |
|
|
|
content { |
|
|
|
} |
|
|
|
#container { |
|
margin:auto; |
|
max-width:948px; |
|
margin-top:200px; |
|
margin-bottom:40px; |
|
transition: height 1s; |
|
} |
|
|
|
.cdiv_1 { |
|
height:200px; |
|
width:200px; |
|
border-radius:100%; |
|
box-shadow: 0 0 10px black; |
|
border: 7px solid #e8e8e8; |
|
display: inline-block; |
|
margin-right:20px; |
|
margin-bottom:40px; |
|
opacity:0.5; |
|
background-color: #fff; |
|
} |
|
|
|
.cdiv_2{ |
|
height: 100px; |
|
width: 100px; |
|
border-radius:100%; |
|
box-shadow: 0 0 7px black; |
|
border: 3px solid #e8e8e8; |
|
display: inline-block; |
|
margin-right: 10px; |
|
margin-bottom:20px; |
|
opacity:0.5; |
|
background-color: #e2e2e2; |
|
} |
|
|
|
.cdiv_1 img { |
|
height:200px; |
|
width:200px; |
|
border-radius:100%; |
|
opacity:0,6; |
|
} |
|
|
|
.cdiv_2 img { |
|
height:100px; |
|
width:100px; |
|
border-radius:100%; |
|
opacity:0,6; |
|
} |
|
|
|
.cdiv_1:nth-child(4) { |
|
margin-right:0px; |
|
} |
|
|
|
.cdiv_1:nth-child(8) { |
|
margin-right:0px; |
|
} |
|
|
|
.cdiv_1:nth-child(12) { |
|
margin-right:0px; |
|
} |
|
|
|
.cdiv_2:nth-child(8) { |
|
margin-right:0px; |
|
} |
|
|
|
.cdiv_2:nth-child(16) { |
|
margin-right:0px; |
|
} |
|
|
|
.cdiv_2:nth-child(24) { |
|
margin-right:0px; |
|
} |