Advertisement
oxcore

"Gentlebreeze" for gpeasy CMS, Alpha V1.4 (css)

Mar 18th, 2012
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.74 KB | None | 0 0
  1.  
  2. /*
  3. Design by Free CSS Templates
  4. http://www.freecsstemplates.org
  5. Released for free under a Creative Commons Attribution 2.5 License
  6. */
  7.  
  8. body {
  9.     margin: 0;
  10.     padding: 0;
  11.     background: #061110;
  12.     font-family: Arial, Helvetica, sans-serif;
  13.     font-size: 14px;
  14.     color: #181B20;
  15. }
  16.  
  17. h1, h2, h3 {
  18.     margin: 0;
  19.     margin-top: 25px;
  20.     padding: 0;
  21.     text-transform: uppercase;
  22.     font-family: 'Oswald', sans-serif;
  23.     font-weight: normal;
  24.     color: #0F6059;
  25. }
  26.  
  27. h1 {
  28.     font-size: 2em;
  29. }
  30.  
  31. h2 {
  32.     font-size: 2.4em;
  33. }
  34.  
  35. h3 {
  36.     font-size: 1.6em;
  37. }
  38.  
  39. p, ul, ol {
  40.     margin-top: 0;
  41.     margin-left: 25px;
  42.     line-height: 180%;
  43. }
  44.  
  45. ul, ol {
  46. }
  47.  
  48. a {
  49.     text-decoration: none;
  50.     color: #14786E;
  51. }
  52.  
  53. a:hover {
  54.     text-decoration: underline;
  55. }
  56.  
  57. img.border {
  58.     border: 6px solid #EEE7DF;
  59. }
  60.  
  61. img.alignleft {
  62.     float: left;
  63.     margin-right: 25px;
  64. }
  65.  
  66. img.alignright {
  67.     float: right;
  68. }
  69.  
  70. img.aligncenter {
  71.     margin: 0px auto;
  72. }
  73.  
  74. #wrapper {
  75.     margin: 0 auto;
  76.     padding: 0;
  77. }
  78.  
  79. /* Header */
  80.  
  81. #header-wrapper {
  82.     height: 167px;
  83. }
  84.  
  85. #header {
  86.     width: 960px;
  87.     height: 167px;
  88.     margin: 0 auto;
  89. }
  90.  
  91. /* Logo */
  92.  
  93. #logo {
  94.     width: 980px;
  95.     margin: 0px auto;
  96.     padding: 40px 0px 0px 0px;
  97.     color: #FFFFFF;
  98. }
  99.  
  100. #logo h1, #logo p {
  101.     display: block;
  102.     margin: 0;
  103.     padding: 0;
  104. }
  105.  
  106. #logo h1 {
  107.     margin: 0px;
  108.     letter-spacing: -1px;
  109.     text-align: center;
  110.     text-transform: uppercase;
  111.     font-size: 54px;
  112.     font-weight: bold;
  113.     color: #FFFFFF;
  114. }
  115.  
  116. #logo h1 a {
  117.     color: #FFFFFF;
  118. }
  119.  
  120. #logo p {
  121.     margin-top: -10px;
  122.     text-align: center;
  123.     text-transform: uppercase;
  124.     font-family: 'Arvo', serif;
  125.     font-size: 20px;
  126. }
  127.  
  128. #logo a {
  129.     border: none;
  130.     background: none;
  131.     text-decoration: none;
  132.     color: #FFFFFF;
  133. }
  134.  
  135. /* Search */
  136.  
  137. #search {
  138.     float: right;
  139.     width: 280px;
  140.     height: 100px;
  141.     padding: 0;
  142. }
  143.  
  144. #search form {
  145.     height: 41px;
  146.     margin: 0;
  147.     padding: 60px 0 0 30px;
  148. }
  149.  
  150. #search fieldset {
  151.     margin: 0;
  152.     padding: 0;
  153.     border: none;
  154. }
  155.  
  156. #search-text {
  157.     width: 195px;
  158.     padding: 6px 10px;
  159.     border: none;
  160.     background: #FFFFFF;
  161.     text-transform: lowercase;
  162.     font: normal 11px Arial, Helvetica, sans-serif;
  163.     color: #7F7F81;
  164. }
  165.  
  166. #search-submit {
  167.     display: none;
  168. }
  169.  
  170. /* Menu */
  171.  
  172. #menu-wrapper {
  173.     height: 60px;
  174.     background: url(images/img05.jpg) no-repeat center top;
  175. }
  176.  
  177. #menu {
  178.     width: 940px;
  179.     height: 58px;
  180.     margin: 0px auto;
  181.     padding: 0px 20px 0px 20px;
  182. }
  183.  
  184. #menu ul {
  185.     margin: 0;
  186.     padding: 0px 0px 0px 0px;
  187.     list-style: none;
  188.     line-height: normal;
  189. }
  190.  
  191. #menu li {
  192.     float: left;
  193. }
  194.  
  195. #menu a {
  196.     display: block;
  197.     float: left;
  198.     height: 56px;
  199.     margin: 0px;
  200.     padding: 0px 30px 0px 30px;
  201.     line-height: 56px;
  202.     letter-spacing: 1px;
  203.     text-decoration: none;
  204.     text-transform: uppercase;
  205.     font-family: 'Oswald', sans-serif;
  206.     font-size: 14px;
  207.     font-weight: normal;
  208.     color: #B5B5B5;
  209.     border: none;
  210. }
  211.  
  212. #menu .current_page_item a {
  213.     color: #FFFFFF;
  214. }
  215.  
  216. #menu a:hover {
  217.     text-decoration: none;
  218.     color: #FFFFFF;
  219. }
  220.  
  221. /* Page */
  222.  
  223. #page {
  224.     background: url(images/img01.jpg) repeat-y center top;
  225. }
  226.  
  227. #page-bgtop {
  228.     background: url(images/img06.jpg) no-repeat center top;
  229. }
  230.  
  231. #page-bgbtm {
  232.     overflow: hidden;
  233.     width: 960px;
  234.     margin: 0px auto;
  235.     background: url(images/img02.jpg) no-repeat center bottom;
  236. }
  237.  
  238. #page-content {
  239.     overflow: hidden;
  240.     width: 960px;
  241.     margin: 0px auto;
  242. }
  243.  
  244. /* Content */
  245.  
  246. #content {
  247.     float: left;
  248.     width: 645px;
  249.     padding: 0px 0px 0px 0px;
  250.    
  251. }
  252.  
  253.  
  254. /* Sidebar */
  255.  
  256. #sidebar {
  257.     float: right;
  258.     width: 315px;
  259.     padding: 0px 0px 0px 0px;
  260. }
  261.  
  262. #sidebar ul {
  263.     margin: 0;
  264.     padding: 0;
  265.     list-style: none;
  266. }
  267.  
  268. #sidebar li {
  269.     margin: 0;
  270.     padding: 40px 30px 20px 30px;
  271.     background: url(images/img04.jpg) no-repeat left top;
  272. }
  273.  
  274. #sidebar li ul {
  275.     padding-bottom: 30px;
  276.     background: none;
  277. }
  278.  
  279. #sidebar li li {
  280.     margin: 0px;
  281.     padding: 0px;
  282.     line-height: 35px;
  283.     background: none;
  284. }
  285.  
  286. #sidebar li li span {
  287.     display: block;
  288.     margin-top: -20px;
  289.     padding: 0;
  290.     font-size: 11px;
  291.     font-style: italic;
  292. }
  293.  
  294. #sidebar li li a {
  295.     color: #181B20;
  296. }
  297.  
  298. #sidebar h2 {
  299.     height: 38px;
  300.     margin-bottom: 20px;
  301.     letter-spacing: -1px;
  302.     font-size: 24px;
  303.     color: #0F6059;
  304. }
  305.  
  306. #sidebar p {
  307.     margin: 0 0px;
  308.     padding: 0px 20px 20px 20px;
  309.     text-align: justify;
  310. }
  311.  
  312. #sidebar a {
  313.     border: none;
  314. }
  315.  
  316. #sidebar a:hover {
  317.     text-decoration: underline;
  318. }
  319.  
  320. /* Calendar */
  321.  
  322. #calendar {
  323. }
  324.  
  325. #calendar_wrap {
  326.     padding: 20px;
  327. }
  328.  
  329. #calendar table {
  330.     width: 100%;
  331. }
  332.  
  333. #calendar tbody td {
  334.     text-align: center;
  335. }
  336.  
  337. #calendar #next {
  338.     text-align: right;
  339. }
  340.  
  341. /* Footer */
  342.  
  343. #footer {
  344.     width: 960px;
  345.     height: 55px;
  346.     margin: 0px auto 40px auto;
  347.     font-family: Arial, Helvetica, sans-serif;
  348. }
  349.  
  350. #footer p {
  351.     margin: 0;
  352.     padding-top: 36px;
  353.     line-height: normal;
  354.     text-align: center;
  355.     color: #576475;
  356. }
  357.  
  358. #footer a {
  359.     color: #576475;
  360. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement