home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template28 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-09-30  |  4.9 KB  |  308 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 80px 0px 0px;
  8.     background: url('images/background_top.gif') #c4b8a1 repeat-x;
  9.     color: #695d47;
  10.     font-family: verdana, arial, sans-serif;
  11.     font-size: 12px;
  12.     text-align: center;
  13. }
  14.  
  15. a {
  16.     color: #695d47;
  17.     background-color: inherit;
  18.     text-decoration: underline;
  19. }
  20.  
  21. a:hover {
  22.     color: #ab9c7e;
  23.     background-color: inherit;
  24. }
  25.  
  26. span {
  27.     display: none;
  28. }
  29.  
  30. img {
  31.     border: none;
  32. }
  33.  
  34. ul {
  35.     list-style-type: none;
  36. }
  37.  
  38. li {
  39.     list-style-type: none;
  40. }
  41.  
  42. p {
  43.     margin: 0px 0px 15px;
  44.     text-align: justify;
  45.     line-height: 15px;
  46. }
  47.  
  48. .clearthis {
  49.     margin : 0px;
  50.     height : 1px;
  51.     clear : both;
  52.     float : none;
  53.     font-size : 1px;
  54.     line-height : 0px;
  55.     overflow : hidden;
  56.     visibility: hidden;
  57. }
  58.  
  59.  
  60. #body_wrapper {
  61.     padding: 5px 0px 10px;
  62.     width: 100%;
  63.     background-color: #fff;
  64.     color: inherit;
  65. }
  66.  
  67. #container {
  68.     margin: 0px auto;
  69.     width: 758px;
  70.     text-align: right;
  71. }
  72.  
  73. #container .content_header {
  74.     margin: 20px 0px 0px auto;
  75.     width: 730px;
  76.     height: 40px;
  77.     background: url('images/content_header_bg.gif') repeat-x 0% 0%;
  78. }
  79.  
  80. #container .content {
  81.     margin: 3px 150px 0px 28px;
  82.     width: 580px;
  83.     text-align: left;
  84. }
  85.  
  86.  
  87. /* Page Header */
  88.  
  89. #page_header {
  90.     background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
  91.     color: #6a604e;
  92.     float: left;
  93. }
  94.  
  95. #page_header h1 {
  96.     width: 280px;
  97.     height: 125px;
  98.     overflow: hidden;
  99.     background: url('images/website_title.gif') no-repeat 50% 50%;
  100. }
  101.  
  102.  
  103. /* Navigational Menu */
  104.  
  105. #nav_menu {
  106.     margin-left: 9px;
  107.     padding-left: 19px;
  108.     float: right;
  109.     background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
  110.     color: #b3a386;
  111.     text-align: center;
  112.     font-family: tahoma, arial, sans-serif;
  113. }
  114.  
  115. #nav_menu a {
  116.     color: #b3a386;
  117.     background: inherit;
  118. }
  119.  
  120. #mav_menu a:hover {
  121.     color: #857860;
  122.     background: inherit;
  123. }
  124.  
  125. #nav_menu ul {
  126.     width: 450px;
  127.     height: 125px;
  128.     overflow: hidden;
  129. }
  130.  
  131. #nav_menu li {
  132.     float: left;
  133.     border-width: 0px 1px 1px 0px;
  134.     border-color: #c1b7a5;
  135.     border-style: solid;
  136.     font-size: 20px;
  137. }
  138.  
  139. #nav_menu li#menu3, #nav_menu li#menu6 {
  140.     border-right: none;
  141. }
  142.  
  143. #nav_menu li a {
  144.     display: block;
  145.     width: 149px;
  146.     height: 62px;
  147.     text-decoration: none;
  148. }
  149.  
  150. #nav_menu li a:hover {
  151.     color: #857860;
  152.     background-color: #f4eee2
  153. }
  154.  
  155. #nav_menu li a span {
  156.     padding-top: 17px;
  157.     display: block;
  158. }
  159.  
  160.  
  161. /* Welcome to my Site */
  162.  
  163. #welcome .content_header h2 {
  164.     height: 28px;
  165.     background: url('images/welcome_header.gif') no-repeat 0% 0%;
  166. }
  167.  
  168. #welcome p {
  169.     width: 420px;
  170.     float: right;
  171. }
  172.  
  173.  
  174. /* Client List */
  175.  
  176. #clientlist .content {
  177.     margin-top: 18px;
  178.     margin-right: 260px;
  179.     width: 470px;
  180.  
  181. }
  182.  
  183. #clientlist .content_header h1 {
  184.     height: 28px;
  185.     background: url('images/clientlist_header.gif') no-repeat 0% 0%;
  186. }
  187.  
  188. #clientlist p {
  189.     width: 300px;
  190.     float: right;
  191. }
  192.  
  193. #photographer_image {
  194.     width: 758px;
  195.     text-align: left;
  196.     overflow: hidden;
  197. }
  198.  
  199. #photographer_image span {
  200.     display: block;
  201.     margin-top: -269px;
  202.     margin-left: 517px;
  203.     width: 241px;
  204.     height: 300px;
  205.     background: url('images/main_image.gif') no-repeat 0% 0%;
  206.     z-index: 1;
  207.     position: absolute;
  208. }
  209.  
  210.  
  211. /* My Portfolio */
  212.  
  213.  
  214. #portfolio .content_header h1 {
  215.     height: 28px;
  216.     background: url('images/portfolio_header.gif') no-repeat;
  217. }
  218.  
  219. #portfolio {
  220.     padding-bottom: 12px;
  221.     background: url('images/gallery_title.gif') no-repeat 29px 80px;
  222. }
  223.  
  224. #gallery {
  225.     padding: 40px 0px 25px 59px;
  226. }
  227.  
  228. #gallery ul {
  229.     width: 700px;
  230. }
  231.  
  232. #gallery li {
  233.     margin-right: 30px;
  234.     margin-bottom: 25px;
  235.     padding: 4px 4px 2px;
  236.     background-color: #c4b8a1;
  237.     color: inherit;
  238.     float: left;
  239. }
  240.  
  241.  
  242. /* Page Footer */
  243.  
  244. #page_footer {
  245.     padding: 9px 10px 6px;
  246.     font-weight: bold;
  247.     float: none;
  248.     clear: both;
  249. }
  250.  
  251. #page_footer a:hover {
  252.     background-color: inherit;
  253.     color: #4f4635;
  254. }
  255.  
  256.  
  257.  
  258. /* Thumbnail with Double-Border */
  259.  
  260. .thumbnail_dborder_1 {
  261.     margin: 0px 12px 5px 0px;
  262.     background: url('images/thumbnail_border_1.gif') #695d47 no-repeat 0% 0%;
  263.     color: inherit;
  264.     clear: left;
  265.     float: left;
  266. }
  267.  
  268. .thumbnail_dborder_2 {
  269.     background: url('images/thumbnail_border_1.gif') no-repeat 100% 0%;
  270. }
  271.  
  272. .thumbnail_dborder_3 {
  273.     background: url('images/thumbnail_border_1.gif') no-repeat 100% 100%;
  274. }
  275.  
  276. .thumbnail_dborder_4 {
  277.     padding: 4px 4px 3px;
  278.     background: url('images/thumbnail_border_1.gif') no-repeat 0% 100%;
  279. }
  280.  
  281. .thumbnail_dborder_1 img {
  282.     border: #fff 7px solid;
  283. }
  284.  
  285.  
  286. /* Thumbnail with Single-Border */
  287.  
  288. .thumbnail_border_1 {
  289.     margin: 5px 12px 5px 0px;
  290.     background: url('images/thumbnail_border_2a.gif') #c5b9a2 no-repeat 0% 0%;
  291.     color: inherit;
  292.     clear: left;
  293.     float: left;
  294. }
  295.  
  296. .thumbnail_border_2 {
  297.     background: url('images/thumbnail_border_2b.gif') no-repeat 100% 0%;
  298. }
  299.  
  300. .thumbnail_border_3 {
  301.     background: url('images/thumbnail_border_2c.gif') no-repeat 100% 100%;
  302. }
  303.  
  304. .thumbnail_border_4 {
  305.     padding: 4px 4px 3px;
  306.     background: url('images/thumbnail_border_2d.gif') no-repeat 0% 100%;
  307. }
  308.