switching/grey.css

207 lines
2.3 KiB
CSS
Raw Normal View History

2019-07-28 07:29:31 +00:00
/*!** reset ***/
* {
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
position: relative;
}
*:before,
*:after {
box-sizing inherit;
}
*:focus {
outline none;
}
html, body {
margin: 0;
padding: 0;
font-family: sans-serif;
}
html {
box-sizing border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
display block;
a {
background-color transparent;
}
a:active,
a:hover {
outline none;
}
b,
strong {
font-weight bold;
}
img {
border 0;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
line-height: 0;
}
.clearfix:after {
clear: both;
}
.header {
width: 100%;
min-height: 50px;
padding: 5px 20px;
background-color: rgba(10, 10, 10, .2);
line-height: 40px;
font-size: 28px;
font-weight: 800;
color: #fff;
}
.footer {
width: 100%;
min-height: 30px;
padding: 10px 20px;
background-color: rgba(10, 10, 10, .1);
font-size: 14px;
color: #777;
text-align: left;
}
.wrap {
width: 1024px;
min-height: 100vh;
margin: 0 auto;
background-color: rgba(200,200,200,.2);
}
.top-nav {
width: 100%;
padding: 10px 5px;
background-color: rgba(200,200,200,.2);
}
.top-nav__item {
display: block;
float: left;
padding: 10px 15px 12px;
border-radius: 2px;
transition: .2s ease;
font-size: 18px;
color: #333;
}
.top-nav__item:hover {
background-color: #3ce;
color: #fff;
}
2019-07-28 07:36:18 +00:00
.mainContainer {
2019-07-28 07:29:31 +00:00
padding: 20px;
font-size: 14px;
color: #333;
text-align: left;
}
2019-07-28 07:36:18 +00:00
.mainContainer h1 {
2019-07-28 08:05:24 +00:00
margin: 10px 0 5px 0;
2019-07-28 07:29:31 +00:00
font-size: 24px;
font-weight: 600;
color: #000;
}
2019-07-28 07:36:18 +00:00
.mainContainer h2 {
2019-07-28 08:05:24 +00:00
margin: 10px 0 5px 0;
2019-07-28 07:29:31 +00:00
font-size: 22px;
font-weight: 600;
color: #000;
}
2019-07-28 07:36:18 +00:00
.mainContainer h3 {
2019-07-28 08:05:24 +00:00
margin: 10px 0 5px 0;
2019-07-28 07:29:31 +00:00
font-size: 18px;
font-weight: 600;
color: #000;
}
2019-07-28 07:36:18 +00:00
.mainContainer h4 {
2019-07-28 07:57:16 +00:00
margin: 10px 0 5px 0;
2019-07-28 07:29:31 +00:00
font-size: 14px;
font-weight: 600;
color: #000;
}
2019-07-28 07:36:18 +00:00
.mainContainer p {
2019-07-28 07:57:16 +00:00
margin: 5px 5px 0 10px;
2019-07-28 07:29:31 +00:00
}
2019-07-28 07:36:18 +00:00
.mainContainer strong {
2019-07-28 07:29:31 +00:00
font-weight: 600;
}
2019-07-28 07:36:18 +00:00
.mainContainer ul,
.mainContainer ol {
2019-07-28 07:57:16 +00:00
margin: 5px 5px 10px 10px;
2019-07-28 07:29:31 +00:00
2019-07-28 07:57:16 +00:00
list-style-position: outside;
2019-07-28 07:29:31 +00:00
}
2019-07-28 07:36:18 +00:00
.mainContainer ul li {
2019-07-28 07:57:16 +00:00
margin: 5px 5px 0 15px;
2019-07-28 07:29:31 +00:00
}
2019-07-28 07:36:18 +00:00
.mainContainer img {
2019-07-28 07:29:31 +00:00
margin: 10px;
}
/*!** end-reset ***/