home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Blue_Island / images / style.css < prev    next >
Cascading Style Sheet File  |  2006-04-20  |  7KB  |  435 lines
  1. /*
  2.     
  3.     Blue Island Free Template
  4.     by David Herreman
  5.     http://www.free-css-templates.com
  6.  
  7. */
  8.  
  9.  
  10. textarea.text { 
  11.     height: 150px; 
  12.     width: 90%; 
  13.     border: 1px solid #ccc; 
  14.     background: #fff; 
  15.     color: #000;
  16. }
  17.  
  18. textarea.text:hover { 
  19.     border: 1px solid #eee; 
  20.     background: #FFFFF4; 
  21.     color: #000;
  22. }
  23.  
  24. input.field { 
  25.     border: 1px solid #ccc; 
  26.     background-color: #FFFFFF; 
  27.     width: 200px; 
  28.     color: #000;
  29. }
  30.  
  31. input.field:hover { 
  32.     border: 1px solid #eee; 
  33.     background: #FFFFF4; 
  34.     color: #000;
  35. }
  36.  
  37. input.text { 
  38.     margin: 0; 
  39.     width: 110px;
  40.     border: 1px solid #eee; 
  41.     background: #FFF;
  42.     color: #000; 
  43. }
  44.  
  45. input.text:hover { 
  46.     border: 1px solid #ccc; 
  47. }
  48.  
  49. input.searchbutton { 
  50.     margin: 0; 
  51.     font-size: 100%; 
  52.     font-family: Arial, Sans-serif; 
  53.     border: none; 
  54.     background: #FFFFFF; 
  55.     color: #808080; 
  56.     padding: 1px; 
  57.     font-weight: bold; 
  58. }
  59.  
  60. input.button { 
  61.     background: #FFFFF4; 
  62.     color: #808080;
  63.     border-right: 1px solid #ccc;
  64.     border-bottom: 1px solid #ccc;
  65. }
  66.  
  67. h4 {
  68.     font-size: 12px;
  69.     color: #50922C;
  70.     text-align: left;
  71.     background-color: #fff;
  72. }
  73.  
  74. .date {
  75.     text-align: right;
  76.     color: #808080;
  77.     font-size: 11px;
  78.     background-color: #cad9de;
  79. }
  80.  
  81. .date a {
  82.     color: #003647;
  83.     background-color: #cad9de;
  84. }
  85.  
  86.  
  87.  
  88. #page-container {
  89.     width: 760px;
  90.     text-align: left;
  91.     margin: auto;
  92.     background-color: #cad9de;
  93. }
  94.  
  95. body {
  96.     font-family: Arial, Helvetica, Verdana, Sans-serif;
  97.     font-size: 12px;
  98.     color: #666666;
  99.     background: #405060;
  100.     text-align: center;
  101.     
  102. }
  103.  
  104.  
  105. #header {
  106.     background: #cad9de url("header.jpg")  center no-repeat;
  107.     height: 212px;
  108.     padding: 0 0 0 0px;
  109.     text-align: right;
  110.     color: #fff;
  111.     font-size: 10px;
  112.     background-color: #cad9de;
  113. }
  114.  
  115. #header a {
  116.  color: #000;
  117. }
  118.  
  119. #header .text {
  120.      text-align: right;
  121.     color: #003647;
  122.     font-size: 12px;
  123.     padding: 25px 25px 10px 0px;
  124.     font-weight: bold;
  125. }
  126.  
  127. * html #header .text {
  128.      text-align: right;
  129.     color: #003647;
  130.     font-size: 12px;
  131.     padding: 25px 0px 0px 0px;
  132.     font-weight: bold;
  133. }
  134.  
  135. #header input.button { 
  136.     float: right;
  137.     background: #003647; 
  138.     border: none;
  139.     color: #fff;
  140.     font-weight: bold;
  141.     background: #003647; 
  142.     
  143. }
  144.  
  145.  
  146. #header .padding {
  147.     padding: 80px 25px 0px 0px;
  148. }
  149.  
  150. #header .padding_passwd {
  151.     padding: 20px 25px 0px 0px;
  152. }
  153.  
  154. * html #header .padding {
  155.     padding: 80px 17px 0px 0px;
  156. }
  157.  
  158. * html #header .padding_passwd {
  159.     padding: 17px 17px 0px 0px;
  160. }
  161.  
  162. #header input.text { 
  163.     width: 109px; 
  164.     height:24px;
  165.     border: 0;
  166.     background: url(input2.gif) no-repeat;
  167.     padding: 4px;
  168.     color: #003647;
  169. }
  170.  
  171. * html #header input.text { 
  172.     width: 109px; 
  173.     height:24px;
  174.     border: 0;
  175.     background: url(input2.gif) no-repeat;
  176.     padding-right: 10px; 
  177.     color: #003647;
  178. }
  179.  
  180.  
  181. #menu {
  182.     background: #cad9de url("menu.jpg") top center no-repeat;
  183.     height: 87px;
  184.     text-align: center;
  185.     color: #fff;
  186.     font-size: 10px;
  187.     font-size: 100%; 
  188.     padding-top: 7px;
  189. }
  190.  
  191.  
  192. #menu .padding {
  193.  padding-top: 0px;
  194. }
  195.  
  196. * html #menu .padding {
  197.  padding-top: 5px;
  198. }
  199.  
  200. * html #menu {
  201.     background: #cad9de url("menu.jpg") top center no-repeat;
  202.     height: 87px;
  203.     text-align: center;
  204.     color: #fff;
  205.     font-size: 10px;
  206.     font-size: 100%; 
  207.     padding: 0px;
  208. }
  209.  
  210. #menu a {
  211.     color: #fff;
  212.     font-size: 9pt;
  213.     font-weight: bold;
  214.     padding: 0px 10px 0px 10px;
  215.     text-decoration: none;
  216. }
  217.  
  218. #menu a:hover {
  219.     color: #fff;
  220.     font-size: 9pt;
  221.     font-weight: bold;
  222.     padding: 0 10px 0 10px;
  223.     text-decoration: underline ;
  224.     
  225. }
  226.  
  227.  
  228. #menu input.button { 
  229.     background: #003647; 
  230.     border: none;
  231.     color: #fff;
  232.     font-weight: bold;
  233. }
  234.  
  235. * html #menu input.button { 
  236.     background: #003647; 
  237.     border: none;
  238.     color: #fff;
  239.     font-weight: bold;
  240.     
  241. }
  242.  
  243. .search { 
  244.     color: #fff;
  245.     clear: both;
  246.     font-weight: bold;
  247.     padding: 10px 25px 10px 10px;
  248.     margin: 5px 0;
  249. }
  250.  
  251. * html .search { 
  252.     color: #fff;
  253.     clear: both;
  254.     font-weight: bold;
  255.     padding: 0px 0px 00px 0px;
  256.     margin: 0px 0;
  257. }
  258.  
  259. #menu input.text { 
  260.     width: 292px; 
  261.     border: 0;
  262.     background: #FFF url(input.gif) no-repeat;
  263.     margin-top: 4px;
  264.     padding: 4px; 
  265.     color: #003647;
  266. }
  267.  
  268. * html #menu input.text { 
  269.     border: 0px;
  270.     background: url(input.gif) no-repeat;
  271.     margin-top: 0px;
  272.     padding: 4px; 
  273.     color: #003647;
  274. }
  275.  
  276. #myhr {
  277.  background: url(hr.gif) no-repeat center;
  278.  margin: 13px;
  279.  height: 1px;
  280.  background-color: #eee;
  281. }
  282.  
  283.  
  284. #content {
  285.     background-color: #cad9de;
  286.     padding-top: 0px;
  287.     margin-right: 255px;
  288.     line-height: 18px;
  289.     padding-left: 10px;
  290. }
  291.  
  292. #content .padding {
  293.     padding: 10px 10px 0px 10px;
  294.     color: #000;
  295.     background-color: #cad9de;
  296. }
  297.  
  298.  
  299. #content h2 {
  300.     margin-top: 5px;
  301.     padding-top: 5px;
  302.     padding-bottom: 0px;
  303.     color: #003647;
  304.     line-height: 30px;
  305.     background-color: #cad9de;
  306. }
  307.  
  308.  
  309. * html #content h2 {
  310.     margin-top: 10px;
  311.     padding-top: 10px;
  312.     padding-bottom: 0px;
  313.     color: #003647;
  314.     line-height: 30px;
  315.     background-color: #cad9de;
  316. }
  317.  
  318. #content a {
  319. color: #003647;
  320. text-decoration: none;
  321. background-color: #cad9de;
  322. }
  323.  
  324. #content p {
  325.     margin: 0;
  326.     padding: 0;
  327.     padding-top: 5px;
  328.     background-color: #cad9de;
  329. }
  330.  
  331. #box {
  332.     width: auto;
  333.     line-height: 18px;
  334.     margin-top: 30px;
  335.     margin-right: 20px;
  336.     margin-left: 10px;
  337.     padding: 10px 10px 10px 10px;
  338.     background-color: #eee;
  339.     border: 1px;
  340.     border-style: solid;
  341.     border-color: #003647;
  342. }
  343.  
  344. #sidebar-a {
  345.     float: right;
  346.     width: 195px;
  347.     line-height: 18px;
  348.     margin-top: 30px;
  349.     margin-right: 20px;
  350.     background-color: #eee;
  351. }
  352.  
  353. * html #sidebar-a {
  354.     float: right;
  355.     width: 95px;
  356.     line-height: 18px;
  357.     margin-top: 30px;
  358.     margin-right: 10px;
  359.     padding-left: 0px;
  360.     padding-right: 0px;
  361.     background-color: #eee;
  362. }
  363.  
  364.  
  365.  
  366. * html #sidebar-a p {
  367.   width: 173px;
  368.   margin-left: 10px;
  369.   margin-top: 15px;
  370.   text-decoration: none ;
  371.   text-align: left;
  372.   background-color: #eee;
  373.   }
  374.  
  375.  
  376.  
  377. #footer {
  378.     clear:both;
  379.     font-family: Tahoma, Arial, Helvetica, Sans-serif;
  380.     font-size: 11px;
  381.     color: #fff;
  382.     padding: 4px 0px;
  383.     text-align: center;
  384.     background-color: #003647;
  385. }
  386.  
  387. #footer a {
  388.     color: #fff;
  389.     text-decoration: none;
  390. }
  391.  
  392. #footer a:hover {
  393.     color: #fff;
  394. }
  395.  
  396. #footer #copyright {
  397.     padding-top: 1px;
  398. }
  399.  
  400. .hidden {
  401.     display: none;
  402. }
  403.  
  404. .roundcont {
  405.     width: 195px;
  406.     background-color: #eee;
  407.     color: #808080;
  408. }
  409.  
  410. .roundcont {
  411.     width: 195px;
  412.     background-color: #eee;
  413.     color: #808080;
  414.     padding:0px;
  415.     }
  416.  
  417.  
  418. .roundcont p {
  419.     margin: 25px 10px;
  420. }
  421.  
  422. .roundtop { 
  423.     background: url(topright.gif) no-repeat top right; 
  424. }
  425.  
  426. .roundbottom {
  427.     background: url(botright.gif) no-repeat top right; 
  428. }
  429.  
  430. img.corner {
  431.    width: 18px;
  432.    height: 17px;
  433.    border: none;
  434.    display: block !important;
  435. }