API tools faq
paste
Advertisement
rodrigofbm

css

rodrigofbm
Oct 10th, 2015
270
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.00 KB | None | 0 0
raw download clone embed print report
  1. /* === Seções ====*/
  2.  
  3. section.container{
  4.     width: 100%;
  5.     float: left;
  6. }
  7.  
  8. section.container section.main-content{
  9.     margin: 0 auto;
  10.     width: 1000px;
  11. }
  12.  
  13.  
  14. /* === SideBar ==== */
  15. aside#sidebar{
  16.     display: block;
  17.     width: 25%;
  18.     float: right;
  19.     margin: 0 auto;
  20.  
  21.    
  22. }
  23.  
  24.  
  25.  
  26. section#sec-sidebar{
  27.     width: 300px;
  28.     margin: 0 auto;
  29.    
  30.    
  31.    
  32. }
  33.  
  34. aside#sidebar div#sidebar-vistos{
  35.     width: 300px;
  36.     margin: 0 auto;
  37.    
  38.    
  39. }
  40.  
  41. div#sidebar-vistos #title-vistos{
  42.     border-bottom: 2px solid #efeeee;
  43.     padding: 5px 0;
  44.     text-align: left;
  45. }
  46.  
  47. div#sidebar-vistos #title-vistos span{
  48.     font: 22px arial;
  49.     font-weight: bold;
  50.     color: #292929;
  51.     padding: 5px 0;
  52.     border-bottom: 2px solid #0a80eb;
  53. }
  54.  
  55. div#sidebar-vistos ul{
  56.     margin: 0;
  57.     padding: 0;
  58.     list-style: none;
  59. }
  60.  
  61. div#sidebar-vistos ul li{
  62.     width: 100%;
  63.     float: left;
  64.     border-bottom: 1px solid #efeeee;
  65.     padding: 10px 0;
  66.     text-align: justify;
  67. }
  68.  
  69. div#sidebar-vistos ul li a{
  70.     color: #555;
  71.     text-decoration: none;
  72. }
  73.  
  74. div#sidebar-vistos ul li a:hover{
  75.     color: #0a80eb;
  76.     text-decoration: underline;
  77.    
  78. }
  79.  
  80. div#sidebar-vistos .numbers{
  81.     padding: 10px;
  82.     font:  18px arial;
  83.     color: #fff;
  84.     float: left;
  85.     background: #0a80eb;
  86.     margin-right: 3px;
  87. }
  88.  
  89.  /* ===Sidebar Publicidade */
  90.  
  91.  
  92. div#sidebar-publi {
  93.     width: 300px;
  94.    
  95.    
  96. }
  97.  
  98. div#sidebar-publi div#title-publi{
  99.     border-bottom: 2px solid #efeeee;
  100.     padding: 5px 0px;
  101.     text-align: left;
  102. }
  103.  
  104. div#sidebar-publi div#title-publi span{
  105. font: 22px arial;
  106.     font-weight: bold;
  107.     color: #292929;
  108.     padding: 5px 0;
  109.     border-bottom: 2px solid #0a80eb;
  110.  
  111. }
  112.  
  113. div#sidebar-publi ul{
  114.     margin: 0;
  115.     padding: 0;
  116.     list-style: none;
  117.     text-align: center;
  118.    
  119. }
  120.  
  121. div#sidebar-publi ul .publi-master{
  122.     width: 280px;
  123.     height: 230px;
  124.     float: left;
  125.     background: #ddd;
  126.     margin: 18px 25px;
  127. }
  128.  
  129. div#sidebar-publi ul .publi-left{
  130.     width: 125px;
  131.     height: 125px;
  132.     float: left;
  133.     background: #ddd;
  134.    
  135. }
  136.  
  137. div#sidebar-publi ul .publi-right{
  138.     width: 125px;
  139.     height: 125px;
  140.     float: right;
  141.     background: #ddd;
  142.    
  143. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!