Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: "Roboto";
- font-style: normal;
- font-weight: 300;
- src: url('../font/Roboto-Light.ttf');
- }
- @font-face {
- font-family: "Roboto";
- font-style: normal;
- font-weight: 400;
- src: url('../font/Roboto-Regular.ttf');
- }
- @font-face {
- font-family: "Roboto";
- font-style: normal;
- font-weight: 500;
- src: url('../font/Roboto-Medium.ttf');
- }
- *, *::before, *::after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- html, body {
- margin: 0;
- padding: 0;
- }
- body {
- background: #eff3f6;
- overflow-y: scroll;
- color: #888;
- line-height: 1.5;
- font-size: 15px;
- font-family: "Roboto", Arial, Tahoma, sans-serif;
- }
- img {
- overflow: hidden;
- max-width: 100%;
- }
- strong {
- font-weight: 500;
- color: #555;
- }
- h1 {
- font-size: 26px;
- font-weight: 400;
- color: #444;
- margin: -10px 0px 8px;
- padding-bottom: 14px;
- }
- h2 {
- font-size: 24px;
- font-weight: 400;
- color: #555;
- margin: -10px 0px 8px;
- padding-bottom: 14px;
- }
- h3 {
- font-weight: 300;
- font-size: 22px;
- color: #555;
- margin: -10px 0px 5px;
- padding-bottom: 7px;
- }
- a:link,
- a:visited {
- text-decoration: none;
- color: #25aae3;
- transition: all .2s ease 0s;
- -webkit-transition: all .2s ease 0s;
- -moz-transition: all .2s ease 0s;
- }
- .wrapper {
- margin: auto auto;
- max-width: 1170px;
- }
- .white-box {
- background: #fff;
- border: 1px solid #e3e3e3;
- padding: 25px 22px;
- margin-bottom: 15px;
- }
- .recommend-button,
- .support-button {
- display: inline-block;
- float: left;
- margin: 1px 0 0 13px;
- }
- .recommend-button a,
- .support-button a {
- background: #03a9f4;
- color: #fff;
- text-align: center;
- font-weight: 500;
- border-radius: 2px;
- padding: 8px 20px 7px 18px;
- }
- .recommend-button a:hover,
- .support-button a:hover {
- background: #2196f3;
- }
- .left { float: left; }
- .right { float: right; }
- #navigation {
- position: fixed;
- width: 100%;
- height: 64px;
- line-height: 64px;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
- z-index: 500;
- top: 0;
- padding: 0 15px;
- overflow: hidden;
- background: rgba(255, 255, 255, 1);
- }
- #navigation ul {
- overflow: hidden;
- float: right;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- #navigation li {
- float: left;
- }
- #navigation li a {
- padding: 0 55px 0px 0px;
- display: block;
- color: #aaa;
- font-family: "Roboto", Arial, Helvetica, sans-serif;
- font-size: 15px;
- text-align: center;
- text-decoration: none;
- }
- #navigation li:first-child {
- padding-left: 0;
- }
- #navigation li:last-child {
- margin-right: -1em;
- }
- #navigation ul li a:hover {
- color: rgb(37, 97, 157);
- }
- #navigation .navlogo {
- float: left;
- }
- #navigation .navlogo a {
- color: #333;
- font-size: 24px;
- font-family: "Roboto", Arial, Helvetica, sans-serif;
- }
- #navigation .navlogo a:hover {
- color: #2980B9;
- }
- .navhead {
- margin-top: 63px;
- font-weight: 300;
- color: #fff;
- padding: 70px 35px 75px 35px;
- background: #546e7a;
- }
- .title {
- font-size: 2.5em;
- margin-bottom: 10px;
- }
- .main {
- color: #ddd;
- font-weight: 300;
- }
- #content {
- margin: 4em 0em;
- overflow: hidden;
- }
- .sidebar {
- font-family: inherit;
- float: left;
- min-height: 350px;
- max-width: 250px;
- }
- .sidebar ul {
- overflow: hidden;
- margin-top: 5px !important;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .sidebar ul li a {
- color: #777;
- padding: 5px 0;
- display: block;
- }
- .sidebar ul li a:active,
- .sidebar ul li a:focus {
- color: #222;
- }
- .sidebar ul li a:hover {
- padding-left: 2px;
- color: #333;
- }
- .main-content {
- padding-top: 10px;
- float: right;
- max-width: 935px;
- }
- #footer {
- margin: 2em 0 2em;
- padding: 1em 0em 1em;
- width: 100%;
- text-transform: uppercase;
- color: #999;
- text-align: center;
- font-size: 15px;
- font-family: inherit;
- }
- @media screen and (max-width: 1100px) {
- #content {
- padding: 0 1em;
- }
- .main-content {
- max-width: 100%;
- }
- .sidebar {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement