home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / layout / css / style.css
Encoding:
Cascading Style Sheet File  |  2005-09-04  |  9.5 KB  |  306 lines
  1. BODY {
  2.     BACKGROUND: url(../img/bg.gif) center #3F3F3F; 
  3.     PADDING: 0px; 
  4.     MARGIN: 20px; 
  5.     TEXT-ALIGN: center; 
  6.     font: 12px "Trebuchet MS", lucida, arial, helvetica, sans-serif; 
  7.     color : #020100; 
  8.     line-height: 17px;
  9. }
  10. IMG {
  11.     BACKGROUND: none transparent scroll repeat 0% 0%; 
  12.     BORDER-STYLE: none; 
  13.     PADDING: 1px;
  14. }
  15. .hidden {
  16.     DISPLAY: none
  17. }
  18.  
  19.  
  20.  
  21. A:link {
  22.     COLOR: #5F5F5F; 
  23.     TEXT-DECORATION: none
  24. }
  25. A:visited {
  26.     COLOR: #5F5F5F; 
  27.     TEXT-DECORATION: none
  28. }
  29. A:active {
  30.     TEXT-DECORATION: none
  31. }
  32. A:hover {
  33.     COLOR: #585858; 
  34.     TEXT-DECORATION: none
  35. }
  36.  
  37.  
  38.  
  39. H1 {
  40.     PADDING: 0px;
  41.     BACKGROUND: none transparent scroll repeat 0% 0%;  
  42.     MARGIN: 0px 0px 5px 0px;
  43.     COLOR: #971D1A; 
  44.     FONT: 19px "Lucida Sans Unicode", sans-serif; 
  45.     TEXT-TRANSFORM: lowercase; 
  46. }
  47. H2 {
  48.     PADDING: 0px;
  49.     BACKGROUND: none transparent scroll repeat 0% 0%;  
  50.     COLOR: #971D1A; 
  51.     MARGIN: 0px 0px 5px 0px;
  52.     FONT: 17px "Lucida Sans Unicode", sans-serif; 
  53.     TEXT-TRANSFORM: lowercase; 
  54. }
  55. H3 {
  56.     PADDING: 0px;
  57.     BACKGROUND: none transparent scroll repeat 0% 0%;  
  58.     COLOR: #971D1A; 
  59.     MARGIN: 0px 0px 5px 0px;
  60.     FONT: 15px "Lucida Sans Unicode", sans-serif; 
  61.     TEXT-TRANSFORM: lowercase; 
  62. }
  63.  
  64. P {
  65.     PADDING: 0px; 
  66.     FONT-SIZE: 10px; 
  67.     BACKGROUND: none transparent scroll repeat 0% 0%; 
  68.     MARGIN: 0px; 
  69.     COLOR: #020100;
  70. }
  71.  
  72.  
  73.  
  74. .Contentbg {
  75.     PADDING: 0px; 
  76.     BACKGROUND: #FFFFFF; 
  77.     MARGIN: 0px auto 0px auto;
  78.     WIDTH: 600px; 
  79.     voice-family: inherit; 
  80.     text-align: left;
  81. }
  82.  
  83. .Topborder {
  84.     CLEAR: both; 
  85.     PADDING: 0px; 
  86.     BACKGROUND: url(../img/header.gif); 
  87.     MARGIN: 0px; 
  88.     FONT: 1px/5px "Georgia", serif; 
  89.     WIDTH: 600px; COLOR: #333; 
  90.     HEIGHT: 10px; 
  91. }
  92. #BigImage {
  93.     PADDING: 28px 10px 0px 0px; 
  94.     BACKGROUND: url(../img/top2.jpg);  
  95.     MARGIN: 0px 0px 0px 10px;  
  96.     WIDTH: 570px; 
  97.     HEIGHT: 172px; 
  98.     color: #ffffff; 
  99.     FONT: 19px "Lucida Sans Unicode", sans-serif; 
  100.     TEXT-ALIGN: right;
  101. } 
  102.  
  103.  
  104. .Contentarea {
  105.     PADDING: 0px 0px 0px 2px; 
  106.     BACKGROUND: url(../img/contentbg.gif); 
  107.     MARGIN: 0px 0px 10px 0px; 
  108.     WIDTH: 420px; 
  109.     OVERFLOW: hidden; 
  110.     COLOR: #020100; 
  111.     voice-family: inherit; 
  112.     DISPLAY: block;
  113. }
  114. #Content {
  115.     PADDING: 5px; 
  116.     BACKGROUND: url(../img/contentbg.gif); 
  117.     MARGIN: 0px 10px 0px 10px; 
  118.     WIDTH: 570px; 
  119.     OVERFLOW: hidden; 
  120.     COLOR: #020100;  
  121.     voice-family: inherit; 
  122.     DISPLAY: block;
  123. }
  124. #Content P {
  125.     PADDING-RIGHT: 0px; 
  126.     PADDING-LEFT: 0px; 
  127.     BACKGROUND: none transparent scroll repeat 0% 0%; 
  128.     PADDING-BOTTOM: 10px; 
  129.     MARGIN: 0px 0px 5px; 
  130.     COLOR: #020100; 
  131.     PADDING-TOP: 3px; 
  132.     FONT: 12px "Trebuchet MS", serif; 
  133.     Line-height: 14px;
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. .Bottomshadow2 {
  141.     CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(../img/contentbg.gif); PADDING-BOTTOM: 3px; MARGIN-BOTTOM: 0px; FONT: bold 13px "Arial", serif; WIDTH: 570px; COLOR: #333; PADDING-TOP: 6px; MARGIN-LEFT: 10px;
  142. }
  143.  
  144.  
  145.  
  146.  
  147.  
  148. #SideInfo {
  149.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; voice-family: inherit; TEXT-ALIGN: left; BACKGROUND: transparent; BORDER-TOP: 0px; BORDER-BOTTOM: 0px; font: 10px "Lucida Grande", "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif; float: right; WIDTH: 135px;
  150. }
  151. html>body #SideInfo {
  152.     MARGIN-RIGHT: 5px; 
  153. } 
  154. #SideInfo P {
  155.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 5px; COLOR: #EEEEEE; PADDING-TOP: 0px
  156. }
  157. #SideInfo DIV.bullet {
  158.     CLEAR: both; COLOR: #EEEEEE;
  159. }
  160. #SideInfo DIV.bullet IMG {
  161.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
  162. }
  163. #SideInfo DIV.bullet A:link {
  164.     COLOR: #F7F7F7; TEXT-DECORATION: none;
  165. }
  166. #SideInfo DIV.bullet A:visited {
  167.     COLOR: #F7F7F7; TEXT-DECORATION: none;
  168. }
  169. #SideInfo DIV.bullet A:active {
  170.     TEXT-DECORATION: none;
  171. }
  172. #SideInfo DIV.bullet A:hover {
  173.     COLOR: #D3D3D3; TEXT-DECORATION: none;
  174. }
  175.  
  176. #SideInfo H3 {
  177.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; COLOR: #ffffff; PADDING-TOP: 3px; font-size: 15px; font-weight: bold; TEXT-TRANSFORM: lowercase;
  178. }
  179. #SideInfo DIV space {
  180.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; HEIGHT: 1px; PADDING-TOP: 0px;
  181. }
  182. #SideInfo IMG {
  183.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 0px;
  184. }
  185.  
  186. #Links {
  187.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 10px; PADDING-TOP: 0px; voice-family: inherit; TEXT-ALIGN: center; 
  188. }
  189. #space {
  190.     DISPLAY: none
  191. }
  192. #Links IMG {
  193.     BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; PADDING-TOP: 1px
  194. }
  195.  
  196.  
  197.  
  198.  
  199. #navcontainer {
  200.     BACKGROUND: url(../img/navigation-background.gif); font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 5px; MARGIN-TOP: 5px; WIDTH: 135px;
  201. }
  202. #navigation {
  203.     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 135px;
  204. }
  205. #navigation UL {
  206.     BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; 
  207. }
  208. #navigation UL LI {
  209.     BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; TEXT-ALIGN: center;
  210. }
  211. #navigation UL LI A {
  212.     BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none; MARGIN: 0px 0px 0px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; FONT-STYLE: normal; TEXT-DECORATION: none; WIDTH: 135px;
  213. }
  214. #navigation UL LI A:hover {
  215.     BACKGROUND: #CACACA; COLOR: #676767
  216. }
  217. #navigation A:active {
  218.     BACKGROUND: none transparent; COLOR: #fff
  219. }
  220. #navigation LI#active A {
  221.     BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: none transparent; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; HEIGHT: 33px
  222. }
  223. #navigation LI.current A {
  224.     BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: url(../img/sidebar_bg.gif); BORDER-LEFT: 0px solid; COLOR: #ffffff; BORDER-BOTTOM: 0px solid
  225. }
  226. #navigation UL LI.current A:hover {
  227.     BACKGROUND: #CACACA; COLOR: #676767
  228. }
  229.  
  230.  
  231. #othernavcontainer {
  232.     BACKGROUND: url(../img/sidebar_bg.gif); font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; PADDING-BOTTOM: 0px; MARGIN-TOP: 10px; WIDTH: 135px;
  233. }
  234. #othernav {
  235.     PADDING: 10px; MARGIN: 0px 0px 0px 0px; WIDTH: 115px;
  236. }
  237. #othernav UL {
  238.     BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; 
  239. }
  240. #othernav UL LI {
  241.     BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; TEXT-ALIGN: center;
  242. }
  243. #othernav UL LI A {
  244.     BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none; MARGIN: 0px 0px 0px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; FONT-STYLE: normal; TEXT-DECORATION: none; WIDTH: 115px;
  245. }
  246. #othernav UL LI A:hover {
  247.     BACKGROUND: #CACACA; COLOR: #676767
  248. }
  249. #othernav A:active {
  250.     BACKGROUND: none transparent; COLOR: #fff
  251. }
  252. #othernav LI#active A {
  253.     BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: none transparent; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; HEIGHT: 33px
  254. }
  255. #othernav LI.current A {
  256.     BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: #D20107; BORDER-LEFT: 0px solid; COLOR: #ffffff; BORDER-BOTTOM: 0px solid
  257. }
  258. #othernav UL LI.current A:hover {
  259.     BACKGROUND: #CACACA; COLOR: #676767
  260. }
  261.  
  262.  
  263.  
  264.  
  265. #Footer {
  266.     PADDING: 0px 0px 2px 0px; BACKGROUND: #ffffff; MARGIN: 0px 0px 0px 0px; COLOR: #CECECE; TEXT-ALIGN: center
  267. }
  268. #Footer A:link {
  269.     FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #CECECE; TEXT-DECORATION: none
  270. }
  271. #Footer A:visited {
  272.     FONT-WEIGHT: normal; COLOR: #CECECE; TEXT-DECORATION: none
  273. }
  274. #Footer A:active {
  275.     FONT-WEIGHT: normal; COLOR: #CECECE; TEXT-DECORATION: none
  276. }
  277. #Footer A:hover {
  278.     FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #BDCAD3
  279. }
  280.  
  281.  
  282. .Bottomshadow {
  283.     CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #FFFFFF no-repeat; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; FONT: Bold 10px/5px "verdana", serif; WIDTH: 600px; COLOR: #FDFDFD; PADDING-TOP: 0px; HEIGHT: 10px; TEXT-TRANSFORM: uppercase;
  284. }
  285.  
  286.  
  287. #foot {
  288.     font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; text-transform: lowercase; text-align: center; background: url(../img/sidebar_bg.gif); PADDING: 3px; MARGIN-TOP: 5px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; COLOR: #FFFFFF;
  289. }
  290. html>body #foot {
  291.     MARGIN-RIGHT: -5px; 
  292. } 
  293.  
  294.  
  295. #foot A:link {
  296.     BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-DECORATION: none
  297. }
  298. #foot A:visited {
  299.     FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none
  300. }
  301. #foot A:active {
  302.     FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none
  303. }
  304. #foot A:hover {
  305.     FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  306. }