Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Lato: 300italic,700italic,300,700);
- body {
- padding: 50px;
- font: 14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #777;
- font-weight: 300;
- }
- h1, h2, h3, h4, h5, h6 {
- color: #222;
- margin: 0 0 20px;
- }
- p, ul, ol, table, pre, dl {
- margin: 0 0 20px;
- }
- h1, h2, h3 {
- line-height: 1.1;
- }
- h1 {
- font-size: 28px;
- }
- h2 {
- color: #393939;
- }
- h3, h4, h5, h6 {
- color: #494949;
- }
- a {
- color: #39c;
- font-weight: 400;
- text-decoration: none;
- }
- a small {
- font-size: 11px;
- color: #777;
- margin-top: -0.6em;
- display: block;
- }
- .wrapper {
- width: 860px;
- margin: 0 auto;
- }
- blockquote {
- border-left: 1px solid #e5e5e5;
- margin: 0;
- padding: 0 0 0 20px;
- font-style: italic;
- }
- code, pre {
- font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
- color: #333;
- font-size: 12px;
- }
- pre {
- padding: 8px 15px;
- background: #f8f8f8;
- border-radius: 5px;
- border: 1px solid #e5e5e5;
- overflow-x: auto;
- }
- code {
- padding: 1px;
- }
- table {
- width: 100%;
- border-collapse: collapse;
- }
- th, td {
- text-align: left;
- padding: 5px 10px;
- border-bottom: 1px solid #e5e5e5;
- }
- dt {
- color: #444;
- font-weight: 700;
- }
- th {
- color: #444;
- }
- img {
- max-width: 100%;
- }
- header {
- width: 270px;
- float: left;
- position: fixed;
- }
- header ul {
- list-style: none;
- height: 40px;
- padding: 0;
- background: #eee;
- background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
- background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
- background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
- background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
- background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
- border-radius: 5px;
- border: 1px solid #d2d2d2;
- box-shadow: inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
- width: 270px;
- }
- header li {
- width: 89px;
- float: left;
- border-right: 1px solid #d2d2d2;
- height: 40px;
- }
- header ul a {
- line-height: 1;
- font-size: 11px;
- color: #999;
- display: block;
- text-align: center;
- padding-top: 6px;
- height: 40px;
- }
- strong {
- color: #222;
- font-weight: 700;
- }
- header ul li + li {
- width: 88px;
- border-left: 1px solid #fff;
- }
- header ul li + li + li {
- border-right: none;
- width: 89px;
- }
- header ul a strong {
- font-size: 14px;
- display: block;
- color: #222;
- }
- section {
- width: 500px;
- float: right;
- padding-bottom: 50px;
- }
- small {
- font-size: 11px;
- }
- hr {
- border: 0;
- background: #e5e5e5;
- height: 1px;
- margin: 0 0 20px;
- }
- footer {
- width: 270px;
- float: left;
- position: fixed;
- bottom: 50px;
- }
- @media print, screen and (max-width: 960px) {
- div.wrapper {
- width: auto;
- margin: 0;
- }
- header, section, footer {
- float: none;
- position: static;
- width: auto;
- }
- header {
- padding-right: 320px;
- }
- section {
- border: 1px solid #e5e5e5;
- border-width: 1px 0;
- padding: 20px 0;
- margin: 0 0 20px;
- }
- header a small {
- display: inline;
- }
- header ul {
- position: absolute;
- right: 50px;
- top: 52px;
- }
- }
- @media print, screen and (max-width: 720px) {
- body {
- word-wrap: break-word;
- }
- header {
- padding: 0;
- }
- header ul, header p.view {
- position: static;
- }
- pre, code {
- word-wrap: normal;
- }
- }
- @media print, screen and (max-width: 480px) {
- body {
- padding: 15px;
- }
- header ul {
- display: none;
- }
- }
- @media print {
- body {
- padding: 0.4in;
- font-size: 12pt;
- color: #444;
- }
- }
- /* Site specific stuff */
- header, footer {
- p {
- margin: 0 0 5px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement