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

flesler serialScroll style.css

By: a guest on Nov 24th, 2010  |  syntax: CSS  |  size: 4.10 KB  |  views: 54  |  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. body {
  2.     padding: 0 5px;
  3.     font-family: Verdana, sans-serif;
  4.     background-color: #DDD;
  5. }
  6.  
  7. ul, li, h4, h3, h2, h1, p {
  8.     padding: 0;
  9.     margin: 0;
  10.     list-style: none;
  11. }
  12.  
  13. .next, .prev {
  14.     cursor: pointer;
  15. }
  16.  
  17. #screen {
  18.     position: relative;
  19.     height: 425px;
  20.     width: 725px;
  21.     margin-top: 40px;
  22. }
  23.  
  24.     #screen .next, #screen .prev {
  25.         position: absolute;
  26.         top: 200px;
  27.     }
  28.  
  29.     #screen .prev {
  30.         left: 10px;
  31.     }
  32.  
  33.     #screen .next {
  34.         right: 10px;
  35.     }
  36.  
  37. #navigation {
  38.     width: 600px;
  39.     text-align: center;
  40.     margin-left: 62px;
  41. }
  42.  
  43.     #navigation ul {
  44.         margin-left: 55px !important;
  45.         margin-left: 35px;
  46.     }
  47.  
  48.     #navigation li {
  49.         float: left;
  50.         margin: 0 20px;
  51.         padding: 10px 20px;
  52.         background-color: #EEE;
  53.     }
  54.  
  55.     #navigation a {
  56.         color: #933;
  57.         font-weight: bolder;
  58.         text-decoration: none;
  59.     }
  60.    
  61. #sections {
  62.     overflow: hidden;
  63.     background-color: white;
  64.     width: 600px;
  65.     height: 369px;
  66.     clear: left;
  67.     margin-left: 62px;
  68. }
  69.    
  70.     #sections ul {
  71.         width: 3660px;
  72.     }
  73.    
  74.     #sections li {
  75.         float: left;
  76.         padding: 11px 30px;
  77.     }
  78.  
  79.         #sections li.fallen {
  80.             margin-top: 369px;
  81.         }
  82.        
  83.     #sections p {
  84.         width: 550px;
  85.         margin: 16px 0;
  86.         font-size: 85%;
  87.         line-height: 1.4em;
  88.     }
  89.    
  90.     #sections h2 {
  91.         color: #993333;
  92.         margin: 20px 0pt;
  93.     }
  94.     #sections a {
  95.         color: #777;
  96.         font-weight: bolder;
  97.         text-decoration: none;
  98.     }
  99.  
  100. #screen2 {
  101.     position: relative;
  102.     width: 900px;
  103.     margin: 20px;
  104. }
  105.  
  106.     #screen2 #buttons {
  107.         border: 1px solid #777;
  108.         margin-bottom: 5px;
  109.         width: 679px;
  110.     }
  111.    
  112.         #screen2 #buttons a {
  113.             margin: 10px 10px;
  114.             color: #69C;
  115.         }
  116.  
  117.     #screen2 .prev {
  118.         float: left;
  119.     }
  120.  
  121.     #screen2 .next {
  122.         float: right;
  123.     }
  124.  
  125. #slideshow {
  126.     overflow: hidden;
  127.     width: 680px;
  128.     border: 1px solid #777;
  129. }
  130.  
  131.     #slideshow ul {
  132.         width: 3900px;
  133.         padding-left: 225px;
  134.     }
  135.  
  136.     #slideshow li {
  137.         float: left;
  138.         margin: 0 16px;
  139.         cursor: pointer;
  140.     }
  141.  
  142. #news-ticker {
  143.     width: 800px;
  144.     height: 79px;
  145.     background-color: white;
  146.     overflow: hidden;
  147.     margin: 20px;
  148. }
  149.  
  150.     #news-ticker h4 {
  151.         color: #933;
  152.         display: inline;
  153.     }
  154.  
  155.     #news-ticker div {
  156.         height: 22px;
  157.         width: 782px;
  158.         border: 1px black solid;
  159.         padding: 8px;
  160.         margin-top: -1px;
  161.     }
  162.  
  163.         #news-ticker div.first {
  164.             margin-top: 0;
  165.         }
  166.        
  167.     #news-ticker p {
  168.         font-size: 11px;
  169.         margin-left: 0 !important;
  170.         margin-left: 5px;
  171.         display: inline;
  172.     }
  173.  
  174. #links {
  175.     position: absolute;
  176.     right: 5px;
  177.     border: 1px solid #777;
  178.     width: 210px;
  179.     top: 15px;
  180.     padding: 10px;
  181. }
  182.  
  183.     #links h3 {
  184.         color: #777;
  185.     }
  186.  
  187.     #links ul {
  188.         padding: 8px 0 3px 20px;
  189.     }
  190.  
  191.     #links li {
  192.         list-style-type: circle;
  193.     }
  194.  
  195.     #links a {
  196.         color: #69C;
  197.     }
  198.  
  199. h1 {
  200.     margin: 20px 0;
  201.     color: #5B739C;
  202. }
  203.  
  204.     h1 strong {
  205.         font-size: 13px;
  206.         color: #777;
  207.     }
  208.  
  209. .clear {
  210.     clear: both;
  211.     width: 0;
  212.     height: 0;
  213. }
  214.  
  215. .message {
  216.     background: #EEE;
  217.     border: 1px solid #999;
  218.     color: #333;
  219.     font-size: 12px;
  220.     padding: 1px;
  221.     height: auto;
  222.     padding-left: 5px;
  223.     line-height: 18px;
  224. }
  225.  
  226. .side {
  227.     position: absolute;
  228.     right: 5px;
  229.     width: 210px;
  230.     padding: 10px;  
  231. }
  232.  
  233. #general {
  234.     top: 160px;
  235. }
  236.  
  237. #extra {
  238.     top: 400px;
  239. }
  240.  
  241. .separator {
  242.     width: 675px;
  243.     clear: both;
  244.     margin-left: 20px;
  245. }
  246.  
  247. #ticker-container {
  248.     position: relative;
  249.     padding-top: 15px;
  250. }
  251.  
  252.     #ticker-container button {
  253.         position: absolute;
  254.         right: 5px;
  255.     }
  256.  
  257. #add-news {
  258.     top: 0px;
  259. }
  260.  
  261. #shuffle-news {
  262.     top: 25px;
  263. }
clone this paste RAW Paste Data