home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / fibreglass / style.css < prev   
Cascading Style Sheet File  |  2005-09-08  |  7KB  |  459 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 16px 0px 10px;
  8.     background: url('images/background.jpg') #5f92d2 repeat-x 0% 0%;
  9.     color: #fff;
  10.     font-family: tahoma, arial, sans-serif;
  11.     font-size: 10px;
  12.     text-align: center;
  13. }
  14.  
  15. a {
  16.     color: #fff;
  17.     text-decoration: underline;
  18. }
  19.  
  20. a:hover {
  21.     color: #bfd8f6;
  22. }
  23.  
  24. span {
  25.     display: none;
  26. }
  27.  
  28. img {
  29.     border: none;
  30. }
  31.  
  32. ul {
  33.     list-style-type: none;
  34. }
  35.  
  36. li {
  37.     list-style-type: none;
  38. }
  39.  
  40. p {
  41.     margin: 10px 0px 5px;
  42.     text-align: justify;
  43.     line-height: 14px;
  44. }
  45.  
  46. .clearthis {
  47.     margin : 0px;
  48.     height : 1px;
  49.     clear : both;
  50.     float : none;
  51.     font-size : 1px;
  52.     line-height : 0px;
  53.     overflow : hidden;
  54. }
  55.  
  56. input {
  57.     padding-left: 2px;
  58.     background-color: #eff3f7;
  59.     border: 2px solid #eff3f7;
  60.     color: #537caf;
  61.     font-family: tahoma, arial, sans-serif;
  62.     font-size: 10px;
  63. }
  64.  
  65.  
  66.  
  67. #container {
  68.     margin: 0px auto;
  69.     width: 768px;
  70. }
  71.  
  72.  
  73. /* Page Header */
  74.  
  75. #header_container {
  76.     margin-bottom: 12px;
  77.     border: 1px solid #fff;
  78.     background: url('images/header_background.jpg') repeat-x 0px 0px;
  79. }
  80.  
  81. #page_header {
  82.     width: 766px;
  83.     height: 187px;
  84.     background: url('images/header_image.jpg') no-repeat 10px 20px;
  85.     overflow: hidden;
  86. }
  87.  
  88.  
  89. /* Page Header : Company Name & Logo */
  90.  
  91. #header_company {
  92.     margin-top: 20px;
  93.     width: 585px;
  94.     height: 35px;
  95.     float: left;
  96.     background: url('images/company_logo.gif') no-repeat 137px 0px;
  97.     text-align: left;
  98. }
  99.  
  100. #header_company h1 {
  101.     background: url('images/company_name.gif') no-repeat 160px 0px;
  102.     width: 585px;
  103.     height: 35px;
  104. }
  105.  
  106.  
  107. /* Page Header : Welcome Note */
  108.  
  109. #header_welcome {
  110.     padding-left: 142px;
  111.     float: left;
  112.     text-align: justify;
  113. }
  114.  
  115. #header_welcome h3 {
  116.     padding: 3px 0px 0px;
  117.     font-size: 14px;
  118. }
  119.  
  120. #header_welcome p {
  121.     margin-top: 7px;
  122. }
  123.  
  124. #header_welcome #welcome_text {
  125.     width: 447px;
  126. }
  127.  
  128. /* Page Header : Menu */
  129.  
  130. #header_menu {
  131.     padding-top: 35px;
  132.     padding-right: 29px;
  133.     float: right;
  134. }
  135.  
  136. #header_menu li {
  137.     margin-bottom: 2px;
  138.     width: 116px;
  139.     border: 1px solid #dee8f5;
  140.     text-align: left;
  141.     clear: both;
  142.     float: none;
  143. }
  144.  
  145. #header_menu li a {
  146.     display: block;
  147.     width: 116px;
  148.     height: 20px;
  149.     color: #e3ecf8;
  150.     background-color: #3d6290;
  151.     text-decoration: none;
  152.     font-weight: bold;
  153.     overflow: hidden;
  154.     line-height: 10px;
  155. }
  156.  
  157. #header_menu li a span {
  158.     display: block;
  159.     padding-top: 4px;
  160.     padding-left: 31px;
  161. }
  162.  
  163. #header_menu li a:hover {
  164.     color: #fff;
  165.     background-color: #2e4a6c;
  166. }
  167.  
  168.  
  169. /* Left Sidebar */
  170.  
  171. #left_sidebar {
  172.     width: 178px;
  173.     float: left;
  174. }
  175.  
  176. #left_sidebar .box_container {
  177.     margin-bottom: 11px;
  178.     border: 1px solid #fff;
  179.     background-color: #537caf;
  180. }
  181.  
  182.  
  183. /* Left Sidebar : User Login */
  184.  
  185. #userlogin {
  186.     padding: 7px 8px 11px 12px;
  187.     color: #f1f5f9;
  188.     font-weight: bold;
  189.     text-align: left;
  190. }
  191.  
  192. #userlogin h2 {
  193.     width: 69px;
  194.     height: 15px;
  195.     background: url('images/userlogin_title.gif') no-repeat -2px 0px;
  196. }
  197.  
  198. #userlogin form {
  199.     padding-top: 5px;
  200. }
  201.  
  202. #userlogin .form_field {
  203.     padding-left: 1px;
  204.     padding-top: 7px;
  205.     width: 155px;
  206.     float: none;
  207.     clear: both;
  208.     text-align: right;
  209. }
  210.  
  211. #userlogin form strong {
  212.     padding-top: 1px;
  213.     display: block;
  214.     width: 50px;
  215.     height: 13px;
  216.     float: left;
  217.     text-align: left;
  218. }
  219.  
  220. #userlogin form input {
  221.     width: 93px;
  222.     float: right;
  223. }
  224.  
  225. #userlogin form input.button {
  226.     padding: 0px;
  227.     width: 55px;
  228.     height: 15px;
  229.     border: none;
  230.     float: none;
  231. }
  232.  
  233. #userlogin #link-password {
  234.     padding-top: 5px;
  235. }
  236.  
  237. #userlogin #link-password a {
  238.     color: #eef3f9;
  239. }
  240.  
  241. #userlogin #link-password a:hover {
  242.     color: #bfd8f6;
  243. }
  244.  
  245.  
  246. /* Left Sidebar : Latest News */
  247.  
  248. #news {
  249.     padding: 10px 17px 10px 12px;
  250.     text-align: left;
  251. }
  252.  
  253. #news h2 {
  254.     width: 76px;
  255.     height: 19px;
  256.     background: url('images/news_title.gif') no-repeat 0px 0px;
  257. }
  258.  
  259. #news h4 {
  260.     padding-top: 6px;
  261.     font-size: 10px;    
  262.     font-weight: bold;
  263. }
  264.  
  265. #news p {
  266.     margin-top: 5px;
  267.     margin-bottom: 6px;
  268.     line-height: 12px;
  269. }
  270.  
  271. #news .link-more {
  272.     text-align: right;
  273.     font-weight: bold;
  274. }
  275.  
  276.  
  277. /* Main Content */
  278.  
  279. #maincontent_container {
  280.     border-top : 1px solid #d5dfec;
  281.     border-left : 1px solid #d5dfec;
  282.     float: right;
  283.     text-align: left;
  284. }
  285.  
  286. #maincontent {
  287.     margin: 7px 0px 0px 16px;
  288.     width: 561px;
  289. }
  290.  
  291. #maincontent_top {
  292.     margin-bottom: 11px;
  293.     width: 561px;
  294.     background: url('images/maincontent_verticaldiv.gif') repeat-y 310px 5px;
  295. }
  296.  
  297.  
  298. /* How We Started */
  299.  
  300. #started_container {
  301.     width: 313px;
  302.     float: left;
  303. }
  304.  
  305. #started {
  306.     padding-top: 2px;
  307.     width: 294px;
  308. }
  309.  
  310. #started h2 {
  311.     width: 96px;
  312.     height: 14px;
  313.     background: url('images/started_title.gif') no-repeat 0px 0px;
  314. }
  315.  
  316.  
  317. /* Repairing */
  318.  
  319. #right_container {
  320.     width: 247px;
  321.     float: left;
  322.     text-align: left;
  323. }
  324.  
  325. #repairing {
  326.     margin-left: auto;
  327.     margin-right: 1px;
  328.     padding-bottom: 5px;
  329.     width: 231px;
  330.     float: right;
  331. }
  332.  
  333. #repairing h2 {
  334.     width: 125px;
  335.     height: 19px;
  336.     background: url('images/repairing_title.gif') no-repeat 0px 4px;
  337. }
  338.  
  339. #repairing p {
  340.     margin-top: 6px;
  341. }
  342.  
  343.  
  344. /* Get Special Offer */
  345.  
  346. #offer_container {
  347.     margin-left: auto;
  348.     border: 1px solid #fff;
  349.     background-color: #436da1;
  350.     float: right;
  351. }
  352.  
  353. #offer {
  354.     margin: 5px 17px 4px 10px;
  355.     width: 205px;
  356. }
  357.  
  358. #offer h2 {
  359.     width: 120px;
  360.     height: 22px;
  361.     background: url('images/offer_title.gif') no-repeat -1px 0px;
  362. }
  363.  
  364. #offer p {
  365.     margin-top: 1px;
  366. }
  367.  
  368. #offer .link-go {
  369.     text-align: right;
  370. }
  371.  
  372. #offer .link-go a {
  373.     margin-left: auto;
  374.     display: block;
  375.     width: 34px;
  376.     height: 13px;
  377.     background: url('images/offer_go.gif') no-repeat 0px 0px;
  378. }
  379.  
  380.  
  381. /* Featured Products */
  382.  
  383. #featured_container {
  384.     border: 1px solid #fff;
  385.     background-color: #537caf;
  386.     float: left;
  387. }
  388.  
  389. #featured {
  390.     margin: 9px 30px;
  391.     width: 498px;
  392. }
  393.  
  394. #featured h2 {
  395.     width: 111px;
  396.     height: 20px;
  397.     background: url('images/featured_title.gif') no-repeat 0px 0px;
  398. }
  399.  
  400. #featured_products ul {
  401.     padding-bottom: 2px;
  402.     width: 498px;
  403. }
  404.  
  405. #featured_products li {
  406.     margin: 6px 21px 10px 1px;
  407.     float: left;
  408. }
  409.  
  410. #featured_products li.end {
  411.     margin-right: 0px;
  412. }
  413.  
  414. #featured_products li a {
  415.     display: block;
  416.     width: 107px;
  417.     height: 84px;
  418.     background-color: #fff;
  419.     overflow: hidden;
  420. }
  421.  
  422. #featured_products li a img {
  423.     margin: 1px;
  424. }
  425.  
  426. #featured_products li h4 {
  427.     padding-top: 3px;
  428.     text-align: center;
  429.     font-size: 10px;
  430.     font-weight: bold;
  431. }
  432.  
  433. .featured_nav {
  434.     padding-left: 3px;
  435.     padding-right: 9px;
  436.     float: left;
  437.     font-weight: bold;
  438. }
  439.  
  440. .featured_nav a {
  441.     text-decoration: none;
  442. }
  443.  
  444. #featured .link-more {
  445.     padding-right: 3px;
  446.     font-weight: bold;
  447.     float: right;
  448. }
  449.  
  450.  
  451. /* Page Footer */
  452.  
  453. #page_footer {
  454.     margin: 5px;
  455.     width: 567px;
  456.     float: right;
  457.     text-align: center;
  458.     font-size: 11px;
  459. }