Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* reset CSS*/
- html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form,
- article, aside, footer, header, nav, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- vertical-align: baseline;
- }
- article, aside, footer, header, nav, section {
- display: block;
- }
- body {
- line-height: 1.2;
- }
- ol {
- padding-left: 1.4em;
- list-style: decimal;
- }
- ul {
- padding-left: 1.4em;
- list-style: square;
- }
- /* koniec resetu CSS */
- .clear:after {
- content: " ";
- display: table;
- clear: both;
- }
- .clear {
- zoom: 1;
- }
- body {
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- }
- header {
- background-color: rgb(93, 43, 78);
- background-image: -webkit-linear-gradient(right, rgb(93, 43, 78), rgb(93, 43, 78), rgb(8, 2, 50));
- padding-bottom: 30px;
- }
- header h1 {
- font-size: 3em;
- color: white;
- font-weight: bold;
- padding-top: 30px;
- clear: both;
- padding-left: 10px;
- }
- nav {
- background-color: rgb(25, 25, 25);
- border: 1px solid rgba(255, 255, 255, .5);
- border-left: none;
- border-right: none;
- }
- nav ul {
- padding: 0;
- margin: 0;
- }
- nav li {
- float: left;
- padding: 0;
- margin: 0;
- list-style: none;
- }
- nav a {
- float: left;
- font-size: .8em;
- color: white;
- font-weight: normal;
- text-decoration: none;
- padding: 10px;
- border-right: 1px dashed rgba(255, 255, 255, .75);
- }
- nav li:last-of-type a {
- border-right: none;
- }
- nav a:hover {
- background-color: rgb(93, 43, 78);
- }
- aside h2 {
- font-size: 1.3em;
- margin-top: 10px;
- }
- aside h3 {
- font-size: 1.1em;
- margin-top: 15px;
- }
- aside p, aside li {
- font-size: .75em;
- margin-top: 10px;
- }
- .main h2 {
- font-size: 2em;
- margin-top: 10px;
- }
- .main h3 {
- font-size: 1.5em;
- margin-top: 20px;
- }
- .main p {
- margin-bottom: 15px;
- }
- footer {
- margin-top: 15px;
- font-size: .8em;
- padding: 10px 10px 30px 10px;
- background-color: black;
- color: rgb(204, 204, 204);
- }
- footer a {
- color: white;
- }
- * {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .sidebar1 {
- float: left;
- width: 20%;
- padding: 0 20px 0 10px;
- }
- .main {
- float:left;
- width: 60%;
- padding: 0 20px;
- border-left: dashed 1px rgb(153, 153, 153);
- border-right: dashed 1px rgb(153, 153, 153);
- }
- .sidebar2 {
- float: right;
- width: 20%;
- padding: 0 10px 0 20px;
- }
- footer {
- clear: both;
- }
- nav ul, header h1, footer p, .content {
- max-width: 1200px;
- margin: 0 auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement