Advertisement
AkariHonoka

struttura.css

Oct 3rd, 2014
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.93 KB | None | 0 0
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. /******************/
  5. /*     RESET     */
  6. /****************/
  7.  
  8. * {         padding: 0px;
  9.         margin: 0px;
  10. }
  11.  
  12. /******************/
  13. /*     GLOBAL    */
  14. /****************/
  15.  
  16. img {       border: none;
  17. }
  18.  
  19. a img {     border: none;
  20. }
  21.  
  22. a {         color: #333333;
  23.             text-decoration: underline;
  24. }
  25. a:hover {   color: #F26231;
  26. }
  27.  
  28. h1 {
  29.             color: #40B3DF;
  30.             font-size: 18px;
  31.             font-family: Times;
  32.     }
  33.  
  34. body {
  35.             background-color: #F2B5FF;
  36.             font-family: Arial, Helvetica, sans-serif;
  37.             color: #000000;
  38.             font-size: 12px;
  39.             line-height: 18px;
  40. }
  41.  
  42. p {        
  43.             text-align: justify;
  44.             font-size: 14px;
  45.             font-family: serif;
  46.             margin: 9px;
  47. }
  48. /******************/
  49. /*     LAYOUT    */
  50. /****************/
  51.  
  52. #boxsite {
  53.             background-color: #666666;
  54.             font-family: verdana;
  55.             color: #000000;
  56.             border-radius:5px;
  57.             border: 1px solid #222020;
  58.             font-size: 12px;
  59.             text-align: center;
  60.             min-height: 100%;
  61.             display:block;
  62.             width:940px;
  63.             padding:0px;
  64.             margin-left:auto;
  65.             margin-right:auto;
  66. }
  67.  
  68. /******************/
  69. /*      HEAD     */
  70. /****************/
  71.  
  72. #head {
  73.             background-color: #B5D9FF;
  74.             font-family: verdana;
  75.             color: #000000;
  76.             font-size: 12px;
  77.             width:940px;
  78.             height:250px;
  79.             padding:0px;
  80.             margin:0px;
  81. }
  82.  
  83. /******************/
  84. /*      MENU     */
  85. /****************/
  86.  
  87. ul#nav {
  88.     font-family: Verdana, sans-serif;
  89.     font-size: 11px;
  90.     margin: 0;
  91.     padding: 0;
  92.     list-style: none;
  93. }
  94.  
  95. ul#nav li {
  96.     background-color: #FF831C;
  97.     border-bottom: 5px solid #54BAE2;
  98.     display: block;
  99.     width: 150px;
  100.     height: 30px;
  101.     margin: 2px;
  102.     float: left; /* elementi su singola riga */
  103. }
  104.  
  105. ul#nav li a {
  106.     color: #fff;
  107.     display: block;
  108.     font-weight: bold;
  109.     line-height: 30px;
  110.     text-decoration: none;
  111.     width: 150px;
  112.     height: 30px;
  113.     text-align: center;
  114. }
  115.  
  116. ul#nav li.active, ul#nav li:hover {
  117.     background-color: #54BAE2;
  118.     border-bottom: 5px solid #FF831C;
  119. }
  120.  
  121. /******************/
  122. /*     LOGO      */
  123. /****************/
  124.  
  125. #boxlogo {
  126.             background-color: #B8B5FF;
  127.             border: 1px solid #222020;
  128.             padding: 0px;
  129.             margin: 5px;
  130.             width:356px;
  131.             height:36px;   
  132. }
  133.  
  134. .logo{      text-align: center;
  135.             color: #8b154b;
  136.             font-size: 50px;
  137.             padding: 10px 20px 15px 30px;
  138.             font-family: Arial;
  139.    
  140. }
  141.  
  142. /******************/
  143. /*    CONTENT    */
  144. /****************/
  145.  
  146. #content {
  147.             background-color: #CCB5FF;
  148.             padding: 0px;
  149.             margin: 0px;
  150.             border: 0px;
  151.             font-family: verdana;
  152.             color: #000000;
  153.             font-size: 12px;
  154.             text-align: 0px;
  155.             width:940px;
  156.             height:500px;      
  157. }
  158.  
  159. /******************/
  160. /*     FOOTER    */
  161. /****************/
  162.  
  163. #footer {
  164.             background-color: #DFB5FF;
  165.             padding: 0px;
  166.             margin: 0px;
  167.             border: 1px solid #260808;
  168.             font-family: verdana;
  169.             color: #000000;
  170.             font-size: 12px;
  171.             width:940px;
  172.             height:90px;   
  173. }
  174.  
  175. #footer a { text-decoration: none;
  176. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement