API tools faq
paste
Guest User

Untitled

a guest
Mar 9th, 2015
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.17 KB | None | 0 0
raw download clone embed print report
  1. /* GENERAL */
  2. body {
  3.     background:#EFEFEF;
  4. }
  5. .wrapper {
  6.     width:950px;
  7.     margin:0 auto;
  8.     position:relative;
  9.     display:block;
  10. }
  11. a:link, a:visited {
  12.     color:#316594;
  13.     text-decoration:underline;
  14. }
  15. a:hover, a:focus {
  16.     color:#222;
  17.     text-decoration:underline;
  18. }  
  19.  
  20.  
  21. /* HEADER */
  22. .header {
  23.     background: #6B94B4;
  24.     background: -moz-linear-gradient(top, #6B94B4 0%, #316594 100%);
  25.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B94B4), color-stop(100%,#316594));
  26.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B94B4', endColorstr='#316594',GradientType=0 );
  27.     height:80px;
  28.     border-bottom:#2B5780 1px solid;
  29. }
  30.  
  31. /* HEADER: breadcrumbs */
  32. header .breadcrumbs {
  33.     display:none;
  34.     text-shadow: 1px 1px 0px rgba(255,255,255,.5);
  35.     border-top:#FFF 1px solid;
  36.     border-bottom:#ccc 1px solid;
  37.     font-size:11px;
  38.     height:5px;
  39.     line-height:25px;
  40.     overflow:hidden;
  41.     color:#666;
  42.     text-transform:uppercase;
  43.     width:100%;
  44.     background: #eee;
  45.     background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
  46.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
  47.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 );
  48. }
  49. header .breadcrumbs a:link,
  50. header .breadcrumbs a:visited {
  51.     color:#666;
  52.     text-decoration:underline;
  53. }
  54. header .breadcrumbs a:focus,
  55. header .breadcrumbs a:hover {
  56.     color:#316594;
  57.     text-decoration:underline;
  58. }
  59. #index header .breadcrumbs {
  60.     display:none; /* no reason to have breadcrumbs on homepage */
  61. }
  62.  
  63. /* HEADER: logo */
  64. header #logo {
  65.     position:absolute;
  66.     top:26px;
  67.     left:20;
  68.     font-size:24px;
  69.     white-space:nowrap;
  70.     color:#fff;
  71.     font-weight:bold;
  72.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  73.     text-transform:uppercase;
  74.     text-shadow: 1px 1px 0px rgba(0,0,0, .4);
  75. }
  76. header #logo:link,
  77. header #logo:visited,
  78. header #logo:hover,
  79. header #logo:focus {
  80.     text-decoration:none;
  81. }
  82.  
  83. /* HEADER: navigation */
  84. header nav {
  85.     position:absolute;
  86.     top:30px;
  87.     right:0;
  88.     text-shadow: 1px 1px 0px rgba(0,0,0, .3);
  89. }
  90. header nav ul {
  91.     list-style:none;   
  92.     float:right;
  93. }  
  94. header nav li {
  95.     display:block;
  96.     float:left;
  97.     margin:0 0 0 10px;
  98. }
  99. header nav li a {
  100.     display:block;
  101.     font-size:13px;
  102.     padding:5px 15px;
  103.     text-transform:uppercase;
  104.     font-weight:bold;
  105. }
  106. header nav li a:link,
  107. header nav li a:visited {
  108.     color:#eee;
  109.     text-decoration:none;
  110. }  
  111. header nav li a:hover,
  112. header nav li a:focus {
  113.     color:#FFF;
  114.     text-decoration:none;
  115. }
  116. header nav li.current a {
  117.     color:#FFF;
  118.     background:#7096B6;
  119.     background:rgba(255,255,255,.2);
  120.     text-decoration:none;
  121.     border-radius:40px;
  122.     -moz-border-radius:40px;
  123.     -khtml-border-radius:40px;
  124.     -webkit-border-radius:40px;
  125. }
  126.  
  127.  
  128. /* BODY CONTENT */
  129. article {
  130.     float:left;
  131.     width:688px;
  132.     min-height:500px;
  133.     background:#fff;
  134.     border-bottom:1px solid #c8c8c8;
  135.     border-left:1px solid #e4e4e4;
  136.     border-right:1px solid #c8c8c8;
  137.     -moz-box-shadow: 2px 1px 10px rgba(0,0,0, .07);
  138.     -webkit-box-shadow: 2px 1px 10px rgba(0,0,0, .07);
  139.     box-shadow: 2px 1px 10px rgba(0,0,0, .07);
  140. }
  141. article h1 {
  142.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  143.     margin:0 0 20px 0;
  144.     color: #275176;
  145.     font-size:26px;
  146. }
  147. article h2 {
  148.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  149.     margin:0 0 10px 0;
  150.     color: #222222;
  151.     font-size:24px;
  152. }
  153. article h3 {
  154.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  155.     margin:0 0 15px 0;
  156.     color: #275176;
  157.     font-size:22px;
  158. }
  159. article h4 {
  160.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  161.     margin:0 0 0px 0;
  162.     color: #555;
  163.     font-size:20px;
  164.     font-weight:100;
  165. }
  166. article h5 {
  167.     font-family: arial, serif;
  168.     margin:0 0 0px 0;
  169.     color: #333;
  170.     font-size:15px;
  171. }
  172. article h6 {
  173.     font-family: arial, serif;
  174.     margin:0 0 0px 0;
  175.     color: #666;
  176.     font-size:14px;
  177. }
  178. article section {
  179.     padding:40px;
  180.     line-height:24px;
  181.     font-size:14px;
  182.     color:#333;
  183. }
  184. article section p {margin:0 0 25px 0;}
  185. article section ul,
  186. article section ol {
  187.     margin:0 0 25px 30px;
  188. }
  189. article section ul ul,
  190. article section ol ol,
  191. article section ul ol,
  192. article section ol ul {
  193.     margin:0 0 0 25px;
  194. }
  195. article section code {
  196.     border:1px solid #ccc;
  197.     background:#f6f6f6;
  198.     font-size:12px;
  199.     padding:1px;
  200. }
  201. article section pre {
  202.     border:1px solid #ccc;
  203.     background:#f6f6f6;
  204.     padding:15px;
  205.     margin:0 0 25px 0;
  206.     line-height:16px;
  207.     font-size:13px;
  208.     color:#555;
  209.     text-shadow: 1px 1px 0px #fff;
  210.     border-radius:0 4px 4px 0;
  211.     -moz-border-radius:0 4px 4px 0;
  212.     -khtml-border-radius:0 4px 4px 0;
  213.     -webkit-border-radius:0 4px 4px 0;
  214. }
  215. article section pre code {
  216.     border:none;
  217.     background:none;
  218.     padding:none;
  219. }
  220. article section blockquote {
  221.     margin:0 0 25px 20px;
  222.     color:#555;
  223.     line-height:20px;
  224.     font-family:georgia, garamond, serif;
  225.     font-style:italic;
  226.     padding:0 0 0 15px;
  227.     border-left:1px solid #ccc;
  228. }
  229. article section .footer {
  230.     color:#888;
  231.     font-size:11px;
  232.     margin-top:40px;
  233.     border-top:1px dotted #ccc;
  234.     padding-top:15px;
  235. }
  236. article section .footer p {
  237.     margin:0 0 10px 0;
  238. }
  239.  
  240.  
  241. /* SIDEBAR */
  242. aside {
  243.     float:right;
  244.     width:260px;
  245.     margin:40px 0 0 0;
  246. }
  247. aside .section {
  248.     padding:0 0 0 30px;
  249. }
  250. aside .section {
  251.     margin:0 0 40px 0;
  252.     font-size:16px;
  253.     line-height:14px;
  254.     color:#555;
  255.     text-shadow: 1px 1px 0px #fff;
  256. }
  257. aside .section p {
  258.     margin:0 0 15px 0;
  259. }
  260. aside .section ul,
  261. aside .section ol {
  262.     margin:0 0 15px 20px;
  263. }
  264. aside .section h2 {
  265.     background:#333;
  266.     border-top:1px solid rgba(255,255,255,.4);
  267.     text-shadow: 1px 1px 0px rgba(0,0,0,.5);
  268.     text-transform:uppercase;
  269.     background: -moz-linear-gradient(top, #444 0%, #222 100%);
  270.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
  271.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
  272.     font-family: 'Segoe UI', arial, helvetica, sans-serif;
  273.     font-weight:bold;
  274.     color:#fff;
  275.     font-size:19px;
  276.     line-height:19px;
  277.     margin:0 0 20px -31px;
  278.     padding:5px 0 7px 25px;
  279.     border-radius:0 4px 4px 0;
  280.     -moz-border-radius:0 4px 4px 0;
  281.     -khtml-border-radius:0 4px 4px 0;
  282.     -webkit-border-radius:0 4px 4px 0;
  283. }
  284.  
  285. /* SIDEBAR: socialmedia */
  286. aside #socialmedia {
  287.     display:none;
  288.     position:relative;
  289. }
  290. aside #socialmedia h2 {
  291.     display:none;
  292.     width:65px;
  293.     background: #316594;
  294.     background: -moz-linear-gradient(top, #316594 0%, #2C5983 100%);
  295.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316594), color-stop(100%,#2C5983));
  296.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316594', endColorstr='#2C5983',GradientType=0 );
  297. }
  298. aside #socialmedia .icons {
  299.     display:none;
  300.     position:absolute;
  301.     top:3px;
  302.     left:100px;
  303. }
  304. aside #socialmedia .icons a{
  305.     margin:0 2px;
  306.     display:none;
  307. }
  308.  
  309. /* FOOTER */
  310. footer {
  311.     padding:20px 0;
  312.     text-shadow: 1px 1px 0px rgba(255,255,255,.8);
  313.     color:#888;
  314.     font-size:11px;
  315. }
  316. footer .left {
  317.     float:left;
  318.     width:40%;
  319.     text-align:left;
  320. }
  321. footer .right {
  322.     float:right;
  323.     width:60%;
  324.     text-align:right;
  325. }
  326. footer a:link, footer a:visited {
  327.     color:#888;
  328.     text-decoration:underline;
  329. }
  330. footer a:hover, footer a:focus {
  331.     color:#555;
  332.     text-decoration:underline;
  333. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!