Advertisement
oxcore

"Gentlebreeze" for gpeasy CMS, pre-Alpha V1.2 (css)

Mar 18th, 2012
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.41 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. .post {
  253.     clear: both;
  254.     padding: 30px 40px;
  255.     background: url(images/img03.jpg) no-repeat left top;
  256. }
  257.  
  258. .post .title {
  259.     padding-top: 10px;
  260.     letter-spacing: -2px;
  261. }
  262.  
  263. .post .title a {
  264.     color: #0F6059;
  265.     border: none;
  266. }
  267.  
  268. .post .meta {
  269.     padding-bottom: 10px;
  270.     text-align: left;
  271.     font-family: Arial, Helvetica, sans-serif;
  272.     font-size: 11px;
  273.     font-style: italic;
  274. }
  275.  
  276. .post .meta a {
  277. }
  278.  
  279. .post .entry {
  280.     text-align: justify;
  281.     margin-bottom: 25px;
  282.     padding: 10px 0px 0px 0px;
  283. }
  284.  
  285. .links {
  286.     display: block;
  287.     width: 96px;
  288.     padding: 2px 0px 2px 0px;
  289.     background: #A53602;
  290.     text-align: center;
  291.     text-transform: uppercase;
  292.     font-size: 10px;
  293.     color: #FFFFFF;
  294. }
  295.  
  296. /* Sidebar */
  297.  
  298. #sidebar {
  299.     float: right;
  300.     width: 315px;
  301.     padding: 0px 0px 0px 0px;
  302. }
  303.  
  304. #sidebar ul {
  305.     margin: 0;
  306.     padding: 0;
  307.     list-style: none;
  308. }
  309.  
  310. #sidebar li {
  311.     margin: 0;
  312.     padding: 40px 30px 20px 30px;
  313.     background: url(images/img04.jpg) no-repeat left top;
  314. }
  315.  
  316. #sidebar li ul {
  317.     padding-bottom: 30px;
  318.     background: none;
  319. }
  320.  
  321. #sidebar li li {
  322.     margin: 0px;
  323.     padding: 0px;
  324.     line-height: 35px;
  325.     background: none;
  326. }
  327.  
  328. #sidebar li li span {
  329.     display: block;
  330.     margin-top: -20px;
  331.     padding: 0;
  332.     font-size: 11px;
  333.     font-style: italic;
  334. }
  335.  
  336. #sidebar li li a {
  337.     color: #181B20;
  338. }
  339.  
  340. #sidebar h2 {
  341.     height: 38px;
  342.     margin-bottom: 20px;
  343.     letter-spacing: -1px;
  344.     font-size: 24px;
  345.     color: #0F6059;
  346. }
  347.  
  348. #sidebar p {
  349.     margin: 0 0px;
  350.     padding: 0px 20px 20px 20px;
  351.     text-align: justify;
  352. }
  353.  
  354. #sidebar a {
  355.     border: none;
  356. }
  357.  
  358. #sidebar a:hover {
  359.     text-decoration: underline;
  360. }
  361.  
  362. /* Calendar */
  363.  
  364. #calendar {
  365. }
  366.  
  367. #calendar_wrap {
  368.     padding: 20px;
  369. }
  370.  
  371. #calendar table {
  372.     width: 100%;
  373. }
  374.  
  375. #calendar tbody td {
  376.     text-align: center;
  377. }
  378.  
  379. #calendar #next {
  380.     text-align: right;
  381. }
  382.  
  383. /* Footer */
  384.  
  385. #footer {
  386.     width: 960px;
  387.     height: 55px;
  388.     margin: 0px auto 40px auto;
  389.     font-family: Arial, Helvetica, sans-serif;
  390. }
  391.  
  392. #footer p {
  393.     margin: 0;
  394.     padding-top: 36px;
  395.     line-height: normal;
  396.     text-align: center;
  397.     color: #576475;
  398. }
  399.  
  400. #footer a {
  401.     color: #576475;
  402. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement