home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / experience / default.css next >
Cascading Style Sheet File  |  2007-10-09  |  5KB  |  339 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. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #0F5B96 url(images/img01.gif) repeat-x;
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #A4E4F5;
  14. }
  15.  
  16. input, textarea {
  17.     background: #A4E4F5;
  18.     border: 1px solid #FFFFFF;
  19.     font: bold 13px Arial, Helvetica, sans-serif;
  20.     color: #0F5B96;
  21. }
  22.  
  23. h1, h2, h3, p, ol, ul {
  24.     margin-top: 0;
  25. }
  26.  
  27. h1, h2, h3 {
  28.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  29. }
  30.  
  31. h1, h2 {
  32.     text-transform: lowercase;
  33.     font-weight: normal;
  34. }
  35.  
  36. h1 {
  37.     letter-spacing: -2px;
  38.     font-size: 2.4em;
  39. }
  40.  
  41. h2 {
  42.     letter-spacing: -1px;
  43.     font-size: 1.8em;
  44. }
  45.  
  46. p, ol, ul {
  47.     margin-bottom: 1.5em;
  48.     line-height: 150%;
  49. }
  50.  
  51. a {
  52.     color: #A4E4F5;
  53. }
  54.  
  55. a:hover {
  56.     text-decoration: none;
  57.     color: #FFFFFF;
  58. }
  59.  
  60. img.left {
  61.     float: left;
  62.     margin: 4px 20px 0 0;
  63. }
  64.  
  65. img.right {
  66.     float: left;
  67.     margin: 4px 0 0 20px;
  68. }
  69.  
  70. hr {
  71.     display: none;
  72. }
  73.  
  74. /* Header */
  75.  
  76. #header {
  77.     height: 150px;
  78.     background: url(images/img02.jpg) no-repeat center top;
  79.     text-transform: lowercase;
  80. }
  81.  
  82. #logo {
  83.     float: left;
  84. }
  85.  
  86. #logo h1, #logo p {
  87.     float: left;
  88.     margin: 0;
  89.     line-height: normal;
  90. }
  91.  
  92. #logo h1 {
  93.     padding: 47px 0 0 20px;
  94.     font-size: 3em;
  95.     color: #62D6F5;
  96. }
  97.  
  98. #logo p {
  99.     padding: 69px 0 0 7px;
  100.     letter-spacing: -1px;
  101.     font-size: 1.4em;
  102.     color: #199DD2;
  103. }
  104.  
  105. #logo a {
  106.     text-decoration: none;
  107.     color: #62D6F5;
  108. }
  109.  
  110. #menu {
  111.     float: right;
  112. }
  113.  
  114. #menu ul {
  115.     margin: 0;
  116.     padding: 60px 20px 0 0;
  117.     list-style: none;
  118. }
  119.  
  120. #menu li {
  121.     display: inline;
  122. }
  123.  
  124. #menu a {
  125.     float: left;
  126.     width: 120px;
  127.     height: 56px;
  128.     margin: 0 0 0 2px;
  129.     padding: 9px 0 0 0;
  130.     background: #1B97CE url(images/img03.gif) no-repeat;
  131.     text-decoration: none;
  132.     text-align: center;
  133.     letter-spacing: -1px;
  134.     font-size: 1.1em;
  135.     font-weight: bold;
  136.     color: #000000;
  137. }
  138.  
  139. #menu a:hover, #menu .current_page_item a {
  140.     background: #26BADF url(images/img04.gif) no-repeat;
  141. }
  142.  
  143. /* Page */
  144.  
  145. #page {
  146.     width: 980px;
  147.     margin: 0 auto;
  148. }
  149.  
  150. /* Content */
  151.  
  152. #content {
  153.     float: left;
  154.     width: 530px;
  155.     padding: 0 0 0 25px;
  156. }
  157.  
  158. .post {
  159.     margin-bottom: 15px;
  160.     background: #1EB5DD url(images/img05.gif) no-repeat;
  161.     color: #0A416B;
  162. }
  163.  
  164. .post a {
  165.     color: #A4E4F5;
  166. }
  167.  
  168. .post a:hover {
  169.     color: #FFFFFF;
  170. }
  171.  
  172. .post .title {
  173.     margin: 0;
  174.     padding: 30px 30px 0 30px;
  175. }
  176.  
  177. .post .title a {
  178.     text-decoration: none;
  179.     color: #0A416B;
  180. }
  181.  
  182. .post .byline {
  183.     margin: 0;
  184.     padding: 0 30px;
  185. }
  186.  
  187. .post .entry {
  188.     padding: 20px 30px 10px 30px;
  189. }
  190.  
  191. .post .links {
  192.     margin: 0;
  193.     padding: 10px 30px 35px 30px;
  194.     background: url(images/img06.gif) repeat-x left bottom;
  195.     border-top: 1px solid #2872A6;
  196. }
  197.  
  198. .post .links a {
  199.     padding-left: 10px;
  200.     background: url(images/img08.gif) no-repeat left center;
  201.     text-decoration: none;
  202.     font-weight: bold;
  203.     color: #0A416B;
  204. }
  205.  
  206. .post .links a:hover {
  207.     color: #FFFFFF;
  208. }
  209.  
  210. /* Sidebars */
  211.  
  212. .sidebar {
  213.     float: left;
  214.     width: 200px;
  215. }
  216.  
  217. .sidebar ul {
  218.     margin: 0;
  219.     padding: 0;
  220.     list-style: none;
  221.     line-height: normal;
  222. }
  223.  
  224. .sidebar li {
  225. }
  226.  
  227. .sidebar li ul {
  228. }
  229.  
  230. .sidebar li li {
  231.     padding: 6px 0 6px 10px;
  232.     background: url(images/img08.gif) no-repeat 0 12px;
  233.     border-bottom: 1px solid #2872A6;
  234. }
  235.  
  236. .sidebar li li a {
  237.     text-decoration: none;
  238.     color: #C9ECF5;
  239. }
  240.  
  241. .sidebar li li a:hover {
  242.     color: #FFFFFF;
  243. }
  244.  
  245. .sidebar li h2 {
  246.     padding-top: 20px;
  247.     color: #FFFFFF;
  248. }
  249.  
  250. /* Left Sidebar */
  251.  
  252. #leftbar {
  253. }
  254.  
  255. /* Right Sidebar */
  256.  
  257. #rightbar {
  258.     padding: 0 0 0 25px;
  259. }
  260.  
  261. /* Search */
  262.  
  263. #searchform {
  264.     padding-top: 20px;
  265.     text-align: right;
  266. }
  267.  
  268. #searchform br {
  269.     display: none;
  270. }
  271.  
  272. #searchform input {
  273.     margin-bottom: 5px;
  274. }
  275.  
  276. #searchform #s {
  277.     width: 190px;
  278. }
  279.  
  280. /* Calendar */
  281.  
  282. #calendar_wrap {
  283.     padding-left: 10px;
  284. }
  285.  
  286. #calendar_wrap table {
  287.     width: 180px;
  288.     text-align: center;
  289.     border-collapse: collapse;
  290. }
  291.  
  292. #calendar_wrap tfoot {
  293.     font-weight: bold;
  294. }
  295.  
  296. #calendar_wrap tfoot a {
  297.     text-decoration: none;
  298. }
  299.  
  300. #calendar_wrap #prev {
  301.     text-align: left;
  302. }
  303.  
  304. #calendar_wrap #next {
  305.     text-align: right;
  306. }
  307.  
  308. #calendar_wrap tbody {
  309.     border-bottom: 1px solid #2872A6;
  310.     border-right: 1px solid #2872A6;
  311. }
  312.  
  313. #calendar_wrap tbody td {
  314.     padding: 3px 0;
  315.     border-top: 1px solid #2872A6;
  316.     border-left: 1px solid #2872A6;
  317. }
  318.  
  319. #calendar_wrap tbody td a {
  320.     font-weight: bold;
  321. }
  322.  
  323. /* Footer */
  324.  
  325. #footer {
  326.     clear: both;
  327.     padding: 40px 0;
  328.     background: #083253;
  329. }
  330.  
  331. #footer p {
  332.     text-align: center;
  333.     font-size: smaller;
  334.     color: #0F5B96;
  335. }
  336.  
  337. #footer a {
  338.     color: #0F5B96;
  339. |