Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 4th, 2012  |  syntax: None  |  size: 14.29 KB  |  hits: 8  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  3.  * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  4.  * html5doctor.com/html-5-reset-stylesheet/
  5.  */
  6.  
  7. html, body, div, span, object, iframe,
  8. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  9. abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  10. small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
  11. fieldset, form, label, legend,
  12. table, caption, tbody, tfoot, thead, tr, th, td,
  13. article, aside, canvas, details, figcaption, figure,
  14. footer, header, hgroup, menu, nav, section, summary,
  15. time, mark, audio, video {
  16.   margin: 0;
  17.   padding: 0;
  18.   border: 0;
  19.   font-size: 100%;
  20.   font: inherit;
  21.   vertical-align: baseline;
  22. }
  23.  
  24. article, aside, details, figcaption, figure,
  25. footer, header, hgroup, menu, nav, section {
  26.   display: block;
  27. }
  28.  
  29. blockquote, q { quotes: none; }
  30.  
  31. blockquote:before, blockquote:after,
  32. q:before, q:after { content: ""; content: none; }
  33.  
  34. ins { background-color: #ff9; color: #000; text-decoration: none; }
  35.  
  36. mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
  37.  
  38. del { text-decoration: line-through; }
  39.  
  40. abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
  41.  
  42. table { border-collapse: collapse; border-spacing: 0; }
  43.  
  44. hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
  45.  
  46. input, select { vertical-align: middle; }
  47.  
  48.  
  49. /**
  50.  * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
  51.  */
  52.  
  53. body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
  54. select, input, textarea, button { font:99% sans-serif; }
  55.  
  56. /* Normalize monospace sizing:
  57.    en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
  58. pre, code, kbd, samp { font-family: monospace, sans-serif; }
  59.  
  60.  
  61. /**
  62.  * Minimal base styles.
  63.  */
  64.  
  65. /* Always force a scrollbar in non-IE */
  66. html { overflow-y: scroll; }
  67.  
  68. /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
  69. a:hover, a:active { outline: none; }
  70.  
  71. ul, ol { margin-left: 2em; }
  72. ol { list-style-type: decimal; }
  73.  
  74. /* Remove margins for navigation lists */
  75. nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
  76.  
  77. small { font-size: 85%; }
  78. strong, th { font-weight: bold; }
  79.  
  80. td { vertical-align: top; }
  81.  
  82. /* Set sub, sup without affecting line-height: gist.github.com/413930 */
  83. sub, sup { font-size: 75%; line-height: 0; position: relative; }
  84. sup { top: -0.5em; }
  85. sub { bottom: -0.25em; }
  86.  
  87. pre {
  88.   /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  89.   white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  90.   padding: 15px;
  91. }
  92.  
  93. textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
  94.  
  95. .ie6 legend, .ie7 legend { margin-left: -7px; }
  96.  
  97. /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
  98. input[type="radio"] { vertical-align: text-bottom; }
  99. input[type="checkbox"] { vertical-align: bottom; }
  100. .ie7 input[type="checkbox"] { vertical-align: baseline; }
  101. .ie6 input { vertical-align: text-bottom; }
  102.  
  103. /* Hand cursor on clickable input elements */
  104. label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
  105.  
  106. /* Webkit browsers add a 2px margin outside the chrome of form elements */
  107. button, input, select, textarea { margin: 0; }
  108.  
  109. /* Colors for form validity */
  110. input:valid, textarea:valid   {  }
  111. input:invalid, textarea:invalid {
  112.    border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
  113. }
  114. .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
  115.  
  116.  
  117. /* These selection declarations have to be separate
  118.    No text-shadow: twitter.com/miketaylr/status/12228805301
  119.    Also: hot pink! */
  120. ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
  121. ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
  122.  
  123. /* j.mp/webkit-tap-highlight-color */
  124. a:link { -webkit-tap-highlight-color: #FF5E99; }
  125.  
  126. /* Make buttons play nice in IE:
  127.    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
  128. button {  width: auto; overflow: visible; }
  129.  
  130. /* Bicubic resizing for non-native sized IMG:
  131.    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
  132. .ie7 img { -ms-interpolation-mode: bicubic; }
  133.  
  134. /**
  135.  * You might tweak these..
  136.  */
  137.  
  138. body, select, input, textarea {
  139.   color: #444;
  140.   font-family: sans-serif;
  141. }
  142.  
  143. .block { display:block; }
  144.  
  145. /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
  146. h1, h2, h3, h4, h5, h6 { font-weight: bold; }
  147.  
  148. p { margin-bottom:1em; }
  149.  
  150. /**
  151.  * Primary styles
  152.  *
  153.  * Author: Adam Wiggall
  154.  */
  155.  
  156. body {
  157.         background:#e7f5fd;
  158. }
  159.  
  160. .outer_wrapper {
  161.         position:relative;
  162.         margin:30px auto 0 auto;
  163.         width:992px;
  164.         background:#e7f5fd url('/assets/images/css/pbed_bg_02.png') repeat-y 0 0;
  165. }
  166.  
  167. .layer {
  168.         margin: 0 auto;
  169.         padding: 10px;
  170.         clear: both;
  171.         overflow: hidden;
  172.         width: 960px;
  173.         background: transparent;
  174. }
  175.  
  176. .container { padding: 10px;float: left; }
  177.  
  178. .flatten { padding-top: 0;padding-bottom: 0; }
  179. .flat_b { padding-bottom:0; }
  180. .flat_t { padding-top:0; }
  181. .collapse { margin-top: 0;margin-bottom: 0; }
  182.  
  183. .pad { padding:10px; }
  184. .wrapper { padding: 0; }
  185. .dp { width: 940px; padding:10px 20px; }
  186. .content { margin-right: 20px;float: left; }
  187.  
  188. .span_1 { width: 60px; }
  189. .span_2 { width: 140px; }
  190. .span_3 { width: 220px; }
  191. .span_4 { width: 300px; }
  192. .span_5 { width: 380px; }
  193. .span_6 { width: 460px; }
  194. .span_7 { width: 540px; }
  195. .span_8 { width: 620px; }
  196. .span_9 { width: 700px; }
  197. .span_10 { width: 780px; }
  198. .span_11 { width: 860px; }
  199. .span_12 { width: 940px; }
  200.  
  201. .cspan_1 { width: 40px; }
  202. .cspan_2 { width: 120px; }
  203. .cspan_3 { width: 200px; }
  204. .cspan_4 { width: 280px; }
  205. .cspan_5 { width: 360px; }
  206. .cspan_6 { width: 440px; }
  207. .cspan_7 { width: 520px; }
  208. .cspan_8 { width: 600px; }
  209. .cspan_9 { width: 680px; }
  210. .cspan_10 { width: 760px; }
  211. .cspan_11 { width: 840px; }
  212. .cspan_12 { width: 920px; }
  213.  
  214. .clear { clear: both; }
  215.  
  216. .sprite { background-image: url('/assets/images/css/pbed_sprite.png'); background-repeat: no-repeat; }
  217.  
  218. header {
  219.         overflow: hidden;
  220. }
  221.  
  222. .banner {
  223.         background: transparent url('/assets/images/css/pbed_ban_bg.png') no-repeat 0 0;
  224.         width: 980px;
  225.         padding: 10px 6px 0 6px;
  226.         height:83px;
  227. }
  228.  
  229. .banner_inner {
  230.         color:#fff;
  231.         padding: 8px 0 0 10px;
  232.         height:37px;
  233. }
  234.  
  235. .banner_inner h1 a {
  236.         width:190px;
  237.         height:30px;
  238.         background: transparent url('/assets/images/css/pb_white.gif') no-repeat 0 0;
  239.         text-indent:-999999px;
  240.         float:left;
  241.         margin-left:10px;
  242. }
  243. .banner_inner h1 span {
  244.         font-size: 18px;
  245.         color:#fff797;
  246.         font-weight:normal;
  247.         border-left:1px solid #fff797;
  248.         float:left;
  249.         padding:7px 0 3px 20px;
  250.         margin-left:20px;
  251.         display:block;
  252. }
  253.  
  254. #hero div { height:280px; background-position: 10px 10px; }
  255.  
  256. footer {
  257.         position: relative;
  258.         background: #e7f5fd;
  259.         overflow: hidden;
  260. }
  261.  
  262. footer.layer {
  263.         background: #e7f5fd url('/assets/images/css/pbed_bg_03.png') no-repeat 0 0;
  264.         width:972px;
  265.         margin:0 auto;
  266.         padding:4px 10px 0 10px;
  267. }
  268.  
  269. /*-----------------------
  270.         Nav Block
  271. -----------------------*/
  272. nav {
  273.         padding:9px 0;
  274.         float:left;
  275.         width:980px;
  276. }
  277. nav ul {
  278.         float: left;
  279.         width: 100%;
  280. }
  281.  
  282. nav li {
  283.         float: left;
  284. }
  285.  
  286. nav a {
  287.         display: block;
  288.         padding: 6px 10px 7px;
  289.         background: none;
  290.         color: #007dc3;
  291.         text-decoration: none;
  292. }
  293.  
  294. nav.main li {
  295.         width:20%;
  296.         text-align:center;
  297. }
  298.  
  299. nav.main a {
  300.         font-weight:bold;
  301.         color:#007dc3;
  302. }
  303.  
  304. nav.main a:hover, nav.main a:focus, nav.main li.active a { text-decoration: none; }
  305.  
  306. /*-------- Sub Navs --------*/
  307.  
  308. nav a:hover, nav a:focus, nav li.active a { background: #fff;color: #00549e;text-decoration: underline;}
  309.  
  310. nav.utility_nav a, nav.footer_nav a { background: none;font-size: 12px;padding: 2px 6px;color: #00549e;line-height: 1; font-size: 11px;  }
  311.  
  312. nav.utility_nav { margin: 6px 0;position: absolute;top: -28px;right: 0;width: 972px;}
  313. nav.utility_nav li { float: right; }
  314. nav.utility_nav li.first { margin-right: 0; }
  315. nav.utility_nav a { border-left:1px solid #00549e;}
  316. nav.utility_nav .first a { border-left: none; }
  317.  
  318. nav.footer_nav a { border-right:1px solid #888; color: #8c8c8c; font-weight: bold; font-size:10px; }
  319.  
  320. /*-------- Search --------*/
  321.  
  322. #search { position: absolute; top: 19px; right: 20px; margin-right: -5px; }
  323.  
  324. #search input { padding: 2px; border:0; }
  325.  
  326. .search_button { width: 27px; height: 28px; background:transparent url('/assets/images/css/search_btn.gif') no-repeat 0 0; border:none; text-indent: -99999px; position: relative; left: -5px; }
  327.  
  328.  
  329. /*-------- Highlights --------*/
  330.  
  331. .highlight {
  332.         width: 220px;
  333.         margin-right: 20px;
  334.         padding:0;
  335. }
  336.  
  337. .highlight div {
  338.         border:1px solid #bebebe;
  339.         min-height:170px;
  340.         padding: 98px 10px 10px 10px;
  341. }
  342.  
  343. .videos_h div { background-position: 0 -290px; }
  344. .solutions_h div { background-position: -228px -290px; }
  345. .savings_h div { background-position: -456px -290px; }
  346. .hott_h div { background-position: -684px -290px; }
  347.  
  348. .highlight h1 { color: #fff797; background: #fff url('/assets/images/css/highlight_bg_l.png') no-repeat 0 0; padding-left: 24px; text-transform: uppercase; height:26px; }
  349. .highlight h1 span { display: inline-block; background: #8c9957 url('/assets/images/css/highlight_bg_r.png') no-repeat 100% 0; padding-right:40px; line-height:26px; }
  350.  
  351.  
  352. .lt_3 { margin-left: 1em; list-style-type: none; margin-top:10px; }
  353. .lt_3 li { line-height: 2; }
  354. .lt_3 a { color: #007dc3; text-decoration: none; font-size: 12px; font-weight: bold; }
  355. .lt_3 a:hover, .highlight_list a:focus, .highlight_list a:active { text-decoration: underline; }
  356.  
  357. .lt_4 { margin-left: 0; list-style-type: none; margin-top:10px; }
  358. .lt_4 li { line-height: 2; }
  359. .lt_4 a { color: #007dc3; text-decoration: none; font-size: 12px; }
  360. .lt_4 a:hover, .highlight_list a:focus, .highlight_list a:active { text-decoration: underline; }
  361.  
  362.  
  363. /*-------------------------
  364. Interior Pages
  365. -------------------------*/
  366.  
  367. /*headings for the page tops*/
  368. .plh_main {
  369.         color:#8b520b;
  370.         font-size:24px;
  371.         font-weight:bold;
  372.         padding-top:20px;
  373.         border-bottom:1px solid #ddf1fc;
  374.         margin-bottom:20px;
  375. }
  376.  
  377. .hs { /*stands for headingsub*/
  378.         color: #007dc3;
  379.         font-size: 16px;
  380.         padding-top: 26px;
  381.         padding-bottom: 4px;
  382. }
  383.  
  384. .pmain { margin-bottom: 10px; }
  385.  
  386. .pmain h1 {
  387.         color: #9f6614;
  388.         padding-bottom:10px;
  389.         font-size:16px;
  390. }
  391.  
  392. .pmain a { color: #007dc3; text-decoration: none; }
  393. .pmain a:hover, .pmain a:focus { text-decoration: underline; }
  394.  
  395. /*in page nav (section_nav)*/
  396. .section_nav {
  397.         margin-top: -20px;
  398.         padding-top: 20px;
  399.         background: #f3f9fe;
  400. }
  401.  
  402. .section_nav li { float: none; padding: 2px 0; font-weight: bold; }
  403. .section_nav li ul { padding-bottom: 6px; }
  404. .section_nav li li { padding-left: 10px; font-weight:normal; text-transform: uppercase; }
  405. .section_nav a { float: none; padding: 2px; color: #007dc3; }
  406.  
  407. /**
  408.  * Non-semantic helper classes: please define your styles before this section.
  409.  */
  410.  
  411. /* For image replacement */
  412. .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
  413.  
  414. /* Hide for both screenreaders and browsers:
  415.    css-discuss.incutio.com/wiki/Screenreader_Visibility */
  416. .hidden { display: none; visibility: hidden; }
  417.  
  418. /* Hide only visually, but have it available for screenreaders: by Jon Neal.
  419.   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
  420. .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  421. /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
  422. .visuallyhidden.focusable:active,
  423. .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
  424.  
  425. /* Hide visually and from screenreaders, but maintain layout */
  426. .invisible { visibility: hidden; }
  427.  
  428. /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
  429.    j.mp/bestclearfix */
  430. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  431. .clearfix:after { clear: both; }
  432. /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
  433. .clearfix { zoom: 1; }
  434.  
  435.  
  436.  
  437. /**
  438.  * Media queries for responsive design.
  439.  *
  440.  * These follow after primary styles so they will successfully override.
  441.  */
  442.  
  443. @media all and (orientation:portrait) {
  444.   /* Style adjustments for portrait mode goes here */
  445.  
  446. }
  447.  
  448. @media all and (orientation:landscape) {
  449.   /* Style adjustments for landscape mode goes here */
  450.  
  451. }
  452.  
  453. /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
  454.    consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
  455. @media screen and (max-device-width: 480px) {
  456.  
  457.  
  458.   /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  459.   /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
  460. }
  461.  
  462.  
  463. /**
  464.  * Print styles.
  465.  *
  466.  * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
  467.  */
  468. @media print {
  469.   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  470.   -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  471.   a, a:visited { color: #444 !important; text-decoration: underline; }
  472.   a[href]:after { content: " (" attr(href) ")"; }
  473.   abbr[title]:after { content: " (" attr(title) ")"; }
  474.   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  475.   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  476.   thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  477.   tr, img { page-break-inside: avoid; }
  478.   @page { margin: 0.5cm; }
  479.   p, h2, h3 { orphans: 3; widows: 3; }
  480.   h2, h3{ page-break-after: avoid; }
  481. }
  482.  
  483. .floatR { float:right; }
  484.  
  485. .first { margin-left: 0;float: left; }
  486.  
  487. .last { margin-right: 0;float: right; }
create a new version of this paste RAW Paste Data