Guest User

CSS

a guest
Jul 6th, 2014
205
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td,
  10. article, aside, canvas, details, embed,
  11. figure, figcaption, footer, header, hgroup,
  12. menu, nav, output, ruby, section, summary,
  13. time, mark, audio, video {
  14. margin: 0;
  15. padding: 0;
  16. border: 0;
  17. font-size: 100%;
  18. font: arial,serif;
  19. vertical-align: baseline;
  20. }
  21. .submitted { display: none; }
  22.  
  23. /* HTML5 display-role reset for older browsers */
  24.  
  25. .fadein {
  26. position: relative; height:100px; width:100px;
  27. background: url("slideshow-bg.png") repeat-x scroll left top transparent;
  28. padding: 10px;
  29. }
  30. .fadein img { position:absolute; left:10px; top:10px; }
  31.  
  32. article, aside, details, figcaption, figure,
  33. footer, header, hgroup, menu, nav, section {
  34. display: block;
  35. }
  36.  
  37. ol, ul {
  38. list-style: none;
  39. }
  40.  
  41. table {
  42. border-collapse: collapse;
  43. border-spacing: 0;
  44. }
  45.  
  46. /*
  47. Clear Floated Elements
  48. */
  49.  
  50. .clear {
  51. clear: both;
  52. display: block;
  53. overflow: hidden;
  54. visibility: hidden;
  55. width: 0;
  56. height: 0;
  57. }
  58.  
  59. .clear:after {
  60. clear: both;
  61. content: ' ';
  62. display: block;
  63. font-size: 0;
  64. line-height: 0;
  65. visibility: hidden;
  66. width: 0;
  67. height: 0;
  68. }
  69.  
  70. * html .clear {
  71. height: 1%;
  72. }
  73.  
  74. /*
  75. Style HTML Tags
  76. */
  77.  
  78. body {
  79. color: #333333;
  80. font-family: arial,serif;
  81. font-size: 14px;
  82. line-height: 1.5em;
  83. }
  84.  
  85. a {
  86. color: #00a99d;
  87. text-decoration: none;
  88. }
  89.  
  90. h1, h2, h3, h4, h5, h6 {
  91. font-family: arial,serif;
  92. margin-bottom: 6px;
  93. line-height: 125%;
  94. }
  95.  
  96. h1 {
  97. font-size: 32px;
  98. }
  99.  
  100. h2 {
  101. font-size: 24px;
  102. }
  103.  
  104. h3 {
  105. font-size: 18px;
  106. }
  107.  
  108. h4 {
  109. font-size: 16px;
  110. }
  111.  
  112. h5 {
  113. font-size: 15px;
  114. }
  115.  
  116. h6 {
  117. font-size: 14px;
  118. }
  119.  
  120. p {
  121. margin-bottom: 18px;
  122. }
  123.  
  124. table {
  125. border-collapse: collapse;
  126. border-spacing: 0;
  127. margin-bottom: 15px;
  128. width: 100%;
  129. }
  130.  
  131. th, tr, td {
  132. vertical-align: middle;
  133. }
  134.  
  135. .sticky-header th, .sticky-table th {
  136. border-bottom: 3px solid #ccc;
  137. padding-right: 1em;
  138. text-align: left;
  139. }
  140.  
  141. table {
  142. border: 1px solid #bbbbbb;
  143. }
  144.  
  145. th {
  146. padding: 5px 4px;
  147. text-shadow: 1px 1px #fff;
  148. border-right: 1px solid #c8c7c7;
  149. color: #333;
  150. }
  151.  
  152. tr {
  153. background: none !important;
  154. }
  155.  
  156. td {
  157. color: #747474;
  158. text-align: left;
  159. padding-left: 4px;
  160. border-right: 1px solid #c8c7c7;
  161. border-bottom: 1px solid #c8c7c7;
  162. }
  163.  
  164. code {
  165. background: #d8d8d8;
  166. text-shadow: 1px 1px #fff;
  167. border: 1px solid #bbbbbb;
  168. display: block;
  169. padding: 7px;
  170. margin: 5px 0;
  171. border-radius: 7px;
  172. }
  173.  
  174. mark {
  175. background-color: #fdfc9b;
  176. font-style: italic;
  177. font-weight: bold;
  178. }
  179.  
  180. del {
  181. text-decoration: line-through;
  182. }
  183.  
  184. hr {
  185. border: none;
  186. border-top: #eee 1px solid;
  187. }
  188.  
  189. dt {
  190. font-weight: bold;
  191. margin-bottom: 24px;
  192. }
  193.  
  194. dd {
  195. margin-left: 30px;
  196. margin-bottom: 24px;
  197. }
  198.  
  199. ul {
  200. list-style-type: disc;
  201. margin-left: 15px;
  202. margin-bottom: 12px;
  203. }
  204.  
  205. ul ul {
  206. list-style-type: square;
  207. margin-bottom: 0;
  208. }
  209.  
  210. ul ul ul {
  211. list-style-type: circle;
  212. }
  213.  
  214. ol {
  215. list-style-type: decimal;
  216. margin-left: 30px;
  217. margin-bottom: 24px;
  218. }
  219.  
  220. ol ol {
  221. list-style: upper-alpha;
  222. margin-bottom: 0
  223. }
  224.  
  225. ol ol ol {
  226. list-style: lower-roman;
  227. }
  228.  
  229. ol ol ol ol {
  230. list-style: lower-alpha;
  231. }
  232.  
  233. abbr,
  234. acronym {
  235. border-bottom: #999 1px dotted;
  236. cursor: help;
  237. }
  238.  
  239. big {
  240. font-size: 1.3em;
  241. }
  242.  
  243. cite,
  244. em {
  245. font-style: italic;
  246. }
  247.  
  248. ins {
  249. background-color: #fdfc9b;
  250. text-decoration: none;
  251. }
  252.  
  253. pre {
  254. background: #d8d8d8;
  255. text-shadow: 1px 1px #fff;
  256. border: 1px solid #bbbbbb;
  257. padding: 7px;
  258. margin: 5px 0;
  259. border-radius: 7px;
  260. }
  261.  
  262. blockquote, q {
  263. quotes: none;
  264. border: 1px solid #bbbbbb;
  265. background: #d8d8d8 url("../images/quote.png") no-repeat;
  266. padding: 10px 5px 5px 47px;
  267. text-shadow: 1px 1px #fff;
  268. margin: 5px 0;
  269. border-radius: 7px;
  270. }
  271.  
  272. blockquote:before, blockquote:after,
  273. q:before, q:after {
  274. content: '';
  275. content: none;
  276. }
  277.  
  278. strong {
  279. font-weight: bold;
  280. }
  281.  
  282. sup,
  283. sub {
  284. height: 0;
  285. line-height: 1;
  286. vertical-align: baseline;
  287. position: relative;
  288. font-size: 10px;
  289. }
  290.  
  291. sup {
  292. bottom: 1ex;
  293. }
  294.  
  295. sub {
  296. top: .5ex;
  297. }
  298.  
  299. img,
  300. video {
  301. max-width: 100%;
  302. height: auto;
  303. }
  304.  
  305. video {
  306. display: block;
  307. }
  308.  
  309. audio {
  310. max-width: 100%;
  311. }
  312.  
  313. .content a img {
  314. padding: 5px;
  315. box-shadow: 0 0 3px #eee;
  316. background: #fff;
  317. border: #eee 1px solid;
  318. }
  319.  
  320. .content a:hover img {
  321. background: #f0f0F0;
  322. }
  323.  
  324. .marker, .form-required {
  325. color: #c24050;
  326. }
  327. /*
  328. Theme Design, Layout and Typography
  329. */
  330.  
  331. #header_wrapper {
  332. position: relative;
  333. margin: 0 auto;
  334. }
  335.  
  336. #header {
  337. max-width: 1000px;
  338. margin: 0 auto;
  339. }
  340.  
  341. .menu_wrapper {
  342. background-color: #dddddd;
  343. border-bottom: 0 solid #00a99d;
  344. border-top: 0 solid #00a99d;
  345. display: block;
  346. margin-bottom: 15px;
  347. padding: 13px 0 14px;
  348. position: relative;
  349. z-index: 99;
  350. }
  351.  
  352. #logo {
  353. text-align: center;
  354. margin: 15px 10px;
  355. margin-left: -570px;
  356. }
  357.  
  358. #site-title a,
  359. #site-description {
  360. color: #00a99d;
  361. font-weight: 300;
  362. }
  363.  
  364. #site-title,
  365. #site-description {
  366. float: left;
  367. }
  368.  
  369. #site-title {
  370. margin: 20px 0;
  371. font-size: 28px;
  372. font-weight: bold;
  373. }
  374.  
  375. #site-title a{
  376. float: left;
  377. font-family: dancing script,arial,serif;
  378. }
  379.  
  380. #site-description {
  381. clear: both;
  382. color: #00a99d;
  383. float: left;
  384. font-family: Dancing script ,arial,serif;
  385. font-size: 20px;
  386. line-height: 100%;
  387. margin: 16px 0 0;
  388. text-align:center;
  389. }
  390.  
  391. #main-menu .nav-toggle {
  392. display: none;
  393. }
  394.  
  395. #main-menu {
  396. max-width: 1000px;
  397. margin: 0 auto;
  398.  
  399. }
  400.  
  401. #main-menu ul {
  402. float: left;
  403. padding: 0;
  404. margin: 0;
  405. list-style: none;
  406. font-size: 13px;
  407. }
  408.  
  409. #main-menu li {
  410. position: relative;
  411. float: left;
  412. padding: 0;
  413. margin: 0;
  414. font-family: arial,serif;
  415. font-size: 18px;
  416. }
  417.  
  418. #main-menu ul li:first-child {
  419. padding-left: 0;
  420. }
  421.  
  422. #main-menu a {
  423. border-radius: 5px 5px 5px 5px;
  424. color: #343434;
  425. display: block;
  426. padding: 8px 12px;
  427. text-align: center;
  428. text-decoration: none;
  429. text-transform: capitalize;
  430. }
  431.  
  432. #main-menu a:hover,
  433. #main-menu li > a.active,
  434. #main-menu li > a.active-trail {
  435. background: none repeat scroll 0 0 #d2d2d2;
  436. color: #00a99d;
  437. text-decoration: none;
  438. }
  439.  
  440. .drop-down-toggle {
  441. position: absolute;
  442. top: 7px;
  443. right: 16px;
  444. display: none;
  445. width: 20px;
  446. height: 20px;
  447. border-radius: 15px;
  448. border: #ffffff 3px solid;
  449. }
  450.  
  451. .drop-down-arrow {
  452. display: block;
  453. width: 0;
  454. height: 0;
  455. margin: 8px 0 0 5px;
  456. border-top: 5px solid #ffffff;
  457. border-left: transparent 5px solid;
  458. border-right: transparent 5px solid;
  459. }
  460.  
  461. #socialbar .social .fb a {
  462. background: url("../images/fb.png") no-repeat scroll center center transparent;
  463. display: inline-block;
  464. height: 64px;
  465. padding: 0 5px 0 0;
  466. width: 64px;
  467. opacity: 0.5;
  468. }
  469.  
  470. #socialbar .social .fb a:hover {
  471. opacity: 1;
  472. }
  473.  
  474. #socialbar .social .tw a {
  475. background: url("../images/tw.png") no-repeat scroll center center transparent;
  476. display: inline-block;
  477. height: 64px;
  478. padding: 0 5px 0 0;
  479. width: 64px;
  480. opacity: 0.5;
  481. }
  482.  
  483. #socialbar .social .tw a:hover {
  484. opacity: 1;
  485. }
  486.  
  487. #socialbar .social .ln a {
  488. background: url("../images/in.png") no-repeat scroll center center transparent;
  489. display: inline-block;
  490. height: 64px;
  491. padding: 0 5px 0 0;
  492. width: 64px;
  493. opacity: 0.5;
  494. }
  495.  
  496. #socialbar .social .ln a:hover {
  497. opacity: 1;
  498. }
  499.  
  500. #socialbar {
  501. float: right;
  502. margin-top: 15px;
  503. }
  504.  
  505. #socialbar ul li {
  506. list-style: none;
  507. float: left;
  508. }
  509.  
  510. #main-menu li li {
  511. float: none;
  512. min-width: 190px;
  513. padding: 0;
  514. margin: 0;
  515. }
  516.  
  517. #main-menu li li a {
  518. background: none repeat scroll 0 0 #00a99d;
  519. border: 1px solid #343434;
  520. color: #ffffff;
  521. font-size: 14px;
  522. margin: 0;
  523. min-width: 150px;
  524. overflow: hidden;
  525. padding: 4% 5%;
  526. text-align: left;
  527. }
  528.  
  529. #main-menu li li a:hover {
  530. background: #343434;
  531. color: #fff;
  532. }
  533.  
  534. #main-menu li ul {
  535. display: none;
  536. position: absolute;
  537. z-index: 9999;
  538. min-width: 190px;
  539. height: auto;
  540. padding: 0;
  541. margin: 0;
  542. }
  543.  
  544. #main-menu li ul ul {
  545. margin: -33px 0 0 190px !important;
  546. }
  547.  
  548. #main-menu li:hover > ul,
  549. #main-menu li li:hover > ul,
  550. #main-menu li li li:hover > ul {
  551. display: block;
  552. }
  553.  
  554. #main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
  555. list-style: none;
  556. }
  557. #main-menu ul.menu li {
  558. margin: 0 3px 0 0;
  559. }
  560.  
  561. #main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
  562. margin: 0;
  563. padding: 0;
  564. }
  565.  
  566. .front #container{
  567. margin-top: 1.5%;
  568. }
  569.  
  570. #container {
  571. margin: 2.76% auto;
  572. max-width: 1000px;
  573. }
  574.  
  575. .slides,
  576. .flex-control-nav {
  577. margin: 0;
  578. padding: 0;
  579. list-style: none;
  580. float: center;
  581. position: center;
  582. }
  583.  
  584. .slides {
  585. width: 100%;
  586. overflow: hidden;
  587. }
  588.  
  589. #slider .slides > li {
  590. display: none;
  591. position: relative;
  592. margin: 0;
  593. float: center;
  594. position: center;
  595. text-align: center;
  596. }
  597.  
  598. #slider .slides li:first-child {
  599. display: list-item;
  600. }
  601.  
  602. .flex-pauseplay span {
  603. text-transform: capitalize;
  604. }
  605.  
  606. .slides:after {
  607. content: ".";
  608. display: block;
  609. clear: both;
  610. visibility: hidden;
  611. line-height: 0;
  612. height: 0;
  613. }
  614.  
  615. .flex-control-nav {
  616. height: 14px;
  617. margin-top: 10px;
  618. text-align: center;
  619. width: 100%;
  620. }
  621.  
  622. .flex-control-nav li a{
  623. background: none repeat scroll 0 0 #a3a3a3;
  624. border-radius: 8px 8px 8px 8px;
  625. cursor: pointer;
  626. display: inline-block !important;
  627. font-size: 0;
  628. height: 14px;
  629. line-height: 0;
  630. margin: 0 2px 0 1px;
  631. overflow: hidden;
  632. position: relative;
  633. text-decoration: none;
  634. vertical-align: top;
  635. width: 14px;
  636. z-index: 99;
  637. }
  638.  
  639. .flex-control-nav li {
  640. display: inline-block;
  641. margin: 0 0 0 15px;
  642. }
  643.  
  644. .flex-control-nav li:first-child {
  645. margin: 0;
  646. }
  647.  
  648. .flex-control-nav li a.flex-active,
  649. .flex-control-nav li a:hover {
  650. background: none repeat scroll 0 0 #00a99d;
  651. color: #c24050;
  652. }
  653. .flex-direction-nav {
  654. display: none;
  655. }
  656.  
  657. #single-post-slider .slides img{
  658. border: 1px solid #cccccc;
  659. -webkit-box-shadow: 0 8px 6px -6px black;
  660. -moz-box-shadow: 0 8px 6px -6px black;
  661. box-shadow: 0 8px 6px -6px black;
  662. border-radius: 5px 5px 5px 5px;
  663. float: center;
  664. position: center;
  665. text-align: center;
  666. }
  667.  
  668. #slider .post {
  669. padding: 1.83%;
  670. margin: 0;
  671. box-shadow: none;
  672. background: none;
  673. }
  674.  
  675. #slider .entry-container {
  676. float: right;
  677. max-width: 50%;
  678. }
  679.  
  680. #slider .slide-image {
  681. max-width: 49%;
  682. padding: 0.47%;
  683. background: #e9e9e9;
  684. }
  685.  
  686. #slider .entry-header,
  687. #slider .entry-summary {
  688. margin-left: 5%;
  689. }
  690.  
  691. #slider .entry-title{
  692. margin-left: 0;
  693. margin-bottom: 15px;
  694. }
  695.  
  696. .content-sidebar-wrap {
  697. float: right;
  698. width: 800px;
  699. }
  700.  
  701. .content-sidebar-wrap #content {
  702. display: inline;
  703. margin-bottom: 2.7%;
  704. float: right;
  705. width: 1000px;
  706. }
  707.  
  708. #sidebar-first {
  709. color: #888;
  710. float: left;
  711. }
  712.  
  713. #sidebar-second {
  714. color: #888;
  715. float: right;
  716. }
  717.  
  718. /* 3 columns */
  719.  
  720. body.two-sidebars .content-sidebar-wrap {
  721. width: 80%;
  722. }
  723.  
  724. body.two-sidebars #content {
  725. width: 500px;
  726. }
  727.  
  728. body.two-sidebars #sidebar-first {
  729. width: 24%;
  730. }
  731.  
  732. body.two-sidebars #sidebar-second {
  733. width: 19%;
  734. }
  735.  
  736. /* 2 columns: sidebar-first */
  737.  
  738. body.sidebar-first .content-sidebar-wrap {
  739. width: 100%;
  740. }
  741.  
  742. body.sidebar-first #content {
  743. width: 80%;
  744. }
  745.  
  746. body.sidebar-first #sidebar-first {
  747. width: 19%;
  748. }
  749.  
  750. /* 2 columns: sidebar-second */
  751.  
  752. body.sidebar-second .content-sidebar-wrap {
  753. width: 80%;
  754. }
  755.  
  756. body.sidebar-second #content {
  757. width: 100%;
  758. }
  759.  
  760. body.sidebar-second #sidebar-second {
  761. width: 19%;
  762. }
  763.  
  764. #post-content {
  765. padding: 0 20px;
  766. }
  767.  
  768. .breadcrumb {
  769. margin: 0 20px;
  770. padding-top: 20px;
  771. margin-bottom: 10px;
  772. border-bottom: #eee 1px solid;
  773. }
  774.  
  775. #head, #content, #sidebar-second, #sidebar-first {
  776. margin-top: 10px;
  777. }
  778.  
  779. .node {
  780. margin: 20px 0;
  781. }
  782.  
  783. .node h2.title, .page-title {
  784. color: #555555;
  785. font-size: 20px;
  786. }
  787.  
  788. .node h2.title a{
  789. color: #000;
  790. }
  791.  
  792. .block {
  793. margin-bottom: 1%;
  794. }
  795.  
  796. .block > h2{
  797. border-bottom: 1px solid #ccc;
  798. color: #555;
  799. font-family: arial,serif;
  800. font-size: 24px;
  801. font-weight: normal;
  802. margin: 5px 0px;
  803. padding: 0px 0px 4px 0px;
  804. text-transform: capitalize;
  805. }
  806.  
  807. #footer-area .block > h2 {
  808. color: #333333;
  809. margin-bottom: 10px;
  810. text-transform: capitalize;
  811. border: 0;
  812. }
  813.  
  814. #footer-area ul.menu li a.active{
  815. color: #ddd;
  816. }
  817.  
  818. .submitted {
  819. -moz-border-radius: 4px;
  820. -webkit-border-radius: 4px;
  821. background: #e9e9e9;
  822. border-radius: 4px;
  823. clear: both;
  824. color: #383838;
  825. display: none;
  826. margin-bottom: 5px;
  827. padding: 4px 9px;
  828. }
  829.  
  830. .links {
  831. color: #000;
  832. margin-top: 10px;
  833. font-size: 14px;
  834. }
  835.  
  836. ul.links {
  837. margin: 0;
  838. }
  839.  
  840. .links li a {
  841. -moz-border-radius: 4px;
  842. -webkit-border-radius: 4px;
  843. background: #00a99d;
  844. border-radius: 4px;
  845. color: #fff;
  846. font-weight: normal;
  847. padding: 4px 8px;
  848. display: inline-block;
  849. margin-bottom: 1px;
  850. }
  851.  
  852. .links li a:hover {
  853. background: #0dc4b5;
  854. color: #ddd;
  855. }
  856.  
  857. /*-------------------------------------------*
  858. /* Poll, Buttons, Form
  859. /*-------------------------------------------*/
  860. .poll .vote-form .choices .title {
  861. font-size: 14px;
  862. font-weight: normal;
  863. line-height: 2;
  864. }
  865.  
  866. .poll .vote-form .choices {
  867. margin: 0;
  868. }
  869.  
  870. .form-submit{
  871. cursor: pointer;
  872. margin: 5px;
  873. }
  874.  
  875. input.form-checkbox, input.form-radio {
  876. vertical-align: baseline;
  877. }
  878.  
  879. .form-text {
  880. padding: 4px 5px;
  881. }
  882.  
  883. /*-------------------------------------------*
  884. /* Menus and item lists
  885. /*-------------------------------------------*/
  886. .item-list ul {
  887. margin: 0;
  888. padding: 0 0 0 1.5385em;
  889. }
  890.  
  891. .item-list ul li {
  892. margin: 0;
  893. padding: 0;
  894. }
  895.  
  896. ul.menu li {
  897. margin: 0;
  898. padding: 0;
  899. }
  900.  
  901. ul.inline {
  902. clear: both;
  903. }
  904.  
  905. ul.inline li {
  906. margin: 0;
  907. padding: 0;
  908. }
  909.  
  910. /*-------------------------------------------*
  911. /* Admin Tabs
  912. /*-------------------------------------------*/
  913. .tabs-wrapper {
  914. border-bottom: 1px solid #b7b7b7;
  915. margin: 0 0 5px 0;
  916. }
  917.  
  918. ul.primary {
  919. border: none;
  920. margin: 0;
  921. padding: 0;
  922. }
  923.  
  924. ul.primary li a {
  925. background: none;
  926. border: none;
  927. display: block;
  928. float: left;
  929. line-height: 1.5385em;
  930. margin: 0;
  931. padding: 0 1em;
  932. border-radius: 4px 4px 0 0;
  933. margin-right: 5px;
  934. }
  935.  
  936. ul.primary li a:hover, ul.primary li a.active {
  937. background: #666;
  938. border: none;
  939. color: #fff;
  940. }
  941.  
  942. ul.primary li a:hover {
  943. background: #888;
  944. text-decoration: none;
  945. }
  946.  
  947. ul.secondary {
  948. background: #666;
  949. border-bottom: none;
  950. clear: both;
  951. margin: 0;
  952. padding: 0;
  953. }
  954.  
  955. ul.secondary li {
  956. border-right: none;
  957. }
  958.  
  959. ul.secondary li a, ul.secondary li a:link {
  960. border: none;
  961. color: #ccc;
  962. display: block;
  963. float: left;
  964. line-height: 1.5385em;
  965. padding: 0 1em;
  966. }
  967.  
  968. ul.secondary li a:hover, ul.secondary li a.active {
  969. background: #888;
  970. color: #fff;
  971. text-decoration: none;
  972. }
  973.  
  974. ul.secondary a.active {
  975. border-bottom: none;
  976. }
  977.  
  978. /*-------------------------------------------*
  979. /* Tabs and Tags
  980. /*-------------------------------------------*/
  981. .field-name-field-tags {
  982. margin: 0 0 10px 0;
  983. }
  984.  
  985. .field-name-field-tags a{
  986. display: inline-block;
  987. background: url("../images/tag.png") no-repeat;
  988. padding: 0px 8px 0 16px;
  989. height: 22px;
  990. text-shadow: 1px 1px #fff;
  991. border-radius: 2px;
  992. font-size: 12px;
  993. }
  994.  
  995. .field-name-field-tags .field-item {
  996. margin: 0 1em 0 0;
  997. }
  998.  
  999. .field-name-field-tags div {
  1000. display: inline;
  1001. }
  1002.  
  1003. /*-------------------------------------------*
  1004. /* Profile
  1005. /*-------------------------------------------*/
  1006. .profile {
  1007. margin: 1.5385em 0;
  1008. }
  1009.  
  1010. .profile dd {
  1011. margin-bottom: 1.5385em;
  1012. }
  1013.  
  1014. .profile h3 {
  1015. border: none;
  1016. }
  1017.  
  1018. .profile dt {
  1019. margin-bottom: 0;
  1020. }
  1021.  
  1022. .password-parent {
  1023. width: 36em;
  1024. }
  1025.  
  1026. /*-------------------------------------------*
  1027. /* Navigation
  1028. /*-------------------------------------------*/
  1029. .item-list .pager li {
  1030. background: #cfcfcf;
  1031. border-radius: 3px;
  1032. margin-right: 4px;
  1033. text-shadow: 1px 1px #fff;
  1034. }
  1035.  
  1036. /*-------------------------------------------*
  1037. /* Forum
  1038. /*-------------------------------------------*/
  1039. .field-name-taxonomy-forums div {
  1040. display: inline;
  1041. margin-top: 4px;
  1042. }
  1043.  
  1044. #forum .title {
  1045. font-size: 16px;
  1046. }
  1047.  
  1048. #forum .submitted {
  1049. font-size: 12px;
  1050. font-family: Lucida Grande, Verdana, Arial, sans-serif;
  1051. background: transparent;
  1052. padding: 0;
  1053. }
  1054.  
  1055. #forum .container {
  1056. background: #a1a1a1;
  1057. color: #fff;
  1058. }
  1059.  
  1060. #forum .container a {
  1061. color: #000;
  1062. font-weight: bold;
  1063. }
  1064.  
  1065. #forum div.indent {
  1066. margin-left: 2px;
  1067. }
  1068.  
  1069. .forum-starter-picture {
  1070. float: left;
  1071. padding: 4px;
  1072. border: 1px solid #d9d9d9;
  1073. margin: 5px 7px 5px 0;
  1074. }
  1075.  
  1076. #forum th {
  1077. background: #434343;
  1078. text-shadow: none;
  1079. color: #fff;
  1080. }
  1081.  
  1082. #forum th a {
  1083. color: #fff;
  1084. }
  1085.  
  1086. #forum td.forum .icon, #forum .icon div {
  1087. background: url("../images/no-new-posts.png") no-repeat;
  1088. width: 35px;
  1089. height: 35px;
  1090. }
  1091.  
  1092. #forum .name a {
  1093. font-size: 16px;
  1094. }
  1095.  
  1096. /* Images */
  1097.  
  1098. img {
  1099. outline: 0;
  1100. }
  1101.  
  1102. img.scale-with-grid {
  1103. max-width: 100%;
  1104. height: auto;
  1105. }
  1106.  
  1107. /* Comments */
  1108.  
  1109. .comment h2.title {
  1110. margin-bottom: 1em;
  1111. }
  1112.  
  1113. .comment div.user-picture img {
  1114. margin-left: 0;
  1115. }
  1116.  
  1117. .comment {
  1118. margin-bottom: 20px;
  1119. display: table;
  1120. vertical-align: top;
  1121. }
  1122.  
  1123. .comment .attribution {
  1124. display: table-cell;
  1125. padding: 0 35px 0 0;
  1126. vertical-align: top;
  1127. overflow: hidden;
  1128. }
  1129.  
  1130. .comment .attribution img {
  1131. margin: 0;
  1132. border: 1px solid #d3d7d9;
  1133. }
  1134.  
  1135. .comment .attribution .username {
  1136. white-space: nowrap;
  1137. }
  1138.  
  1139. .comment .comment-submitted p {
  1140. margin: 4px 0;
  1141. font-size: 1.071em;
  1142. line-height: 1.2;
  1143. }
  1144.  
  1145. .comment .comment-submitted .comment-time {
  1146. font-size: 0.786em;
  1147. }
  1148.  
  1149. .comment .comment-submitted .comment-permalink {
  1150. font-size: 0.786em;
  1151. text-transform: lowercase;
  1152. }
  1153.  
  1154. .comment .content {
  1155. font-size: 0.929em;
  1156. line-height: 1.6;
  1157. }
  1158.  
  1159. .comment .comment-arrow {
  1160. background: url("../images/comment-arrow.gif") no-repeat 0 center transparent;
  1161. border-left: 1px solid;
  1162. border-right: 1px solid;
  1163. height: 40px;
  1164. margin-left: -36px;
  1165. margin-top: 15px;
  1166. position: absolute;
  1167. width: 20px;
  1168. }
  1169.  
  1170. .comment .comment-text {
  1171. padding: 0 25px 10px 35px;
  1172. display: table-cell;
  1173. vertical-align: top;
  1174. position: relative;
  1175. width: 100%;
  1176. border-left: 1px
  1177. solid #d3d7d9;
  1178. }
  1179.  
  1180. .comment .indented {
  1181. margin-left: 40px;
  1182. }
  1183.  
  1184. .comment-unpublished {
  1185. margin-right: 5px;
  1186. padding: 5px 2px 5px 5px;
  1187. }
  1188.  
  1189. .comment .comment-text .comment-arrow {
  1190. border-left: 1px solid #ffffff;
  1191. border-right: 1px solid #ffffff;
  1192. }
  1193.  
  1194. /* -------------- Form Elements ------------- */
  1195.  
  1196. fieldset {
  1197. background: #ffffff;
  1198. border: 1px solid #cccccc;
  1199. margin-top: 10px;
  1200. margin-bottom: 32px;
  1201. padding: 0 0 10px;
  1202. position: relative;
  1203. top: 12px;
  1204. -khtml-border-radius: 4px;
  1205. -moz-border-radius: 4px;
  1206. -webkit-border-radius: 4px;
  1207. border-radius: 4px;
  1208. }
  1209.  
  1210. .fieldset-wrapper {
  1211. margin-top: 25px;
  1212. }
  1213.  
  1214. .node-form .vertical-tabs .fieldset-wrapper {
  1215. margin-top: 0;
  1216. }
  1217.  
  1218. .filter-wrapper {
  1219. top: 0;
  1220. padding: 1em 0 0.2em;
  1221. -khtml-border-radius-topright: 0;
  1222. -khtml-border-radius-topleft: 0;
  1223. -moz-border-radius-topright: 0;
  1224. -moz-border-radius-topleft: 0;
  1225. -webkit-border-top-left-radius: 0;
  1226. -webkit-border-top-right-radius: 0;
  1227. border-top-left-radius: 0;
  1228. border-top-right-radius: 0;
  1229. }
  1230.  
  1231. .filter-help a {
  1232. font-size: 0.857em;
  1233. padding: 2px 20px 0;
  1234. }
  1235.  
  1236. .filter-wrapper .form-item label {
  1237. margin-right: 10px;
  1238. }
  1239.  
  1240. .filter-wrapper .form-item {
  1241. padding: 0 0 0.5em 0.5em;
  1242. }
  1243.  
  1244. .filter-guidelines {
  1245. padding: 0 1.5em 0 0.5em;
  1246. }
  1247.  
  1248. fieldset.collapsed {
  1249. background: transparent;
  1250. -khtml-border-radius: 0;
  1251. -moz-border-radius: 0;
  1252. -webkit-border-radius: 0;
  1253. border-radius: 0;
  1254. }
  1255.  
  1256. fieldset legend {
  1257. background: #dbdbdb;
  1258. border: 1px solid #ccc;
  1259. border-bottom: none;
  1260. display: block;
  1261. height: 2em;
  1262. left: -1px;
  1263. line-height: 2;
  1264. padding: 0;
  1265. position: absolute;
  1266. text-indent: 10px;
  1267. text-shadow: 0 1px 0 #fff;
  1268. top: -12px; width: 100%;
  1269. -khtml-border-radius-topleft: 4px;
  1270. -moz-border-radius-topleft: 4px;
  1271. -webkit-border-top-left-radius: 4px;
  1272. border-top-left-radius: 4px;
  1273. -khtml-border-radius-topright: 4px;
  1274. -moz-border-radius-topright: 4px;
  1275. -webkit-border-top-right-radius: 4px;
  1276. border-top-right-radius: 4px;
  1277. }
  1278.  
  1279. fieldset.collapsed legend {
  1280. -khtml-border-radius: 4px;
  1281. -moz-border-radius: 4px;
  1282. -webkit-border-radius: 4px;
  1283. border-radius: 4px;
  1284. }
  1285.  
  1286. fieldset .fieldset-wrapper {
  1287. padding: 0 10px;
  1288. }
  1289.  
  1290. fieldset .fieldset-description {
  1291. margin-top: 5px;
  1292. margin-bottom: 1em;
  1293. line-height: 1.4;
  1294. font-style: italic;
  1295. }
  1296.  
  1297. input {
  1298. margin: 2px 0;
  1299. padding: 4px;
  1300. }
  1301.  
  1302. input, textarea {
  1303. font-size: 0.929em;
  1304. }
  1305.  
  1306. textarea {
  1307. line-height: 1.5;
  1308. }
  1309.  
  1310. textarea.form-textarea, select.form-select {
  1311. padding: 4px;
  1312. }
  1313.  
  1314. input.form-text, textarea.form-textarea, select.form-select {
  1315. border: 1px solid #ccc;
  1316. }
  1317.  
  1318. .password-suggestions ul li {
  1319. margin-left: 1.2em;
  1320. }
  1321.  
  1322. .form-item {
  1323. margin-bottom: 1em;
  1324. margin-top: 2px;
  1325. }
  1326.  
  1327. .form-item label {
  1328. font-size: 0.929em;
  1329. }
  1330.  
  1331. .form-type-radio label, .form-type-checkbox label {
  1332. margin-left: 4px;
  1333. }
  1334.  
  1335. .form-type-radio .description, .form-type-checkbox .description {
  1336. margin-left: 2px;
  1337. }
  1338.  
  1339. .form-actions {
  1340. padding-top: 10px;
  1341. }
  1342.  
  1343. /* Form Buttons */
  1344.  
  1345. button,
  1346. input[type="submit"],
  1347. input[type="reset"],
  1348. input[type="button"] {
  1349. background-image: -ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  1350. background-image: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  1351. background-image: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  1352. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e3e3e3));
  1353. background-image: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  1354. background-image: linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  1355. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
  1356. border: 1px solid #dbdbdb;
  1357. -moz-border-radius: 6px;
  1358. -webkit-border-radius: 6px;
  1359. -o-border-radius: 6px;
  1360. -ms-border-radius: 6px;
  1361. -khtml-border-radius: 6px;
  1362. border-radius: 6px;
  1363. -moz-box-shadow: inset 0 1px 0 0 white;
  1364. -webkit-box-shadow: inset 0 1px 0 0 white;
  1365. -o-box-shadow: inset 0 1px 0 0 white;
  1366. box-shadow: inset 0 1px 0 0 white;
  1367. color: #333333;
  1368. text-shadow: 0 1px 0 white;
  1369. position: relative;
  1370. font-weight:bold;
  1371. padding: 8px 1em 9px 1em;
  1372. }
  1373.  
  1374. button:hover,
  1375. input[type="submit"]:hover,
  1376. input[type="reset"]:hover,
  1377. input[type="button"]:hover {
  1378. background-image: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
  1379. background-image: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
  1380. background-image: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
  1381. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), color-stop(1, #f2f2f2));
  1382. background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
  1383. background-image: linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
  1384. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f2f2f2');
  1385. -moz-border-radius: 6px;
  1386. -webkit-border-radius: 6px;
  1387. -o-border-radius: 6px;
  1388. -ms-border-radius: 6px;
  1389. -khtml-border-radius: 6px;
  1390. border-radius: 6px;
  1391. -moz-box-shadow: inset 0 1px 0 0 white;
  1392. -webkit-box-shadow: inset 0 1px 0 0 white;
  1393. -o-box-shadow: inset 0 1px 0 0 white;
  1394. box-shadow: inset 0 1px 0 0 white;
  1395. cursor: pointer;
  1396. }
  1397.  
  1398. #block-search-form {
  1399. padding-bottom: 7px;
  1400. overflow: hidden;
  1401. }
  1402.  
  1403. #block-search-form .content {
  1404. margin-top: 0;
  1405. }
  1406.  
  1407. #search-form input#edit-keys,
  1408. #block-search-form .form-item-search-block-form input {
  1409. float: left;
  1410. font-size: 1em;
  1411. height: 1.143em;
  1412. margin-right: 5px;
  1413. width: 9em;
  1414. }
  1415.  
  1416. #search-block-form input.form-submit,
  1417. #search-form input.form-submit {
  1418. margin-left: 0;
  1419. margin-right: 0;
  1420. height: 25px;
  1421. width: 34px;
  1422. padding: 0;
  1423. cursor: pointer;
  1424. text-indent: -9999px;
  1425. border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  1426. background: url("../images/search-button.png") no-repeat center top;
  1427. overflow: hidden;
  1428. }
  1429.  
  1430. #search-block-form input.form-submit:hover,
  1431. #search-block-form input.form-submit:focus,
  1432. #search-form input.form-submit:hover,
  1433. #search-form input.form-submit:focus {
  1434. background-position: center bottom;
  1435. }
  1436.  
  1437. #search-block-form .form-actions{
  1438. float: left;
  1439. padding: 0;
  1440. }
  1441.  
  1442. #search-block-form .form-actions input {
  1443. margin: 1px 0;
  1444. }
  1445.  
  1446. #search-form .form-item-keys label {
  1447. display: block;
  1448. }
  1449.  
  1450. ol.search-results {
  1451. padding-left: 0;
  1452. }
  1453.  
  1454. .search-results li {
  1455. border-bottom: 1px solid #d3d7d9;
  1456. padding-bottom: 0.4285em;
  1457. margin-bottom: 0.5em;
  1458. }
  1459.  
  1460. .search-results li:last-child {
  1461. border-bottom: none;
  1462. padding-bottom: none;
  1463. margin-bottom: 1em;
  1464. }
  1465.  
  1466. .search-results .search-snippet-info {
  1467. padding-left: 0;
  1468. }
  1469.  
  1470. #top-area {
  1471. clear:both;
  1472. }
  1473.  
  1474. #top-area {
  1475. position:relative;
  1476. border-radius: 5px;
  1477. -webkit-border-radius: 5px;
  1478. -moz-border-radius: 5px;
  1479. margin-bottom: 0;
  1480. }
  1481.  
  1482. #top-area .block {
  1483. margin: 0;
  1484. }
  1485.  
  1486. #top-area .block p{
  1487. margin: 0;
  1488. }
  1489.  
  1490. #top-area .column {
  1491. float: left;
  1492. width: 28.6%;
  1493. margin: 1.8% 0;
  1494. padding: .5% 2.2%;
  1495. border-radius: 3px;
  1496. }
  1497.  
  1498. .one .column {
  1499. width: 100% !important;
  1500. }
  1501.  
  1502. .one .column img{
  1503. float: left;
  1504. padding-right: 10px;
  1505. }
  1506.  
  1507. .two .column {
  1508. width: 45% !important;
  1509. }
  1510.  
  1511. .two .column img{
  1512. float: left;
  1513. padding-right: 10px;
  1514. }
  1515.  
  1516. #top-area .column:first-child {
  1517. margin-left: 0;
  1518. }
  1519.  
  1520. #top-area .column:last-child {
  1521. border: 0;
  1522. }
  1523.  
  1524. #top-area .column-title {
  1525. color: #e0e0e0;
  1526. }
  1527.  
  1528. #top-area li {
  1529. border-bottom: #555 1px dashed;
  1530. }
  1531.  
  1532. #footer {
  1533. clear: both;
  1534. color: rgb(34, 34, 34);
  1535. background: none repeat scroll 0 0 #00a99d;
  1536. border-top: 1px solid #cfd7db;
  1537. }
  1538.  
  1539. #footer_wrapper{
  1540. max-width: 1000px;
  1541. margin: 0 auto;
  1542. padding: 5px;
  1543. }
  1544.  
  1545. #footer-area {
  1546. position: relative;
  1547. padding: 1.76% 0 0;
  1548. color: #999;
  1549. }
  1550.  
  1551. #footer-area .column {
  1552. color: #ffffff;
  1553. float: left;
  1554. width: 30.8%;
  1555. margin: 0 0 1.9% 3.8%;
  1556. }
  1557.  
  1558. #footer-area .column:first-child {
  1559. margin-left: 0;
  1560. }
  1561.  
  1562. #footer-area .column-title {
  1563. color: #e0e0e0;
  1564. }
  1565. #footer-area a {
  1566. color: #ffffff;
  1567. text-decoration: underline;
  1568. }
  1569.  
  1570. #copyright {
  1571. clear: both;
  1572. padding: 0 0px;
  1573. line-height: 40px;
  1574. }
  1575.  
  1576. .copyright {
  1577. float: left;
  1578. max-width: 728px;
  1579. }
  1580.  
  1581. .credits {
  1582. float: right;
  1583. max-width: 370px;
  1584. margin-right: 12px;
  1585. text-align: right;
  1586. }
  1587.  
  1588. #copyright p {
  1589. margin: 0;
  1590. }
  1591.  
  1592. .footer_credit {
  1593. background: #000;
  1594. border-top: 1px solid rgb(59, 60, 61);
  1595. color: #777;
  1596. font-family: Arial;
  1597. overflow: auto;
  1598. padding: 10px;
  1599. }
  1600. .footer_inner_credit {
  1601. max-width: 1000px;
  1602. margin: 0 auto;
  1603. }
  1604. #foot .menu li .active {
  1605. color:#00a99d;
  1606. }
  1607. #foot .menu li a {
  1608. color:#ffffff;
  1609. }
  1610. #foot .block > h2 {
  1611. color:#ffffff;
  1612. }
RAW Paste Data