Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
134 lines (125 sloc) 2.56 KB
@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
html {
background-color : black;
}
body {
color: white;
font-size: 25px;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "MS Pゴシック" , "MS PGothic" , sans-serif;
a {
color: white;
text-decoration: none;
}
&.index:before {
content : "";
background-image : url('../img/icon.png');
background-size : cover;
display : block;
position : fixed;
z-index : -1;
top : -20%;
left : -20px;
height : 120%;
width : 120%;
-webkit-filter : blur(5px);
-moz-filter : blur(5px);
filter : blur(5px);
opacity : 0.8;
}
&.kosen10s5:before {
content : "";
background-image : url('../img/icon2.png');
background-size : cover;
display : block;
position : fixed;
z-index : -1;
top : -40%;
left : -20px;
height : 160%;
width : 120%;
-webkit-filter : blur(5px);
-moz-filter : blur(5px);
filter : blur(5px);
opacity : 0.8;
}
}
.page {
position: fixed;
height: 100%;
width: 100%;
box-sizing: border-box;
top: 0;
left: 0;
opacity: 0;
z-index: 0;
padding: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.3s ease-out 0s;
&:first-child {
z-index: 1;
}
&.debug {
opacity: 1;
}
}
a:focus .page {
opacity: 1;
z-index: 10;
}
.zero {
opacity: 0;
height: 0;
width: 0;
font-size: 0;
}
.kosen10s5 .wrapper {
background-color: rgba(0, 212, 188, 0.7);
color: #000;
h1 {
color: #fff !important;
}
}
.wrapper {
background: rgba(0,0,0,0.7);
height: 450px;
width: 800px;
box-sizing: border-box;
padding: 40px;
&.front {
padding-top: 170px;
font-size: 30px;
}
&.section-title {
font-size: 30px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
&.link {
border: 1px solid white;
}
ul {
margin: 0 0 20px 30px;
}
li {
margin-bottom: 15px;
}
p, pre {
margin-bottom: 20px;
}
pre code {
font-family: "Source Code Pro for Powerline";
}
overflow: scroll;
}
.content {
margin-top: 20px;
height: 100%;
}