home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Nautica08 / stylesheet.css < prev   
Cascading Style Sheet File  |  2006-09-15  |  6KB  |  305 lines
  1. /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
  2.  
  3.  
  4. body{
  5. background:#ffffff url('images/bg.jpg') top center repeat-x;
  6. margin:10px 10px 0px 10px;
  7. padding:0px;
  8. color:#999999;
  9. font-family:"Trebuchet MS",arial,sans-serif;
  10. font-size:70.5%;
  11.  
  12. }
  13.  
  14. #blogtitle{
  15. width:100%;    
  16. margin:0px auto;
  17. padding:0 0 5px 0;
  18. font-size:1.1em;
  19. line-height:1.2em;
  20.  
  21. }
  22.  
  23. #small{
  24. positon:relative;
  25. padding-left: 5px;
  26.  
  27. }
  28.  
  29. #small2{
  30. positon:relative;
  31. float:right;
  32. margin-top: -15px;
  33.  
  34. }
  35.  
  36. #blogtitle a:link, a:visited{
  37. color:#b8ce83;
  38. text-decoration:none;
  39. }
  40.  
  41. #blogtitle a:hover, a:active{
  42. color:#fff;
  43. text-decoration:none;
  44.  
  45. }
  46.  
  47.  
  48. UL.BLUE {
  49. list-style: url(images/bullet.jpg) disc;
  50. font-size: 1.1em;
  51.  
  52. }
  53.  
  54. #leftcontent {
  55. position: absolute;
  56. left:10px;
  57. top:50px;
  58. width:200px;
  59. margin-top: 116px;
  60. background-image:url("images/strips_onside.jpg");
  61. background-repeat:repeat-y;
  62. font-size:1.0em;
  63. padding-left: 12px;    
  64. padding-top: 8px;
  65.  
  66. }
  67.  
  68. #leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
  69.  
  70. #leftcontent a, a:link { color:#888; font-weight:500;}
  71.  
  72. #leftcontent a:hover, a:active{ color:#FF6666;}
  73.  
  74.  
  75. #centercontent {
  76. margin-top: 37px;
  77. background:#fff;
  78. margin-left: 199px;
  79. margin-right:199px;
  80. color:#000;
  81. voice-family: "\"}\"";
  82. voice-family: inherit;
  83. margin-left: 201px;
  84. margin-right:201px;
  85. padding:20px;
  86.  
  87. }
  88.  
  89. #centercontent p {color:#888;}
  90.  
  91. #centercontent a, a:link { color:#006633;}
  92.  
  93. #centercontent a:hover, a:active{ color:#FF6666;}
  94.  
  95.  
  96. html>body #centercontent {
  97. margin-left: 201px;
  98. margin-right:201px;
  99.  
  100. }
  101.  
  102. .centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
  103. border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
  104.  
  105. .centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
  106. border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
  107.  
  108.  
  109. #rightcontent {
  110. position: absolute;
  111. right:10px;
  112. top:50px;
  113. width:200px;
  114. font-size:1.1em;
  115. background-image:url("images/strips_onside.jpg");
  116. background-repeat:repeat-y;
  117. margin-top: 116px; 
  118. padding-left: 5px;
  119. padding-right: 8px;
  120. padding-top: 8px;
  121.  
  122. }
  123.  
  124.  
  125. #rightcontent p {color:#888;}
  126.  
  127. #rightcontent a, a:link { color:#888; font-weight:600;}
  128.  
  129. #rightcontent a:hover, a:active{ color:#FF6666;}
  130.  
  131.  
  132. #banner {
  133. background:#fff;
  134. height:40px;
  135. voice-family: "\"}\"";
  136. voice-family: inherit;
  137. height:39px;
  138.  
  139. }
  140.  
  141.  
  142. html>body #banner {
  143. height:39px;
  144.  
  145. }
  146.  
  147.  
  148. p,h1,pre {
  149. margin:0px 10px 10px 10px;
  150. font:Arial, Helvetica, sans-serif;
  151. font-size:12px;
  152. line-height: 1.6em;
  153. text-align:justify;
  154. text-decoration:none;
  155. }
  156.  
  157. h1 {
  158. font-size:2.5em;
  159. float:right;
  160. color:#ccc;
  161. padding-top:15px;
  162.  
  163. }
  164.  
  165. h3 {
  166. font-size:14px;
  167. color:#999;
  168.  
  169. }
  170.  
  171. #banner h1 {
  172. font-size:14px;
  173. padding:10px 10px 0px 10px;
  174. margin:0px;
  175.  
  176. }
  177.  
  178. #rightcontent p {
  179. font-size:11px
  180.  
  181. }
  182.  
  183. .introduction ul, #introduction li {
  184. text-align:center;
  185. list-style: none;
  186. margin: 0;
  187. padding: 0;
  188.  
  189. }
  190.  
  191. .introduction a {
  192. border-bottom: none;
  193. color:#999999;
  194. }
  195.  
  196. .introduction h3{
  197. text-align: center;
  198. position:static;
  199.  
  200. }
  201.  
  202.  
  203. /* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
  204.  
  205. #topmenu {
  206. position: absolute;
  207. top: 45px;
  208. left: 240px;
  209. width: 600px;
  210. font-size:100%;
  211. margin: 0 0 50px 0;;
  212. line-height:normal;
  213. height: 35px;
  214. }
  215. #topmenu ul {
  216. margin:0;
  217. padding:0px 0px 0 0px;
  218. list-style:none;
  219. }
  220. #topmenu li {
  221. display:inline;
  222. margin:0;
  223. padding:0;
  224. }
  225. #topmenu a {
  226. float:left;
  227. background:url(images/menuleft.gif) no-repeat left top;
  228. margin:0;
  229. padding:0 0 0 4px;
  230. text-decoration:none;
  231. }
  232. #topmenu a span {
  233. float:left;
  234. display:block;
  235. background:url(images/menuright.gif) no-repeat right top;
  236. padding:5px 15px 4px 6px;
  237. color:#888;
  238. }
  239.  
  240. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  241. #topmenu a span {float:none;}
  242. /* End IE5-Mac hack */
  243. #topmenu a:hover span {
  244. color:#999999;
  245. }
  246. #topmenu a:hover {
  247. background-position:0% -42px;
  248. }
  249. #topmenu a:hover span {
  250. background-position:100% -42px;
  251. }
  252.  
  253. /* ~~~~~~~~~ END MENU ~~~~~~~~~ */
  254.  
  255.  
  256.  
  257. /* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
  258.  
  259. #footer{
  260. height:329px;
  261. background:#000 url('images/bg.jpg') top center repeat-x;
  262. text-align: center;
  263. padding-top: 8px;
  264. clear: both;
  265. float: none;
  266. margin-left: -10px;
  267. margin-right: -10px;
  268. margin-bottom: -20px;
  269.  
  270. }
  271.  
  272. #footer a, a:link {
  273. color:#999999;
  274. text-decoration: none;
  275.  
  276. }
  277. #footer a:hover {
  278. color:#A5CE77;
  279. text-decoration: none;
  280.  
  281. }
  282.  
  283. /* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
  284.  
  285.  
  286. /* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
  287.  
  288. .centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
  289. border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
  290.  
  291.  
  292. .centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
  293. border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
  294.  
  295. .centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
  296. border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
  297.  
  298. .centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
  299. border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
  300.  
  301. .centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
  302. border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
  303.  
  304. .centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
  305. border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}