home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Underground / images / Underground.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-27  |  6.3 KB  |  328 lines
  1. /********************************************
  2.    AUTHOR:              Erwin Aligam 
  3.    WEBSITE:               http://www.styleshout.com/
  4.    TEMPLATE NAME:     Underground
  5.     TEMPLATE CODE:        S-0006
  6.    VERSION:          1.0              
  7.  *******************************************/
  8.  
  9. /********************************************
  10.    HTML ELEMENTS
  11. ********************************************/ 
  12.  
  13. /* top elements */
  14. * { margin: 0;    padding: 0; }
  15.  
  16. body {
  17.     margin: 0; padding: 0;
  18.     font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
  19.     color: #333; 
  20.     background: #FFF url(bg.gif) repeat-x;    
  21. }
  22.  
  23. /* links */
  24. a {
  25.     color: #003366;
  26.     background-color: inherit;
  27.     text-decoration: none;
  28. }
  29. a:hover {
  30.     color: #CC0001; 
  31.     background-color: inherit;
  32. }
  33.  
  34. /* headers */
  35. h1, h2, h3 {
  36.     font-family: Arial, 'Trebuchet MS', Sans-Serif;
  37.     font-weight: bold;
  38.     color: #333;
  39. }
  40. h1 {
  41.     font-size: 120%;
  42.     letter-spacing: .5px;
  43. }
  44. h2 {
  45.     font-size: 115%;    
  46.     text-transform: uppercase;         
  47. }
  48. h3 {
  49.     font-size: 115%;
  50.     color: #003366;        
  51. }
  52.  
  53. /* images */
  54. img {
  55.     border: 2px solid #CCC;
  56. }
  57. img.float-right {
  58.   margin: 5px 0px 10px 10px;  
  59. }
  60. img.float-left {
  61.   margin: 5px 10px 10px 0px;
  62. }
  63.  
  64. h1, h2, h3, p {
  65.     padding: 0;        
  66.     margin: 10px;
  67. }
  68.  
  69. ul, ol {
  70.     margin: 10px 20px;
  71.     padding: 0 20px;
  72. }
  73.  
  74. code {
  75.   margin: 10px 0;
  76.   padding: 10px;
  77.   text-align: left;
  78.   display: block;
  79.   overflow: auto;  
  80.   font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  81.   /* white-space: pre; */
  82.   background: #FAFAFA;
  83.   border: 1px solid #f2f2f2;  
  84.   border-left: 4px solid #CC0000;
  85. }
  86. acronym {
  87.   cursor: help;
  88.   border-bottom: 1px solid #777;
  89. }
  90. blockquote {
  91.     margin: 10px;
  92.      padding: 0 0 0 32px;      
  93.       background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
  94.     background-position: 8px 10px;
  95.     border: 1px solid #f2f2f2; 
  96.     border-left: 4px solid #CC0000; 
  97.     font-weight: bold;  
  98. }
  99.  
  100. /* form elements */
  101. form {
  102.     margin:10px; padding: 0 5px;
  103.     border: 1px solid #f2f2f2; 
  104.     background-color: #FAFAFA; 
  105. }
  106. label {
  107.     display:block;
  108.     font-weight:bold;
  109.     margin:5px 0;
  110. }
  111. input {
  112.     padding: 2px;
  113.     border:1px solid #eee;
  114.     font: normal 1em Verdana, sans-serif;
  115.     color:#777;
  116. }
  117. textarea {
  118.     width:400px;
  119.     padding:2px;
  120.     font: normal 1em Verdana, sans-serif;
  121.     border:1px solid #eee;
  122.     height:100px;
  123.     display:block;
  124.     color:#777;
  125. }
  126. input.button { 
  127.     margin: 0; 
  128.     font: bolder 12px Arial, Sans-serif; 
  129.     border: 1px solid #CCC; 
  130.     padding: 1px; 
  131.     background: #FFF;
  132.     color: #CC0000;
  133. }
  134. /* search form */
  135. form.search {
  136.     position: absolute;
  137.     top: 5px; right: 5px;
  138.     padding: 0; margin: 0;
  139.     border: none;
  140.     background-color: transparent; 
  141. }
  142. form.search input.textbox { 
  143.     margin: 0; 
  144.     width: 120px;
  145.     border: 1px solid #CCC; 
  146.     background: #FFF;
  147.     color: #333; 
  148. }
  149. form.search input.searchbutton { 
  150.     margin: 0; 
  151.     font-size: 100%; 
  152.     font-family: Arial, Sans-serif; 
  153.     border: 1px solid #CCC; 
  154.     background: #FFFFFF url(headerbg.gif) repeat-x bottom left; 
  155.     padding: 1px; 
  156.     font-weight: bold; 
  157.     height: 23px;
  158.     color: #333;
  159.     width: 60px;
  160. }
  161.  
  162. /**********************************
  163.   LAYOUT 
  164. ***********************************/
  165. #wrap {
  166.     margin: 0 auto; 
  167.     width: 780px;
  168. }
  169.  
  170. /* header */
  171. #header {
  172.     position: relative;
  173.     margin: 0; padding: 0;
  174.     height: 60px;
  175. }
  176. #header span#slogan {
  177.     z-index: 3;
  178.     position: absolute;
  179.     left: 3px; bottom: 7px;
  180.     font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;    
  181.     color: #FFF;    
  182. }
  183.  
  184. #header-logo {
  185.     position: relative;
  186.     clear: both;
  187.     height: 50px; 
  188.     margin: 0; padding: 0;    
  189. }
  190. #header-logo #logo {
  191.     position: absolute;
  192.     top: 3px; left: 5px;
  193.     font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
  194.     margin: 0; padding: 0;
  195.     letter-spacing: -1px;
  196. }
  197.  
  198. /* navigation tabs */
  199. #header ul {
  200.     position: absolute;
  201.    margin:0;
  202.    list-style:none;
  203.     right:-18px ; bottom: 3px;
  204.     font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
  205. }
  206. #header li {
  207.    display:inline;
  208.    margin:0; padding:0;
  209. }
  210. #header a {
  211.    float:left;
  212.    background: url(tableft.gif) no-repeat left top;
  213.    margin:0;
  214.    padding:0 0 0 4px;
  215.    text-decoration:none;
  216. }
  217. #header a span {
  218.    float:left;
  219.    display:block;
  220.    background: url(tabright.gif) no-repeat right top;
  221.    padding:5px 15px 4px 6px;
  222.    color:#FFF;
  223. }
  224. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  225. #header a span {float:none;}
  226. /* End IE5-Mac hack */
  227. #header a:hover span {
  228.     color:#FFF;
  229. }
  230. #header a:hover {
  231.    background-position:0% -42px;
  232. }
  233. #header a:hover span {
  234.    background-position:100% -42px;
  235. }
  236. #header #current a {
  237.    background-position:0% -42px;
  238. }
  239. #header #current a span {
  240.    background-position:100% -42px;
  241. }
  242.  
  243. /* main column */
  244. #main {
  245.     float: right;
  246.     margin: 0; padding: 0;
  247.     width: 545px;    
  248. }
  249. #main h1 {
  250.     margin: 10px 0;
  251.     padding: 4px 0 4px 8px; 
  252.     font-size: 105%;
  253.     color: #FFF;
  254.     text-transform: uppercase; 
  255.     background-color: #CC0000;    
  256.     letter-spacing: .5px;
  257. }
  258.  
  259. /* sidebar */
  260. #sidebar {
  261.     float: left;
  262.     width: 220px;
  263.     margin: 0; padding: 0; 
  264.     background-color: #FFFFFF;     
  265. }
  266. #sidebar h1 {
  267.     margin: 10px 0 0 0; 
  268.     padding: 4px 0 4px 8px; 
  269.     font: bold 105% Arial, Sans-Serif;
  270.     color: #FFF;
  271.     text-transform: uppercase; 
  272.     background: #333; 
  273.     letter-spacing: 1px;    
  274. }
  275. #sidebar .left-box {
  276.     border: 1px solid #EBEBEB;
  277.     margin: 0 0 5px 0;    
  278.     background: #FFF;
  279. }
  280. #sidebar ul.sidemenu {
  281.     list-style: none;
  282.     text-align: left;
  283.     margin: 3px 0px 8px 0; padding: 0;
  284.     text-decoration: none;        
  285. }
  286. #sidebar ul.sidemenu li {
  287.     border-bottom: 1px solid #f2f2f2; 
  288.     background: url(bullet.gif) no-repeat 3px 2px;    
  289.     padding: 3px 5px 3px 25px;
  290.     margin: 0;    
  291. }
  292. #sidebar ul.sidemenu a {
  293.     font-weight: bolder;
  294.     padding: 3px 0px;    
  295.     background: none;
  296. }
  297.  
  298. /* footer */
  299. .footer { 
  300.     clear: both;     
  301.     border-top: 1px solid #f2f2f2;
  302.     background: #FFF url(footerbg.gif) repeat-x;
  303.     padding: 2px 0 10px 0; 
  304.     text-align: center;  
  305.     line-height: 1.5em;    
  306.     font-size: 95%;
  307. }
  308. .footer a { 
  309.     text-decoration: none; 
  310.     font-weight: bold;        
  311. }
  312.  
  313. /* alignment classes */
  314. .float-left  { float: left; }
  315. .float-right { float: right; }
  316. .align-left  { text-align: left; }
  317. .align-right { text-align: right; }
  318.  
  319. /* display and additional classes  */
  320. .clear {    clear: both; }
  321. .red   { color: #CC0000; }
  322. .comments { 
  323.     margin: 20px 10px 5px 10px; 
  324.     padding: 3px 0;
  325.     border-bottom: 1px dashed #EFF0F1;     
  326.     border-top: 1px dashed #EFF0F1;    
  327. }
  328.