web-legacy/style.css

145 lines
2.6 KiB
CSS
Raw Normal View History

2018-02-02 01:11:27 +08:00
@font-face {
font-family: 'Inconsolata';
font-style: normal;
font-weight: 400;
src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(inconsolata.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(notosans.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
body {
padding-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: #fff;
color: #000;
2015-01-16 19:23:15 +08:00
}
2014-01-31 06:38:48 +08:00
p {
2018-02-02 01:11:27 +08:00
margin-top: 0px;
margin-bottom: 3px;
2013-01-07 06:02:33 +08:00
}
2014-01-31 06:38:48 +08:00
ul {
2018-02-02 01:11:27 +08:00
list-style: none;
padding: 0 0 0 2em;
margin-top: 0;
margin-bottom: 0;
2014-01-31 06:38:48 +08:00
}
ul li:before {
2018-02-02 01:11:27 +08:00
content: '\25BA';
margin: 0 0.5em 0 -0.5em;
2014-01-31 06:38:48 +08:00
}
ul li {
2018-02-02 01:11:27 +08:00
text-indent: -1em;
line-height: 1.5em;
padding-bottom: 0.3em;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
.main {
font-family: "Noto Sans";
margin-left: 260px;
margin-right: 7px;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
.fullpic {
font-family: "Noto Sans";
margin-left: 250px;
margin-right: 0;
background-size: cover;
color: #fff;
padding: 50px 100px 100px 100px;
text-align: justify;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
.fullpic a {
text-decoration: underline;
color: #fff;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
.sidenav {
font-family: "Inconsolata", sans-serif;
height: 100%;
width: 250px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
font-size: 24px;
2014-01-31 06:38:48 +08:00
}
2018-02-02 01:11:27 +08:00
.sidenav img {
padding: 8px 8px 28px 25px;
2014-01-31 06:38:48 +08:00
}
2018-02-02 01:11:27 +08:00
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
2014-01-31 06:38:48 +08:00
}
2018-02-02 01:11:27 +08:00
.sidenav a.sub {
font-size: 20px;
margin-left: 40px;
padding: 0px 8px 8px 32px;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
.sidenav a:hover {
color: #f1f1f1;
2014-01-31 06:38:48 +08:00
}
2013-01-07 06:02:33 +08:00
2018-02-02 01:11:27 +08:00
.sidenav a.highlight {
color: #f00;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
h1 {
font-family: "Inconsolata", sans-serif;
text-align: center;
font-weight: normal;
margin-bottom: 40px;
font-size: 35px;
2013-01-07 06:02:33 +08:00
}
2018-02-02 01:11:27 +08:00
h2 {
font-family: "Inconsolata", sans-serif;
font-size: 24px;
font-weight: normal;
border-bottom: 1px dotted;
margin-bottom: 2px;
2014-01-31 06:38:48 +08:00
}
2018-02-02 01:11:27 +08:00
h3 {
font-family: "Inconsolata", sans-serif;
font-weight: normal;
margin-top: 5px;
margin-bottom: 2px;
font-size: 20px;
2014-01-31 06:38:48 +08:00
}
2018-02-02 01:11:27 +08:00
h4 {
font-family: "Inconsolata", sans-serif;
text-align: center;
font-weight: normal;
margin-bottom: 20px;
font-size: 30px;
2013-01-07 06:02:33 +08:00
}