Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Aug 14th, 2011  |  syntax: CSS  |  size: 9.84 KB  |  views: 78  |  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. /* CSS Reset
  2.         http://meyerweb.com/eric/tools/css/reset/
  3.                                                 */
  4.         html, body, div, span, applet, object, iframe,
  5.         h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6.         a, abbr, acronym, address, big, cite, code,
  7.         del, dfn, em, font, img, ins, kbd, q, s, samp,
  8.         small, strike, strong, sub, sup, tt, var,
  9.         dl, dt, dd, ol, ul, li,
  10.         fieldset, form, label, legend,
  11.         table, caption, tbody, tfoot, thead, tr, th, td {
  12.                 margin: 0;
  13.                 padding: 0;
  14.                 border: 0;
  15.                 outline: 0;
  16.                 font-weight: inherit;
  17.                 font-style: inherit;
  18.                 font-size: 100%;
  19.                 font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
  20.                 vertical-align: baseline;
  21.         }
  22.  
  23.         :focus {
  24.                 outline: 0;
  25.         }
  26.  
  27.         div{
  28.                 position: relative;
  29.         }
  30.  
  31.         body {
  32.                 line-height: 1;
  33.                 color: #000000;
  34.                 background: #FFFFFF;
  35.                
  36.                 width: 100%;
  37.                 height: 100%;
  38.                 text-align: center;
  39.         }
  40.  
  41.         ol, ul {
  42.                 list-style: none;
  43.         }
  44.  
  45.         table {
  46.                 border-collapse: separate;
  47.                 border-spacing: 0;
  48.         }
  49.  
  50.         caption, th, td {
  51.                 text-align: left;
  52.                 font-weight: normal;
  53.         }
  54.  
  55.         blockquote:before, blockquote:after,
  56.         q:before, q:after {
  57.                 content: "";
  58.         }
  59.  
  60.         blockquote, q {
  61.                 quotes: "" "";
  62.         }
  63. /* End CSS Reset                */
  64. /*                                              */
  65.  
  66. /* Element Styles               */
  67. /*                                              */
  68.  
  69.         /* Headers */
  70.         h1{
  71.                 font-size: 1.5em;
  72.                 font-weight: bold;
  73.         }
  74.  
  75.         h2{
  76.                 font-size: 1.3em;
  77.                 font-weight: bold;
  78.         }
  79.  
  80.         h3{
  81.                 font-size: 1.1em;
  82.                 font-weight: bold;
  83.         }
  84.  
  85.         h4{
  86.                 font-weight: bold;
  87.         }
  88.  
  89.         h5{
  90.                 font-size: .9em;
  91.                 font-weight: bold;
  92.         }
  93.         /* end Headers */
  94.  
  95. /* End Element Styles   */
  96. /*                                              */
  97.  
  98. /* IDed Styles          */
  99. /*                                              */
  100.         #nojs{
  101.                 line-height: 1.1;
  102.                 font-size: 0.75em;
  103.                 background: #CC3333;
  104.                 color: #000000;
  105.                
  106.                 position: fixed;
  107.                 bottom: 0em;
  108.                 left: 10%;
  109.                
  110.                 margin: 0em auto 0em auto;
  111.                 padding: .0625em;
  112.                
  113.                 width: 80%;
  114.                 z-index: 100000;
  115.                
  116.                 -webkit-border-top-left-radius: 2.1875em;
  117.                 -webkit-border-top-right-radius: 2.1875em;
  118.                 -webkit-border-bottom-right-radius: 0em;
  119.                 -webkit-border-bottom-left-radius: 0em;
  120.                 -moz-border-radius-topleft: 2.1875em;
  121.                 -moz-border-radius-topright: 2.1875em;
  122.                 -moz-border-radius-bottomright: 0em;
  123.                 -moz-border-radius-bottomleft: 0em;
  124.                 border-top-left-radius: 2.1875em;
  125.                 border-top-right-radius: 2.1875em;
  126.                 border-bottom-right-radius: 0em;
  127.                 border-bottom-left-radius: 0em;
  128.         }
  129. /*      End IDed Styles */
  130. /*                                              */
  131.  
  132. /*      Class Styles            */
  133. /*                                              */
  134.         /* Clearfix */
  135.                 .clear:after {
  136.                         content: ".";
  137.                         display: block;
  138.                         height: 0;
  139.                         clear: both;
  140.                         visibility: hidden;
  141.                 }
  142.                                        
  143.                 .clear {
  144.                         display: inline-block;
  145.                 }
  146.  
  147.                 /* Hides from IE-mac \*/
  148.                 * html .clear {
  149.                         height: 1%;
  150.                 }
  151.  
  152.                 .clear {
  153.                         display: block;
  154.                 }
  155.                 /* End hide from IE-mac */
  156.         /* End Clearfix */
  157.        
  158.         /* Message Boxes */
  159.                 .message-box{
  160.                         padding: .6em;
  161.                        
  162.                         color:#545454;
  163.                 }
  164.  
  165.                 .clean{
  166.                         background-color: #efefef;
  167.                        
  168.                         border-top: .125em solid #dedede;
  169.                         border-bottom: .125em solid #dedede;
  170.                 }
  171.  
  172.                 .info{
  173.                         background-color: #f7fafd;
  174.                        
  175.                         border-top: .125em solid #b5d3ff;
  176.                         border-bottom: .125em solid #b5d3ff;
  177.                 }
  178.  
  179.                 .okay{
  180.                         background-color: #d7f7c4;
  181.                        
  182.                         border-top: .125em solid #82cb2f;
  183.                         border-bottom: .125em solid #82cb2f;
  184.                 }
  185.                        
  186.                 .alert{
  187.                         background-color: #fef5be;
  188.                        
  189.                         border-top: .125em solid #fdd425;
  190.                         border-bottom: .125em solid #fdd425;
  191.                 }
  192.                        
  193.                 .error{
  194.                         background-color: #ffcdd1;
  195.                        
  196.                         border-top: .125em solid #e10c0c;
  197.                         border-bottom: .125em solid #e10c0c;
  198.                 }
  199.         /* End Message Boxes */
  200.        
  201.         /* Text color, styling, decoration */
  202.                 .italics{
  203.                         font-style: italic;
  204.                 }
  205.  
  206.                 .bold{
  207.                         font-weight: bold;
  208.                 }
  209.  
  210.                 .underline{
  211.                         text-decoration: underline;
  212.                 }
  213.  
  214.                 .no-dec{
  215.                         text-decoration: none !important;
  216.                 }
  217.                
  218.                 .strike{
  219.                         text-decoration: line-through;
  220.                 }
  221.  
  222.                 .keyword{
  223.                         text-shadow: 0 0 .1em #FFFFFF;
  224.                 }
  225.  
  226.                 .sub{
  227.                         vertical-align: sub;
  228.                 }
  229.  
  230.                 .sup{
  231.                         vertical-align: super;
  232.                 }
  233.                
  234.                 .quote{
  235.                         font-style: italic;
  236.                 }
  237.         /* End text color, styling, decoration */
  238.        
  239.         /* Positioning */
  240.                 .left{
  241.                         margin-right: auto;
  242.                         margin-left: 0;
  243.                 }
  244.                 .center{
  245.                         margin-left: auto;
  246.                         margin-right: auto;
  247.                 }
  248.                
  249.                 .right{
  250.                         margin-right: 0;
  251.                         margin-left: auto;
  252.                 }
  253.                
  254.                 .bump{
  255.                         margin-top: 1em;
  256.                 }
  257.                
  258.                 .follow{
  259.                         margin-bottom: 1em;
  260.                 }
  261.  
  262.                 .center-text{
  263.                         text-align: center;
  264.                 }
  265.  
  266.                 .left-text{
  267.                         text-align: left;
  268.                 }
  269.  
  270.                 .right-text{
  271.                         text-align: right;
  272.                 }
  273.                
  274.                 .quote{
  275.                         margin-left: 4em;
  276.                         margin-right: 4em;
  277.                 }
  278.         /* End positioning */
  279.        
  280.         /* Sizing */
  281.                 .huge{
  282.                         font-size: 1.5em;
  283.                 }
  284.                
  285.                 .large{
  286.                         font-size: 1.25em;
  287.                 }
  288.  
  289.                 .small{
  290.                         font-size: .75em;
  291.                 }
  292.                
  293.                 .tiny{
  294.                         font-size: .5em;
  295.                 }
  296.                
  297.                 .sub, .sup{
  298.                         font-size: .5em;
  299.                 }
  300.                
  301.                 .w10{width: 10%;}
  302.                 .w20{width: 20%;}
  303.                 .w25{width: 25%;}
  304.                 .w30{width: 30%;}
  305.                 .w40{width: 40%;}
  306.                 .w50{width: 50%;}
  307.                 .w60{width: 60%;}
  308.                 .w70{width: 70%;}
  309.                 .w75{width: 75%;}
  310.                 .w80{width: 80%;}
  311.                 .w90{width: 90%;}
  312.                 .w100{width: 100%;}
  313.         /* End sizing */
  314.        
  315.         /* Spacing */
  316.                 .tall{
  317.                         line-height: 1.3em;
  318.                 }
  319.         /* End spacing */
  320.        
  321.         /* UI */
  322.                 .pointer{
  323.                         cursor: pointer;
  324.                 }
  325.         /* End UI */
  326.        
  327.         /* Display and visibility */
  328.                 .hide{
  329.                         display: none;
  330.                 }
  331.                
  332.                 .table{
  333.                         display: table;
  334.                 }
  335.                
  336.                 .cell{
  337.                         display: table-cell;
  338.                 }
  339.         /* End display and visibility */
  340.        
  341. /*      End Class Styles        */
  342. /*                                              */
  343.  
  344. /*-----Local CSS-----*/
  345.         @font-face {  
  346.           font-family: "neutra";  
  347.           src: url('../../styles/NeutraDisp-Bold.eot'); /* IE */  
  348.           src: local("Neutra Display"), url('../../styles/NeutraDisp-Bold.ttf') format("truetype"); /* non-IE */  
  349.         }
  350.        
  351.         @font-face {  
  352.           font-family: "futura";  
  353.           src: url('../../styles/FuturaStd-Heavy.eot'); /* IE */  
  354.           src: local("Futura Std"), url('../../styles/FuturaStd-Heavy.ttf') format("truetype"); /* non-IE */  
  355.         }
  356.        
  357.         table{
  358.                 margin: auto;
  359.                 text-align: center;
  360.         }
  361.        
  362.         table, tr, td, th{
  363.                 text-align: center;
  364.         }
  365.        
  366.         #content table thead, #content table tfoot{
  367.                 background: #405E8F;
  368.                 color: #FFFFFF;
  369.                 letter-spacing: .125em;
  370.         }
  371.        
  372.         #content table thead th, #content table tfoot td{
  373.                 border: .0625em solid #002D56;
  374.         }
  375.  
  376.         #content table tfoot, #content table tfoot td{
  377.                 text-align: right;
  378.         }
  379.  
  380.         #content table td, #content table th{
  381.                 font-size: .75em;
  382.                 border-collapse: collapse;
  383.                 padding: .5em;
  384.         }
  385.        
  386.         #content tbody tr:hover{
  387.                 background: #CCD6E6;
  388.         }
  389.        
  390.         legend{
  391.                 font-family: neutra, Helvetica, Arial, sans-serif;
  392.                 letter-spacing: .125em;
  393.                
  394.                 -webkit-border-radius: .5em;
  395.                 -moz-border-radius: .5em;
  396.                 border-radius: .5em;
  397.         }
  398.  
  399.         .even{
  400.                 background-color: #999999;
  401.         }
  402.        
  403.         fieldset{
  404.                 padding: 1em;
  405.                 border: 1px solid #000000;
  406.                 width: 16.5em;
  407.                
  408.                 -webkit-border-radius: 1em;
  409.                 -moz-border-radius: 1em;
  410.                 border-radius: 1em;
  411.         }
  412.        
  413.         input[type="submit"], input[type="text"], input[type="password"], input[type="file"]{
  414.                 font-size: 1em;
  415.         }
  416.  
  417.         input[type="submit"]{
  418.                 margin-top: 1em;
  419.         }
  420.  
  421.         input[type="text"], input[type="password"], input[type="file"]{
  422.                 width: 16.5em;
  423.         }
  424.  
  425.         legend{
  426.                 padding: .25em;
  427.                 background-color: #002D56;
  428.                 color: #FFFFFF;
  429.                 margin: 0 0 .25em 0;
  430.         }
  431.        
  432.         body{
  433.                 color: #000000;
  434.                 background: #EEEEEE;
  435.                 position: absolute;
  436.         }
  437.        
  438.         .page{
  439.                 background: #FFFFFF;
  440.                 width: 74em;
  441.                 margin: auto;
  442.                 padding: .7em .5em .5em .5em;
  443.         }
  444.        
  445.         #nojs{
  446.                 line-height: 1.1;
  447.                 font-size: 0.75em;
  448.                 background: #CC3333;
  449.                
  450.                 position: fixed;
  451.                 bottom: 0px;
  452.                 left: 10%;
  453.                
  454.                 margin: 0px auto 0px auto;
  455.                 padding: 1px;
  456.                
  457.                 width: 80%;
  458.                 z-index: 100000;
  459.                
  460.                 -moz-border-radius-topleft: 35px;
  461.                 -moz-border-radius-topright: 35px;
  462.                 -webkit-border-top-left-radius: 35px;
  463.                 -webkit-border-top-right-radius: 35px;
  464.         }
  465.        
  466.         #slideshow{
  467.                 width: 35%;
  468.                 min-height: 25em;
  469.                
  470.                 float: left;
  471.                
  472.                 text-align: left;
  473.                 margin-right: .1em;;
  474.         }
  475.        
  476.         #content{
  477.                 width: 60%;
  478.                 min-height: 25em;
  479.                
  480.                 float: left;
  481.                
  482.                 font-size: 1.5em;
  483.                 text-align: left;
  484.                 margin: auto;
  485.         }
  486. /*-----End Local CSS-----*/
  487.  
  488. .header{
  489.         width: 75em;
  490.         height: 12.375em;
  491.         background-color: #FFFFFF;
  492.         margin: auto;
  493.         font-family: neutra, Helvetica, Arial, Tahoma, Geneva, sans-serif;
  494. }
  495.  
  496. /* style management tab dropdown*/
  497.  
  498. #manage_panel{
  499.         text-align: right;
  500.         font-size: 1.50em;
  501.        
  502.         padding: .5em;
  503.         background-color: #002D56;
  504.         color: #FFFFFF;
  505.         width: 11.0em;
  506.        
  507.         position: absolute;
  508.         top: 0em;
  509.         right: 18.0em;
  510.        
  511.         z-index: 3;
  512. }
  513.  
  514. #manage_panel a{
  515.         text-decoration: none;
  516.         color: #999999;
  517.         font-weight: 100;
  518. }
  519.  
  520. #manage_panel a:hover, #manage_panel a:active {
  521.         color: #FFFFFF;
  522. }
  523.  
  524. /* done styling management tab */
  525.  
  526. /*style login dropdown and login/register links*/
  527.  
  528. #login_panel{
  529.         text-align: right;
  530.         font-size: 1.25em;
  531.        
  532.         padding: .5em;
  533.         background-color: #002D56;
  534.         color: #FFFFFF;
  535.         width: 19.0em;
  536.        
  537.         position: absolute;
  538.         top: .5em;
  539.         right: 0;
  540.        
  541.         z-index: 3;
  542. }
  543.  
  544.  
  545. #login{
  546.         right: 0;
  547.         top: 0;
  548.        
  549.         padding: .825em .825em 0 0;
  550.         margin: -.5em 0 -1.45em auto;
  551.        
  552.         text-align: right;
  553.         font-size: 1.25em;
  554.        
  555.         width: auto;
  556. }
  557.  
  558. #login_panel fieldset{
  559.         border: none;
  560.         padding: 0;
  561.         font-size: 1em;
  562.         width: auto;
  563. }
  564.  
  565. #login_panel input{
  566.         font-size: 1em;
  567.         width: 7em;
  568.         margin: 0;
  569. }
  570.  
  571. #login_panel input[type="submit"]{
  572.         width: 3em;
  573. }
  574.  
  575. #col2{
  576.         margin-right: 0;
  577. }
  578.  
  579. .column{
  580.         float: left;
  581.         text-align: left;
  582.         margin-right: 1em;
  583. }
  584.  
  585. /*login styling done*/
  586.  
  587. .hide{
  588.         display: none;
  589. }
  590.  
  591.  
  592.  
  593. #head_content{
  594.         margin: auto;
  595.         width: 75em;
  596. }
  597.  
  598. #menubar{
  599.         position: absolute;
  600.         z-index: 1;
  601.        
  602.         background-color: #002D56;
  603.        
  604.         width: 48em;
  605.         margin: 10.19em auto .625em 24.5em;
  606.         padding-left: 2.5em;
  607. }
  608.  
  609. #logo{
  610.         float: left;
  611.         margin: .625em;
  612.         z-index: 2;
  613. }
  614.  
  615. .toplvl{
  616.         float: left;
  617.         margin: auto 1.2em;
  618. }
  619.  
  620. #menubar a{
  621.         text-decoration: none;
  622.         color: #999999;
  623.         font-weight: 100;
  624.         font-size: 1.60em;
  625. }
  626.  
  627. #menubar a:hover, #menubar a:active, #menubar .current{
  628.         color: #FFFFFF;
  629. }
  630.  
  631. #errors{
  632.         padding: .5em;
  633.         width: 21em;
  634. }