home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 6098 / css / global.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-12-12  |  4.4 KB  |  307 lines
  1. /*-------------------------------------------------------
  2.  
  3. author: gorotron (www.gorotron.com)
  4. version: 1.0
  5. license: Commons Attribution 3.0 United States License
  6.  
  7. http://creativecommons.org/licenses/by/3.0/us/
  8.  
  9. Do whatever you like with this templateΓÇô just be
  10. sure to leave my link at the bottom of each page.
  11.  
  12. Thanks!
  13.  
  14. -------------------------------------------------------*/
  15.  
  16. @import "dropdown.css";
  17.  
  18. * {
  19.     margin:0;
  20.     padding:0;
  21. }
  22.  
  23. html {
  24.     text-align:center;
  25.     background:#F3F3F3;
  26. }
  27.  
  28. body {
  29.     font:62.5% Verdana, Arial, Helvetica;
  30.     text-align:left;
  31.     color:#333;
  32.     width:75em;
  33.     margin:2em auto;
  34.     background:#FFF;
  35.     padding:1.3em;
  36.     background:#FFF url(../images/body_bg.gif) bottom repeat-x;
  37.     border:0.1em solid #EAEAEA;
  38. }
  39.  
  40. p {
  41.     font-size:1.2em;
  42.     line-height:1.5em;
  43.     margin:1em 0;
  44. }
  45.  
  46. a {
  47.     color:#004D85;
  48.     text-decoration:none;
  49. }
  50.  
  51. p a, td a, th a {
  52.     background:url(../images/link_underline.gif) bottom repeat-x;
  53.     padding-bottom:0.1em;
  54. }
  55.  
  56. ul {
  57.     list-style:none;
  58. }
  59.  
  60. #masthead {
  61.     width:100%;
  62.     height:14em;
  63.     position:relative;
  64.     margin-bottom:0.3em;
  65.     background:url(../images/masthead_bg.gif) repeat-x;
  66.     line-height:14em;
  67. }
  68.  
  69. #masthead h1 {
  70.     font-size:3em;
  71.     font-family:"trebuchet ms";
  72.     margin-left:1em;
  73.     color:#FFF;
  74. }
  75.  
  76. #masthead h1 a {
  77.     color:#FFF;
  78. }
  79.  
  80. #masthead sup {
  81.     font-size:0.5em;
  82. }
  83.  
  84. #mastheadBox {
  85.     background:url(../images/masthead_box.gif) left center no-repeat;
  86.     z-index:11;
  87.     position:absolute;
  88.     height:8em;
  89.     top:50%;
  90.     margin-top:-5em;
  91.     right:2em;
  92.     width:43.5em;
  93.     padding:1em 1em 1em 3.5em;
  94. }
  95.  
  96. #mastheadBox h2 {
  97.     line-height:1em;
  98.     color:#F60;
  99.     font-size:1.2em;
  100. }
  101.  
  102. #mastheadBox p {
  103.     padding:1em 0 0;
  104.     margin:0;
  105. }
  106.  
  107. #breadCrumbs {
  108.     clear:both;
  109.     padding:0.5em 2em;
  110.     margin-top:0.3em;
  111.     background:#EAEAEA url(../images/breadcrumbs_bg.gif);
  112. }
  113.  
  114. #breadCrumbs li {
  115.     display:inline;
  116. }
  117.  
  118. #breadCrumbs li a {
  119.     margin-right:0.5em;
  120.     padding-right:1em;
  121.     background:url(../images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
  122. }
  123.  
  124. #breadCrumbs li a:hover, #footer li a:hover {
  125.     text-decoration:underline;
  126. }
  127.  
  128. /* Main Column */
  129.  
  130. #mainContent {
  131.     width:53em;
  132.     padding:2em 0 2em 2em;
  133.     float:left;
  134. }
  135.  
  136. #mainContent h2 {
  137.     color:#F60;
  138.     font-size:1.5em;
  139. }
  140.  
  141. #mainContent p + h2 {
  142.     margin-top:1.5em;
  143. }
  144.  
  145. #mainContent h3 {
  146.     font-size:1.25em;
  147. }
  148.  
  149. #mainContent blockquote {
  150.     padding:0 2em;
  151.     font-style:italic;
  152.     font-size:0.9em;
  153.     color:#444;
  154.     border-left:4px solid #F90;
  155. }
  156.  
  157. #mainContent ul {
  158.     color:#F90;
  159. }
  160.  
  161. #mainContent li {
  162.     background:url(../images/li_bullet.gif) left center no-repeat;
  163.     font-size:1.2em;
  164.     padding-left:1em;
  165.     margin:0 0 0.5em 1em;
  166.     color:#333;
  167. }
  168.  
  169. #suckerfish {
  170.     width:100%;
  171.     height:10em;
  172.     font-family:monaco, courier;
  173. }
  174.  
  175. /* Main Column Table */
  176.  
  177. #mainContent table {
  178.     margin-top:1.5em;
  179. }
  180.  
  181. #mainContent thead th {
  182.     background:#EAEAEA;
  183. }
  184.  
  185. #mainContent td {
  186.     padding:0.5em;
  187.     background:#F4F4F4;
  188. }
  189.  
  190. #mainContent td:hover {
  191.     background:#EAEAEA;
  192. }
  193.  
  194. #mainContent th {
  195.     padding:0.5em;
  196.     background:#F4F4F4;
  197.     color:#004D85;
  198. }
  199.  
  200. #mainContent th strong {
  201.     color:#F60;
  202. }
  203.  
  204. /* Form */
  205.  
  206. fieldset {
  207.     padding:1em 1em 0.5em;
  208.     border:1px solid #EAEAEA;
  209.     margin-top:2em;
  210.     background:#F7F7F7;
  211. }
  212.  
  213. label {
  214.     display:block;
  215.     padding-bottom:0.5em;
  216.     font-weight:bold;
  217. }
  218.  
  219. input, textarea {
  220.     border:1px solid #CCC;
  221.     padding:0.25em;
  222.     width:20em;
  223. }
  224.  
  225. textarea {
  226.     width:28em;
  227.     height:5em;
  228.     font:1.2em Verdana, Arial, Helvetica, sans-serif;
  229. }
  230.  
  231. input:hover, input:focus, textarea:hover, textarea:focus {
  232.     border-color:#999;
  233. }
  234.  
  235. #submit {
  236.     color:#FFF;
  237.     font-size:1em;
  238.     font-weight:bold;
  239.     width:auto;
  240.     background:#F90 url(../images/nav_bg.gif) bottom repeat-x;
  241. }
  242.  
  243. input#submit:hover {
  244.     border-color:#F60;
  245. }
  246.  
  247. /* Side Column */
  248.  
  249. #secondaryContent {
  250.     width:16em;
  251.     padding:2em;
  252.     float:left;
  253. }
  254.  
  255. #secondaryContent h2, #secondaryContent p {
  256.     font-size:1.2em;
  257. }
  258.  
  259. #secondaryContent h2 {
  260.     color:#F60;
  261. }
  262.  
  263. .secondaryContentBox {
  264.     border:1px solid #EAEAEA;
  265.     background:#F7F7F7;
  266.     padding:1em 1em 0.5em;
  267.     margin-bottom:2em;
  268. }
  269.  
  270. .secondaryContentBox span {
  271.     color:#F60;
  272.     font-weight:bold;
  273. }
  274.  
  275. #secondaryContent blockquote {
  276.     font-style:italic;
  277.     font-size:0.9em;
  278.     padding:0.5em 0 0 2em;
  279.     background:url(../images/left_quote.gif) no-repeat;
  280. }
  281.  
  282. #secondaryContent blockquote p {
  283.     background:url(../images/right_quote.gif) right bottom no-repeat;
  284.     padding-bottom:1em;
  285. }
  286.  
  287. #secondaryContent blockquote span {
  288.     margin-left:2em;
  289. }
  290.  
  291. #secondaryContent .source {
  292.     text-align:right;
  293.     margin:-0.5em 0 2em;
  294.     font-size:1em;
  295. }
  296.  
  297. #footer {
  298.     text-align:center;
  299.     clear:both;
  300.     padding:1em 0 0;
  301.     background:url(../images/footer_hr.gif) repeat-x;
  302. }
  303.  
  304. #footer li {
  305.     display:inline;
  306.     margin:0.5em;
  307. }