home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / ultra77 / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-01-05  |  5.0 KB  |  293 lines
  1. /* The ultra77 template is designed and released by Ian Smith
  2. of N-vent Design Services LLC - www.n-vent.com. Feel free to
  3. use this, but please don't sell it and kindly leave the credits
  4. intact. Muchas Gracias!
  5.  
  6. January 2007
  7.  
  8. global styles
  9. ============================== */
  10. body {
  11.     position: relative;
  12.     color: gray;
  13.     margin: 10px 0 0 0;
  14.     padding: 0;
  15.     font: 75% Arial, Helvetica, sans-serif;
  16.     min-width:800px;
  17.     background: #fff url(images/bg.png) repeat-y center;
  18.     }
  19. #wrapper{
  20.     position: relative;
  21.     padding: 0;
  22.     margin: 0 auto;
  23.     width: 821px;
  24.     background: url(images/bgpng) repeat-y;
  25.     }
  26. #wrapper:after {
  27.     content: ".";
  28.     display: block;
  29.     height: 0;
  30.     clear: both;
  31.     visibility: hidden;
  32.     position: relative;
  33.     border: 0;
  34.     }
  35. h1, h2, h3{
  36.     font-weight: bold;
  37.     padding: 10px 0 0 0;
  38.     margin: 0;
  39.     }
  40. h1{
  41.     font-size: 130%;
  42.     color: black;
  43.     border-bottom: 1px dashed silver;
  44.     }
  45. h2{
  46.     font-size: 110%;
  47.     color: black;
  48.     border-bottom: 1px dashed #e8e8e8;
  49.     }
  50. h3{
  51.     font-size: 100%;
  52.     color: #80a1cd;
  53.     }
  54. a:link {
  55.     color: #3D82C7;
  56.     }
  57. a:visited {
  58.     color: #234D76;
  59.     }
  60. a:hover {
  61.     color: red;
  62.     }
  63.  
  64.  
  65.  
  66. /* header styles
  67. ============================== */
  68.  
  69. #header{
  70.     position: relative;
  71.     height: 138px;
  72.     background: url(images/hbg.png) no-repeat center;
  73.     }
  74. #branding {
  75.     position: relative;
  76.     left: 15px;
  77.     top: 25px;
  78.     width: 300px;
  79.     height: 110px;
  80.     }
  81. #pagedescription{
  82.     position: relative;
  83.     top: 50px;
  84.     float: right;
  85.     margin: 0 15px 0 0;
  86.     text-align: right;
  87.     line-height: 100%;
  88.     clear: both;
  89.     }
  90. #pagedescription h2{
  91.     font-weight: normal;
  92.     color: gray;
  93.     padding: 0;
  94.     margin: 0;
  95.     }
  96. #pagedescription h1 {
  97.     font-weight: normal;
  98.     border: 0;
  99.     padding: 0;
  100.     margin: 0;
  101.     }
  102.  
  103. /* feel free to delete this class. */
  104. .templogo {
  105.     font-size: 3em;
  106.     }
  107.  
  108.  
  109.  
  110.  
  111. /* menu styles
  112. ============================== */
  113.  
  114. #menu{
  115.     margin-top: 10px;
  116.     position: relative;
  117.     height: 38px;
  118.     background: url(images/mbg.png) no-repeat center;
  119.     text-align: center;
  120.     }
  121. #menu ul {
  122.     position: relative;
  123.     top: 10px;
  124.     padding: 0;
  125.     }
  126. #menu li,
  127. #footer li{
  128.     display: inline;
  129.     padding: 0 6px;
  130.     }
  131. #menu li a{
  132.     display: inline;
  133.     color: black;
  134.     text-decoration: none;
  135.     }
  136. #menu li a:hover,
  137. #menu li a:focus{
  138.     font-weight: bolder;
  139.     text-decoration: underline;
  140.     }
  141. .active{
  142.     font-weight: bolder;
  143.     }
  144. #sidemenu {
  145.     margin-top: 10px;
  146.     position: absolute;
  147.     top: 200px;
  148.     width: 194px;
  149.     background: url(images/body-bg.png) repeat-x center;
  150.     }
  151. #smtop,
  152. #smbottom{
  153.     position: relative;
  154.     background: url(images/sm-top.png) no-repeat center;
  155.     height: 14px;
  156.     line-height: 14px;
  157.     margin: 0;
  158.     padding: 0;
  159.     clear: both;
  160.     }
  161. #smbottom{
  162.     background: url(images/sm-bottom.png) no-repeat center;
  163.     }
  164. #sidemenu ul,
  165. #smtitle{
  166.     list-style: none;
  167.     padding: 0;
  168.     margin: 0;
  169.     width: 194px;
  170.     background:  url(images/sm-bg.png) repeat-y center;
  171.     }
  172. #smtitle h1{
  173.     padding: 10px;
  174.     font: normal normal bolder 120% Arial, Helvetica, sans-serif;
  175.     border: 0;
  176.     }
  177. #sidemenu li{
  178.     padding: 3px 0 3px 1px;
  179.     display: block;
  180.     }
  181. #sidemenu li a{
  182.     line-height: 18px;
  183.     padding-left: 24px;
  184.     color: black;
  185.     display: block;
  186.     height: 19px;
  187.     text-decoration: none;
  188.     }
  189. #sidemenu li a:hover,
  190. #sidemenu li a:focus{
  191.     background: url(images/sm-over.png) no-repeat center;
  192.     }
  193. #sidemenu li a.currentpage {
  194.     background: url(images/sm-urhere.png) no-repeat center;
  195.     }
  196.  
  197.  
  198.  
  199. /* content styles
  200. ============================== */
  201.  
  202. #bodywrap{
  203.     position: relative;
  204.     left: 160px;
  205.     width: 660px;
  206.     min-height: 200px;
  207.     text-align: center;
  208.     background: url(images/body-bg.png) repeat-y left;
  209.     }
  210. #bodytop,
  211. #bodybottom{
  212.     position: relative;
  213.     left: 160px;
  214.     width: 660px;
  215.     background: url(images/body-top.png) no-repeat center;
  216.     height: 12px;
  217.     line-height: 12px;
  218.     margin: 0;
  219.     padding: 0;
  220.     }
  221. #bodytop {
  222.     margin-top: 10px;
  223.     }
  224. #bodybottom{
  225.     background: url(images/body-bottom.png) no-repeat center;
  226.     }
  227. #contentbody{
  228.     position: relative;
  229.     padding: 0 15px 0 45px;
  230.     margin: 0;
  231.     border: 0;
  232.  
  233.     text-align: left;
  234.     }
  235. #contentbody p{
  236.     padding: 3px 0;
  237.     margin: 0;
  238.     }
  239. #contentbody ul,
  240. #contentbody ol{
  241.     padding: 3px 0;
  242.     margin: 0 18px;
  243.     list-style: outside;
  244.     }
  245. #contentbody img {
  246.     border: 0;
  247.     float: right;
  248.     }
  249.  
  250.  
  251. /* footer styles
  252. ============================== */
  253.  
  254. #footer{
  255.     margin-top: 10px;
  256.     clear: both;
  257.     position: relative;
  258.     height: 38px;
  259.     background: url(images/footerbg.png) no-repeat center;
  260.     text-align: center;
  261.     font-size: 9px;
  262.     }
  263. #footer p{
  264.     position: relative;
  265.     top: 13px;
  266.     padding: 0;
  267.     padding-left: 15px;
  268.     display: inline;
  269.     }
  270. #footer ul{
  271.     display: inline;
  272.     position: relative;
  273.     top: 13px;
  274.     padding: 0;
  275.     }
  276. #footer li{
  277.     padding: 0 0 0 10px;
  278.     display: inline;
  279.     list-style: none outside;
  280.     }
  281. #footer a:link {
  282.     color: #000;
  283.     text-decoration: none;
  284.     }
  285. #footer a:visited {
  286.     color: gray;
  287.     text-decoration: none;
  288.     }
  289. #footer a:hover {
  290.     color: #000;
  291.     text-decoration: underline;
  292.     }
  293.