home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / connection / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-04-09  |  3.4 KB  |  278 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     margin: 20px 0;
  14.     background: #7A0026 url(images/img01.gif);
  15.     font: normal small Arial, Helvetica, sans-serif;
  16.     color: #666666;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     text-transform: lowercase;
  21.     font-family: Georgia, "Times New Roman", Times, serif;
  22.     font-weight: normal;
  23.     font-style: italic;
  24.     color: #7A0026;
  25. }
  26.  
  27. h2 {
  28. }
  29.  
  30. h3 {
  31.     font-weight: bold;
  32. }
  33.  
  34. p, blockquote, ul, ol {
  35. }
  36.  
  37. p {
  38. }
  39.  
  40. blockquote {
  41.     padding-left: 3em;
  42.     padding-right: 3em;
  43.     background: url(images/img03.gif) no-repeat;
  44.     text-align: justify;
  45.     font-family: Georgia, "Times New Roman", Times, serif;
  46.     font-style: italic;
  47.     color: #330010;
  48. }
  49.  
  50. ul {
  51.     margin-left: 3em;
  52. }
  53.  
  54. ul li {
  55. }
  56.  
  57. ol {
  58.     margin-left: 3em;
  59. }
  60.  
  61. ol li {
  62. }
  63.  
  64. a {
  65.     color: #0072BC;
  66. }
  67.  
  68. a:hover {
  69.     text-decoration: none;
  70.     color: #59C700;
  71. }
  72.  
  73. img {
  74.     border: none;
  75. }
  76.  
  77. /* Boxed Style */
  78.  
  79. .boxed {
  80. }
  81.  
  82. .boxed .title {
  83.     height: 23px;
  84.     padding: 15px 0 0 19px;
  85.     background: #8CBEF5 url(images/img03.gif) repeat-x left bottom;
  86.     border: 1px solid #4F9CEF;
  87.     font-size: 1em;
  88.     color: #FFFFFF;
  89. }
  90.  
  91. .boxed .content {
  92.     margin: 0 0 20px 0;
  93.     padding: 20px;
  94.     background: #DCEBFC;
  95. }
  96.  
  97. /* Post */
  98.  
  99. .post {
  100.     padding: 20px 20px 0 20px;
  101. }
  102.  
  103. .post .title {
  104.     margin-bottom: 0px;
  105.     padding: 3px 0 15px 0;
  106.     background: url(images/img04.gif) repeat-x left bottom;
  107.     border-bottom: 2px solid #EEEEEE;
  108.     font-size: 2em;
  109. }
  110.  
  111. .post .date {
  112.     float: right;
  113.     padding: 10px 20px;
  114.     font-size: x-small;
  115. }
  116.  
  117. .post .date .month {
  118. }
  119.  
  120. .post .date .day {
  121. }
  122.  
  123. .post .date .year {
  124. }
  125.  
  126. .post .meta {
  127.     padding    : 10px 20px;
  128.     font-size: x-small;
  129. }
  130.  
  131. .post .meta p {
  132. }
  133.  
  134. .post .story {
  135.     clear: both;
  136.     padding: 20px;
  137.     border-top: 1px solid #EEEEEE;
  138. }
  139.  
  140. .post .story p, .post .story blockquote, .post .story ul, .post .story ol {
  141.     margin-bottom: 1.5em;
  142.     line-height: 180%;
  143. }
  144.  
  145. /* Page */
  146.  
  147. #page {
  148.     width: 600px;
  149.     margin: 0 auto;
  150.     background: #FFFFFF;
  151.     border: 10px solid #330010;
  152. }
  153.  
  154. /* Logo */
  155.  
  156. #logo {
  157.     height: 200px;
  158.     background: url(images/img02.jpg);
  159. }
  160.  
  161. #logo h1 {
  162.     padding: 135px 0 0 380px;
  163.     letter-spacing: -1px;
  164.     font-size: 2.4em;
  165. }
  166.  
  167. #logo h2 {
  168.     margin-top: -8px;
  169.     padding: 0 0 0 410px;
  170.     font-size: 1.3em;
  171. }
  172.  
  173. #logo a {
  174.     text-decoration: none;
  175.     color: #FFFFFF;
  176. }
  177.  
  178. /* Content */
  179.  
  180. #content {
  181. }
  182.  
  183. #extra {
  184. }
  185.  
  186. /* Content > Main */
  187.  
  188. #main {
  189. }
  190.  
  191. #main a {
  192. }
  193.  
  194. /* Content > Main > Welcome */
  195.  
  196. #welcome {
  197. }
  198.  
  199. /* Content > Main > Example */
  200.  
  201. #example {
  202. }
  203.  
  204. /* Content > Sidebar */
  205.  
  206. #sidebar {
  207. }
  208.  
  209. #sidebar a {
  210. }
  211.  
  212. /* Content > Menu */
  213.  
  214. #menu {
  215.     height: 50px;
  216.     background: #330010;
  217. }
  218.  
  219. #menu ul {
  220.     margin: 0;
  221.     list-style: none;
  222. }
  223.  
  224. #menu li {
  225.     display: inline;
  226. }
  227.  
  228. #menu a {
  229.     display: block;
  230.     float: left;
  231.     margin-left: 20px;
  232.     padding: 20px 0 2px 0;
  233.     border-bottom: 4px solid #330010;
  234.     text-decoration: none;
  235.     text-transform: uppercase;
  236.     font-size: 10px;
  237.     font-weight: bold;
  238.     color: #FFFFFF;
  239. }
  240.  
  241. #menu a:hover {
  242.     border-bottom-color: #FFFFFF;
  243. }
  244.  
  245. #menu .active a {
  246.     border-bottom-color: #FFFFFF;
  247. }
  248.  
  249. #menu .first a {
  250. }
  251.  
  252. /* Footer */
  253.  
  254. #footer {
  255.     clear: both;
  256.     padding: 20px;
  257.     background: #EBE6E8;
  258. }
  259.  
  260. #footer p {
  261.     margin: 0;
  262.     font-size: x-small;
  263.     color: #999999;
  264. }
  265.  
  266. #footer a {
  267.     color: #999999;
  268. }
  269.  
  270. /* Footer > Legal */
  271.  
  272. #legal {
  273. }
  274.  
  275. /* Footer > Links */
  276.  
  277. #links {
  278. }