Untitled

SUBMITTED BY: Guest

DATE: Dec. 11, 2013, 11:27 p.m.

FORMAT: Text only

SIZE: 11.7 kB

Raw Download

HITS: 17189

Report
  1. @font-face {
  2. font-family: Yanone Kaffeesatz;
  3. src: url('../fonts/YanoneKaffeesatz-Regular.eot');
  4. src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');
  5. }
  7. @font-face {
  8. font-family: News Cycle;
  9. src: url('../fonts/NewsCycle-Regular.eot');
  10. src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
  11. }
  13. html {
  14. height: 100%;
  15. }
  17. * {
  18. margin: 0;
  19. padding: 0;
  20. }
  22. /* tell the browser to render HTML 5 elements as block */
  23. article, aside, figure, footer, header, hgroup, nav, section {
  24. display:block;
  25. }
  27. body {
  28. font: normal .80em arial, sans-serif;
  29. background: #000
  30. color: #000;
  31. }
  33. p {
  34. padding: 0 0 20px 0;
  35. line-height: 1.7em;
  36. }
  38. img {
  39. border: 0;
  40. }
  42. h1, h2, h3, h4, h5, h6 {
  43. color: #362C20;
  44. letter-spacing: 0em;
  45. padding: 0 0 5px 0;
  46. }
  48. h1, h2, h3 {
  49. font: normal 170% "News Cycle", arial, sans-serif;
  50. margin: 0 0 15px 0;
  51. padding: 15px 0 5px 0;
  52. color: #222;
  53. }
  55. h2 {
  56. font-size: 160%;
  57. padding: 9px 0 5px 0;
  58. color: #F67400;
  59. }
  61. h3 {
  62. font-size: 140%;
  63. padding: 5px 0 0 0;
  64. }
  66. h4, h6 {
  67. color: #F67400;
  68. padding: 0 0 5px 0;
  69. font: normal 130% arial, sans-serif;
  70. }
  72. h5, h6 {
  73. color: #555;
  74. font: italic 95% arial, sans-serif;
  75. letter-spacing: normal;
  76. padding: 0 0 15px 0;
  77. }
  79. a, a:hover {
  80. outline: none;
  81. text-decoration: underline;
  82. color: #09BCE8;
  83. }
  85. a:hover {
  86. text-decoration: none;
  87. }
  89. blockquote {
  90. margin: 20px 0;
  91. padding: 10px 20px 0 20px;
  92. border: 1px solid #E5E5DB;
  93. background: #FFF;
  94. }
  96. ul {
  97. margin: 2px 0 22px 17px;
  98. }
  100. ul li {
  101. list-style-type: circle;
  102. margin: 0 0 6px 0;
  103. padding: 0 0 4px 5px;
  104. line-height: 1.5em;
  105. }
  107. ol {
  108. margin: 8px 0 22px 20px;
  109. }
  111. ol li {
  112. margin: 0 0 11px 0;
  113. }
  115. .left {
  116. float: left;
  117. width: auto;
  118. margin-right: 10px;
  119. }
  121. .right {
  122. float: right;
  123. width: auto;
  124. margin-left: 10px;
  125. }
  127. .center {
  128. display: block;
  129. text-align: center;
  130. margin: 20px auto;
  131. }
  133. #main, nav, #container, #logo, #site_content, footer {
  134. margin-left: auto;
  135. margin-right: auto;
  136. }
  138. #main {
  139. margin: 5px auto;
  140. width: 930px;
  141. background: transparent;
  142. padding-bottom: 30px;
  143. }
  146. header {
  147. background: transparent;
  148. height: 150px;
  149. }
  151. #logo {
  152. width: 300px;
  153. height: 150px;
  154. background: transparent;
  155. color: #888;
  156. padding: 0 0 0 25px;
  157. float: left;
  158. }
  160. #logo h1, #logo h2 {
  161. font: normal 320% 'News Cycle', arial, sans-serif;
  162. border-bottom: 0;
  163. text-transform: none;
  164. margin: 0;
  165. padding: 0;
  166. }
  168. #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {
  169. padding: 0;
  170. color: #444;
  171. text-decoration: none;
  172. }
  174. #logo_text h1 a .logo_colour {
  175. color: #09BCE8;
  176. }
  178. #logo_text a:hover .logo_colour {
  179. color: #444;
  180. }
  182. #logo_text h2 {
  183. font-size: 140%;
  184. padding: 0;
  185. color: #222;
  186. }
  188. nav {
  189. height: 44px;
  190. width: 928px;
  191. float: right;
  192. margin: -20px auto 20px auto;
  193. color: #222;
  194. background: #333; /* Show a solid color for older browsers */
  195. background: -moz-linear-gradient(#444, #222);
  196. background: -o-linear-gradient(#444, #222);
  197. background: -webkit-linear-gradient(#444, #222);
  198. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  199. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  200. box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  201. border: 1px solid #222;
  202. }
  204. #site_content {
  205. width: 930px;
  206. overflow: hidden;
  207. margin: 20px auto;
  208. background: #FFF;
  209. }
  211. #sidebar_container {
  212. float: right;
  213. width: 450px;
  214. padding: 0;
  215. height: 450px;
  216. }
  218. #content {
  219. text-align: left;
  220. width: 440px;
  221. margin: 0 0 0 0;
  222. float: left;
  223. padding: 0 20px 20px 20px;
  224. }
  226. #content ul {
  227. margin: 2px 0 22px 0px;
  228. }
  230. #content ul li, .sidebar ul li {
  231. list-style-type: none;
  232. background: url(../images/bullet.png) no-repeat;
  233. margin: 0 0 0 0;
  234. padding: 0 0 4px 28px;
  235. line-height: 1.5em;
  236. }
  238. #blog_container h4 {
  239. font: normal 170% 'News Cycle', arial, sans-serif;
  240. margin: 0 0 15px 0;
  241. padding: 5px 0;}
  243. #blog_container h4.select {
  244. width: 475px;}
  246. .blog {
  247. background: url(../images/calendar.png) no-repeat;
  248. width: 54px;
  249. height: 46px;
  250. float: left;
  251. margin: 0 15px 0 0;
  252. }
  254. .blog h2 {
  255. font: normal 90% arial, sans-serif;
  256. text-shadow: none;
  257. text-align: center;
  258. margin: 0;
  259. padding: 4px 0 0 0;
  260. color: #FFF;
  261. }
  263. .blog h3 {
  264. font: 140% arial, sans-serif;
  265. text-shadow: none;
  266. margin: -5px 0 0 0;
  267. text-align: center;
  268. color: #222;
  269. }
  271. footer {
  272. width: 928px;
  273. font: 140% 'News Cycle', arial, sans-serif;
  274. height: 30px;
  275. padding: 9px 0 15px 0;
  276. color: #FFF;
  277. text-align: center;
  278. background: #333; /* Show a solid color for older browsers */
  279. background: -moz-linear-gradient(#444, #222);
  280. background: -o-linear-gradient(#444, #222);
  281. background: -webkit-linear-gradient(#444, #222);
  282. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  283. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  284. box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  285. border: 1px solid #222;
  286. }
  288. footer p {
  289. line-height: 1.7em;
  290. padding: 0 0 10px 0;
  291. }
  293. footer a {
  294. color: #FFF;
  295. text-decoration: none;
  296. }
  298. footer a:hover {
  299. color: #222;
  300. text-shadow: none;
  301. text-decoration: underline;
  302. }
  304. .form_settings {
  305. margin: 15px 0 0 0;
  306. }
  308. .form_settings p {
  309. padding: 0 0 4px 0;
  310. }
  312. .form_settings span {
  313. float: left;
  314. width: 100px;
  315. text-align: left;
  316. }
  318. .form_settings input, .form_settings textarea {
  319. padding: 5px;
  320. width: 299px;
  321. font: 100% arial;
  322. border: 1px solid #D5D5D5;
  323. background: #FFF;
  324. color: #47433F;
  325. border-radius: 7px 7px 7px 7px;
  326. -moz-border-radius: 7px 7px 7px 7px;
  327. -webkit-border: 7px 7px 7px 7px;
  328. }
  330. .form_settings .submit {
  331. font: 150% 'Yanone Kaffeesatz', arial, sans-serif;
  332. border: 0;
  333. width: 99px;
  334. margin: 0 0 0 212px;
  335. height: 33px;
  336. padding: 2px 0 3px 0;
  337. cursor: pointer;
  338. background: #333; /* Show a solid color for older browsers */
  339. background: -moz-linear-gradient(#444, #222);
  340. background: -o-linear-gradient(#444, #222);
  341. background: -webkit-linear-gradient(#444, #222);
  342. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  343. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  344. box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  345. border: 1px solid #222;
  346. color: #FFF;
  347. }
  349. .form_settings textarea, .form_settings select {
  350. font: 100% arial;
  351. width: 299px;
  352. }
  354. .form_settings select {
  355. width: 310px;
  356. }
  358. .form_settings .checkbox {
  359. margin: 4px 0;
  360. padding: 0;
  361. width: 14px;
  362. border: 0;
  363. background: none;
  364. }
  366. .separator {
  367. width: 100%;
  368. height: 0;
  369. border-top: 1px solid #D9D5CF;
  370. border-bottom: 1px solid #FFF;
  371. margin: 0 0 20px 0;
  372. }
  374. table {
  375. margin: 10px 0 30px 0;
  376. }
  378. table tr th, table tr td {
  379. background: #70D4E6;
  380. color: #FFF;
  381. padding: 7px 4px;
  382. text-align: left;
  383. }
  385. table tr td {
  386. background: #D3F2F7;
  387. color: #47433F;
  388. border-top: 1px solid #FFF;
  389. }
  391. ul.images {
  392. width:450px;
  393. height:450px;
  394. overflow:hidden;
  395. position:relative;
  396. margin:0;
  397. padding:0;
  398. }
  400. ul.images li {
  401. position:absolute;
  402. margin:0;
  403. padding:0;
  404. left:0;
  405. right:0;
  406. list-style:none;
  407. }
  409. ul.images li.show {
  410. z-index:500;
  411. }
  413. ul img {
  414. border:none;
  415. }
  420. /**
  421. Stylesheet for SooperFish by www.SooperThemes.com
  422. Author: Jurriaan Roelofs
  423. **/
  425. /* Configuration of menu width */
  426. html body ul.sf-menu ul,html body ul.sf-menu ul li {
  427. width: 220px;
  428. }
  430. html body ul.sf-menu ul ul {
  431. margin: 0 0 0 220px;
  432. }
  434. /* Framework for proper showing/hiding/positioning */
  435. ul.sf-menu,ul.sf-menu * {
  436. margin: 0;
  437. padding: 0;
  438. }
  440. ul.sf-menu {
  441. display: block;
  442. position: relative;
  443. }
  445. ul.sf-menu li {
  446. display: block;
  447. list-style: none;
  448. float: left;
  449. position: relative;
  450. }
  452. ul.sf-menu li:hover {
  453. visibility: inherit; /* fixes IE7 'sticky bug' */
  454. }
  456. ul.sf-menu a {
  457. display: block;
  458. position: relative;
  459. }
  461. ul.sf-menu ul {
  462. position: absolute;
  463. left: 0;
  464. width: 150px;
  465. top: auto;
  466. left: -999999px;
  467. }
  469. ul.sf-menu ul a {
  470. zoom: 1; /* IE6/7 fix */
  471. }
  473. ul.sf-menu ul li {
  474. float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  475. width: 150px;
  476. }
  478. ul.sf-menu ul ul {
  479. top: 0;
  480. margin: 0 0 0 150px;
  481. }
  483. ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
  484. ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
  485. ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
  486. ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
  487. left: auto;
  488. }
  490. ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
  491. ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
  492. ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
  493. ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
  494. left: -999999px;
  495. }
  497. /* autoArrows CSS */
  498. span.sf-arrow {
  499. width: 7px;
  500. height: 7px;
  501. position: absolute;
  502. top: 20px;
  503. right: 5px;
  504. display: block;
  505. background: url(../images/arrows-white.png) no-repeat 0 0;
  506. overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  507. font-size: 1px;
  508. }
  510. ul ul span.sf-arrow {
  511. right: 5px;
  512. top: 20px;
  513. background-position: 0 100%;
  514. }
  516. /* Theming the menu */
  517. ul#nav {
  518. float: left;
  519. }
  521. ul#nav ul {
  522. background: #222;
  523. margin-top: 4px;
  524. padding-bottom: 15px;
  525. }
  527. ul#nav li a {
  528. padding: 7px 25px 6px 25px;
  529. font: 140% 'News Cycle', arial, sans-serif;
  530. text-decoration: none;
  531. color: #FFF;
  532. margin-right: 2px;
  533. }
  535. ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus {
  536. color: #09BCE8;
  537. text-shadow: none;
  538. }
  540. ul#nav ul li a {
  541. color: #FFF;
  542. }
  544. ul#nav ul li a:hover {
  545. color: #09BCE8;
  546. margin-right: 2px;
  547. }
  551. /* Image Transitions */
  552. ul#images {
  553. margin: 0 15px 10px 0;
  554. padding: 0;
  555. list-style: none;
  556. position: relative;
  557. }
  559. ul#images li {
  560. display: block;
  561. overflow: hidden;
  562. padding: 0;
  563. float: left;
  564. width: 155px;
  565. height: 300px;
  566. }
comments powered by Disqus