home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template16 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-08-18  |  5.1 KB  |  371 lines
  1. /** Tempalte 18 **/
  2.  
  3. body {
  4.     font-family: tahoma, verdana, helvetica, arial, sans-serif;
  5.     font-size: 10px;
  6.     text-align: center;
  7. }
  8.  
  9. html, body, #wrapper, h1, #nav, #nav li, #col ul, #col li {
  10.     margin: 0;
  11.     padding: 0;
  12.     list-style: none;
  13. }
  14.  
  15. th, td {
  16.     font-size: 10px;
  17. }
  18.  
  19. img { border: 0; }
  20.  
  21. #wrapper {
  22.     margin: auto;
  23.     text-align: left;
  24.     width: 750px;
  25.     position: relative;
  26. }
  27.  
  28. h1, h2, h3 {
  29.     font-size: 10px;
  30. }
  31.  
  32.  
  33. h1 {
  34.     margin: 0;
  35.     padding: 0;
  36. }
  37.  
  38. h2 {
  39.     margin: 0 0 0 0;
  40.     padding: 0;
  41. }
  42.  
  43. h3 {
  44.     margin: 4px 0 0 0;
  45.     padding: 0 0 0 0;
  46. }
  47.  
  48. p {
  49.     margin: 1em 0;
  50.     padding: 0;
  51. }
  52.  
  53. .block {
  54.     display: block;
  55. }
  56.  
  57. .clear {
  58.     clear: both;
  59.     height: 1px;
  60.     padding-top: 0;
  61.     margin-top: 0;
  62.     margin-bottom: 0;
  63.     font-size: 1px;
  64.     line-height: 1px;
  65. }
  66.  
  67. .left {
  68.     float: left;
  69.     margin: 1px 8px 0px 0px;
  70. }
  71.  
  72. .right {
  73.     float: right;
  74.     margin: 1px 0px 0px 8px;
  75. }
  76.  
  77. .softright {
  78.     text-align: right;
  79. }
  80.  
  81. .readmore {
  82.     text-align: right;
  83.     padding-right: 1em;
  84. }
  85.  
  86. /* ***** */
  87.  
  88.  
  89. body {
  90.     background: #164871;
  91.     color: #052D4E;
  92.     padding-bottom: 48px;
  93. }
  94.  
  95. #wrapper {
  96.     margin: 48px auto 0 auto;
  97.     width: 770px;
  98. }
  99.  
  100. h3 {
  101.     margin: 1em 0;
  102. }
  103.  
  104. a {
  105.     color: #052D4E;
  106.     text-decoration: none;
  107. }
  108.  
  109. a:hover {
  110.     color: #000000;
  111.     text-decoration: underline;
  112. }
  113.  
  114. .readmore { margin-top: -0.5em }
  115.  
  116. /* col */
  117.  
  118. #col {
  119.     position: absolute;
  120.     top: 0; left: 0;
  121.     width: 329px;
  122.     background: #F0F8FE;
  123.     padding: 7px;
  124. }
  125.  
  126. * html #col {
  127.     width: 343px;
  128.     w\idth: 329px;
  129. }
  130.  
  131. #col h1 {
  132.     margin: 0 0 7px 0;
  133.     padding: 0;
  134. }
  135.  
  136. /* micronav */
  137.  
  138. #micronav {
  139.     position: absolute;
  140.     top: 0px; right: 0px;
  141.     width: 15em;
  142.     text-align: right;
  143. }
  144.  
  145. #micronav a {
  146.     color: #CBE3F5;
  147.     text-decoration: none;
  148.     padding-right: 18px;
  149.     display: block;
  150.     float: right;
  151. }
  152.  
  153. #micronav a.home {
  154.     padding-left: 16px;
  155.     position: relative;
  156.     background: url(images/ico_home.gif) center left no-repeat;
  157. }
  158.  
  159. #micronav a.mail {
  160.     padding-left: 18px;
  161.     background: url(images/ico_email.gif) center left no-repeat;
  162. }
  163.  
  164. #micronav a:hover {
  165.     color: #fff;
  166. }
  167.  
  168. /* body */
  169.  
  170. #spacer {
  171.     height: 2.2em;
  172. }
  173.  
  174. #body {
  175.     margin: 0 0 0 344px;
  176.     width: 426px;
  177.     background: #A5CAE5 url(images/shadow_r.gif) top right repeat-y;
  178. }
  179.  
  180. #body .i { background: url(images/shadow_tr.gif) top right no-repeat; }
  181. #body .j { background: url(images/shadow_b.gif) bottom left no-repeat; }
  182.  
  183. #body .j {
  184.     padding: 0 6px 6px 0;
  185. }
  186.  
  187. #body h3 {
  188.     font-weight: bold;
  189.     color: #007DDA;
  190. }
  191.  
  192. #body h3 a {
  193.     color: #052D4E;
  194.     text-decoration: none;
  195. }
  196.  
  197. #body .readmore a {
  198.     border: 1px solid #478FC3;
  199.     background: #CDE3F3;
  200.     color: #052D4E;
  201.     text-decoration: none;
  202.     padding: 0 2px;
  203. }
  204.  
  205. #body .readmore a:hover {
  206.     background: #478FC3;
  207.     color: #fff;
  208. }
  209.  
  210.  
  211. * html #body h3 { margin-top: 2em; }
  212. * html .readmore a { float: right; }
  213.  
  214. ul {
  215.     margin: 0;
  216.     padding: 0;
  217. }
  218.  
  219. li {
  220.     list-style: none;
  221.     margin: 1.1em 0;
  222.     padding: 0 0 0 10px;
  223.     background: url(images/bullet.gif) left center no-repeat;
  224. }
  225.  
  226. /* nav */
  227.  
  228. #nav {
  229.     padding: 3px 2px 2px 2px;
  230.     border-bottom: 2px solid #164871;
  231. }
  232.  
  233. * html #nav .clear {
  234.     margin-top: -1px;
  235.     marg\in-top: -4px;
  236. }
  237.  
  238. #nav span {
  239.     float: left;
  240.     width: 10px;
  241.     padding: 5px 0;
  242.     margin-left: 2px;
  243.     background: #245882 url(images/menu_l.gif) no-repeat;
  244. }
  245.  
  246. #nav a {
  247.     float: left;
  248.     color: #A5CAE5;
  249.     background: #245882 url(images/menu_split.gif) top right no-repeat;
  250.     padding: 5px 26px 5px 8px;
  251.     font-weight: bold;
  252.     text-decoration: none;
  253. }
  254.  
  255. #nav a.last {
  256.     background-image: url(images/menu_r.gif);
  257.     padding-left: 12px;
  258.     padding-right: 26px;
  259. }
  260.  
  261. #nav a:hover {
  262.     color: #fff;
  263. }
  264.  
  265. /* body */
  266.  
  267. #body .ltitle, #body .rtitle {
  268.     padding-right: 25px;
  269.     padding-left: 35px;
  270. }
  271.  
  272. * html #body .ltitle, * html #body .rtitle  {
  273.     height: 1%;
  274. }
  275.  
  276. #body .ltitle {
  277.     border-top: 1px solid #164871;
  278.     border-bottom: 1px solid #164871;
  279. }
  280.  
  281. #body .rtitle {
  282.     background: url(images/title_bg.gif) top right repeat-y;
  283. }
  284.  
  285. #body .ltitle {
  286.     background: url(images/title_bg.gif) top left repeat-y;
  287. }
  288.  
  289. #body .rtitle h2 {
  290.     float: right;
  291.     width: 25px;
  292.     text-align: right;
  293.     margin-right: -25px;
  294.     display: inline;
  295. }
  296.  
  297. #body .ltitle h2 {
  298.     float: left;
  299.     width: 23px;
  300.     margin-left: -35px;
  301.     display: inline;
  302. }
  303.  
  304. /* gal */
  305.  
  306. #body #gal {
  307.     padding-left: 0;
  308. }
  309.  
  310. #gal .pic {
  311.     float: left;
  312.     width: 107px;
  313.     padding: 6px;
  314.     margin: 8px 3px 8px 8px;
  315.     display: inline;
  316.     background: #CBE3F5;
  317. }
  318.  
  319. * html #gal .pic {
  320.     width: 119px;
  321.     w\idth: 107px;
  322. }
  323.  
  324. #gal .clear {
  325.     float: none;
  326.     clear: both;
  327. }
  328.  
  329. /* hotstuff */
  330.  
  331. #mgal {
  332.     float: left;
  333.     width: 119px;
  334.     margin-left: -25px;
  335.     display: inline;
  336. }
  337.  
  338. #mgal .pic {
  339.     padding: 7px 0;
  340.     margin: 14px 0 7px 0;
  341.     text-align: center;
  342.     background: #CBE3F5;
  343. }
  344.  
  345. .floating {
  346.     float: left;
  347.     width: 112px;
  348.     margin-left: 20px;
  349.     display: inline;
  350. }
  351.  
  352. /* footer */
  353.  
  354. #footer {
  355.     text-align: center;
  356.     margin-left: 344px;
  357.     color: #3C7DB2;
  358. }
  359.  
  360. #footer a {
  361.     color: #3C7DB2;
  362.     text-decoration: underline;
  363. }
  364.  
  365. #footer a:hover {
  366.     color: #fff;
  367. }
  368.  
  369.  
  370.  
  371.