Advertisement
Guest User

Stylesheet

a guest
Mar 4th, 2012
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.97 KB | None | 0 0
  1. /* Elements - set global styles for html elements */
  2. /**
  3.  * The default font size is 16px x 81.3% = 13px
  4.  * Use http://pxtoem.com to calculate proper font size and scale.
  5.  *
  6.  * font-size is set on the html element so we can adjust the
  7.  * size using body classes or simply reset the font size for body.
  8.  */
  9.  
  10.  /* Imports */
  11.  
  12.  @import url(http://fonts.googleapis.com/css?family=Exo:400,500,600,700,400italic,700italic);
  13.  
  14.  /* HTML und Body */
  15.  
  16.  html {
  17.   font-size: 81.3%;
  18.   height: 100%;
  19.   overflow-y: scroll;
  20.   -webkit-text-size-adjust: 100%;
  21.   -ms-text-size-adjust: 100%;
  22.   background-color: #141414;
  23. }
  24. body {
  25.   font-family: 'Exo', sans-sherif;
  26.   line-height: 1.5;
  27.   min-height: 100%;
  28.   -webkit-font-smoothing: antialiased;
  29.   font-smoothing: antialiased;
  30.   text-rendering: optimizeLegibility;
  31. }
  32.  
  33. /* Page */
  34.  
  35. div#page {background-color: #FFFFFF;border-color: #FFFB19; border-style: solid; border-width: 10px; padding: 10px; width: 900px; position: relative; margin-top: 20px; left: 50%; margin-left: -450px;}
  36.  
  37. /* MenĂ¼ */
  38.  
  39. #primary-menu-bar
  40. {width: 920px;
  41. border-bottom: 1px solid #FFCC66;
  42. border-top: 1px solid #FFCC66;
  43. margin-left: -10px;
  44. margin-right: -10px;
  45. margin-bottom: 30px;
  46. padding: 0px;
  47.  
  48. background-color: #FF9900;
  49. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  50. padding-bottom: 3px;
  51. padding-top: 3px;
  52. }
  53.  
  54. #primary-menu-bar a, #primary-menu-bar a:link, #primary-menu-bar a:visited
  55. {
  56. border: 1px solid #FF9900;
  57. padding: 1px;
  58. padding-left: 0.5em;
  59. padding-right: 0.5em;
  60. color: #000000;
  61. font-weight: bold;
  62. text-decoration: none;
  63. }
  64.  
  65. #primary-menu-bar a:hover, #primary-menu-bar a:active, #primary-menu-bar a:focus
  66. {
  67. border: 1px solid #000000;
  68. padding: 1px;
  69. padding-left: 0.5em;
  70. padding-right: 0.5em;
  71. text-decoration: none;
  72. }
  73.  
  74. #primary-menu-bar li
  75. {
  76. padding-right: 1px;
  77. display: inline;
  78. font-size: 0.6em;
  79. }
  80.  
  81. div#form-textarea-wrapper textarea {width: 700px;}
  82.  
  83. #primary-menu-bar ul
  84. {
  85. margin: 0px;
  86. padding: 0px;
  87. padding-left: 100px; font-size: 20px;
  88. }
  89.  
  90. #primary-menu-bar  a.active { background-color: #FFCC66; }
  91.  
  92. /* Header */
  93.  
  94. div#main-content {width: 800px;}
  95. div.region-sidebar-first {width: 100px;}
  96. div#edit-comment-body {width: 700px;}
  97. section.comments {width: 700px;}
  98. div.fieldset-wrapper {display: none;}
  99.  
  100.  
  101. h1#site-name {font-size: 50px; color: #000000;}
  102. h1#site-name a {font-size: 50px; color: #000000; text-decoration: none;}
  103. h1#site-name a:hover {font-size: 50px; color: #000000; text-decoration: underline;}
  104. div#logo {float: left; padding-right: 20px;}
  105. div.region-inner h2 a {color: #000000; text-decoration: none; font-size: 20px;}
  106. div.region-inner h2 a:hover {color: #000000; text-decoration: underline; font-size: 20px;}
  107.  
  108. div.user-picture {float: left; }
  109. div.user-picture img {width: 75px; padding: 10px;}
  110. div#nuclear {float: right; }
  111. div#nuclear img {padding: 10px; height: 100px;}
  112.  
  113. h1,h2,h3,h4,h5,h6,
  114. h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,
  115. em,dfn,del,ins,
  116. a,
  117. tbody,tfoot,thead,tr,
  118. ul,li,
  119. label,legend,
  120. figure,figcaption {
  121.   margin: 0;
  122.   padding: 0;
  123. }
  124.  
  125. /* Reset HTML5 elements */
  126. article,
  127. aside,
  128. details,
  129. figcaption,
  130. figure,
  131. footer,
  132. header,
  133. hgroup,
  134. menu,
  135. nav,
  136. section {
  137.   display: block;
  138. }
  139.  
  140. /**
  141.  * Flexible Media and Cross browser improvements
  142.  * - This can cause issues in table cells where no width is set on the column,
  143.  *   only in some versions of webkit and IE 7/8.
  144.  * - declaring the width attribute on image elements and using max-width causes
  145.  *   the "dissappering images" bug in IE8.
  146.  * - Google maps break also, see below for fixes.
  147.  */
  148. img {
  149.   max-width: 100%;
  150.   height: auto;
  151.   -ms-interpolation-mode: bicubic;
  152. }
  153. figure {
  154.   margin: 0;
  155.   padding: 0;
  156. }
  157.  
  158. /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
  159. audio,
  160. canvas,
  161. video {
  162.   display: inline-block;
  163.   *display: inline;
  164.   *zoom: 1;
  165. }
  166.  
  167. /* Prevents modern browsers from displaying 'audio' without controls */
  168. audio:not([controls]) {
  169.   display: none;
  170. }
  171.  
  172. /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4: Known issue: no IE6 support */
  173. [hidden] {
  174.   display: none;
  175. }
  176.  
  177. /* Kill flexible images in less than IE9 */
  178. .lt-ie9 img {
  179.   max-width: none;
  180. }
  181.  
  182. /* Override max-width 100% for map displays */
  183. .gmap img,
  184. .view-gmap img,
  185. .openlayers-map img,
  186. #getlocations_map_canvas img,
  187. #locationmap_map img {
  188.   max-width: none !important;
  189. }
  190.  
  191. /* Improve IE's resizing of images */
  192. svg:not(:root) {
  193.   overflow: hidden;
  194. }
  195.  
  196. h1 {
  197.   font-size: 1.538em;
  198. }
  199. h2 {
  200.   font-size: 1.385em;
  201. }
  202. h3 {
  203.   font-size: 1.231em;
  204. }
  205. h4 {
  206.   font-size: 1.077em;
  207. }
  208. h5,
  209. h6 {
  210.   font-size: 1em;
  211. }
  212. img,
  213. a img {
  214.   border: 0;
  215. }
  216. p {
  217.   margin: 0 0 1.5em;
  218.   padding: 0;
  219. }
  220. em,
  221. dfn {
  222.   font-style: italic;
  223. }
  224. ins {
  225.   border-bottom: none;
  226.   text-decoration: none;
  227. }
  228. pre,
  229. code,
  230. tt,
  231. samp,
  232. kbd,
  233. var {
  234.   font-size: 1em;
  235.   font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* sans-serif Safari hack */
  236. }
  237. blockquote,
  238. q {
  239.   font-style: italic;
  240.   quotes: "" "";
  241. }
  242. blockquote {
  243.   margin: 0 0 1.5em;
  244.   padding: 0 0 0 3em;
  245. }
  246. blockquote:before,
  247. blockquote:after,
  248. q:before,
  249. q:after {
  250.   content: "";
  251. }
  252. blockquote p {
  253.   margin: 0;
  254. }
  255. strong,
  256. dfn,
  257. caption,
  258. th {
  259.   font-weight: 700;
  260. }
  261.  
  262. /* Lists */
  263. ul,
  264. ol {
  265.   margin: 0 0 1.5em 40px;
  266.   padding: 0;
  267. }
  268. .item-list ul,
  269. .item-list ol {
  270.   margin: 0 0 0 15px;
  271.   padding: 0;
  272. }
  273. .item-list ul li {
  274.   margin: 0;
  275.   padding: 0;
  276. }
  277. ul ul,
  278. ul ol,
  279. ol ol,
  280. ol ul,
  281. .block ul ul,
  282. .block ul ol,
  283. .block ol ol,
  284. .block ol ul,
  285. .item-list ul ul,
  286. .item-list ul ol,
  287. .item-list ol ol,
  288. .item-list ol ul {
  289.   margin-bottom: 0;
  290. }
  291. ul {
  292.   list-style-type: disc;
  293. }
  294. ul ul ul {
  295.   list-style-type: square;
  296. }
  297. ol {
  298.   list-style-type: decimal;
  299. }
  300. ol ol {
  301.   list-style-type: lower-alpha;
  302. }
  303. ol ol ol {
  304.   list-style-type: lower-roman;
  305. }
  306. ul ul,
  307. ul ul ul ul {
  308.   list-style-type: circle;
  309. }
  310. dt {
  311.   font-weight: 700;
  312. }
  313. dd {
  314.   margin: 0 0 1.5em 40px;
  315. }
  316.  
  317. /**
  318.  * Adaptivetheme takes a pretty heavy handed approach to form styling,
  319.  * this is so you can have decent looking forms without having to do a
  320.  * lot of work. The CSS is included in full, including all positioning,
  321.  * so you can change anything you want.
  322.  */
  323. form {
  324.   margin: 0 0 20px;
  325.   padding: 0;
  326. }
  327.  
  328. /* Focus styles for accessibility and usabiltiy. */
  329. .form-text:focus,
  330. .form-checkbox:focus,
  331. .form-radio:focus,
  332. .form-select:focus {
  333.   border: 1px solid #fc0;
  334.   background: #ffffdf;
  335. }
  336. textarea:focus {
  337.   border: 1px solid #fc0;
  338.   background: #fff;
  339. }
  340.  
  341. /* Inputs and textarea */
  342. input {
  343.   margin: 0;
  344.   max-width: 100%;
  345. }
  346. input.text,
  347. input.title,
  348. textarea,
  349. select {
  350.   border: 1px solid #ccc;
  351.   margin: 0;
  352. }
  353. button::-moz-focus-inner,
  354. input::-moz-focus-inner {
  355.   border: 0;
  356.   padding: 0;
  357. }
  358. button,
  359. input[type="button"],
  360. input[type="reset"],
  361. input[type="submit"] {
  362.   cursor: pointer;
  363.   -webkit-appearance: button;
  364.   *overflow: visible;
  365. }
  366. button[disabled],
  367. input[disabled] {
  368.   cursor: default;
  369. }
  370. input.text,
  371. input.title {
  372.   padding: .5em;
  373. }
  374. input.form-text,
  375. textarea {
  376.   border: 1px solid #ccc;
  377.   height: auto;
  378.   padding: 2px;
  379. }
  380. textarea,
  381. input {
  382.   font: 1em normal Arial, Helvetica, sans-serif;
  383. }
  384. textarea {
  385.   overflow: auto;
  386.   vertical-align: top;
  387. }
  388. input[type="checkbox"],
  389. input[type="radio"] {
  390.   box-sizing: border-box;
  391.   padding: 0;
  392.   *height: 13px;
  393.   *width: 13px;
  394. }
  395. div.resizable-textarea textarea {
  396.   margin-top: 0;
  397. }
  398.  
  399. /* Misc */
  400. .form-item,
  401. .form-action {
  402.   margin-top: 10px;
  403.   margin-bottom: 10px;
  404. }
  405. .exposed-filters .form-item {
  406.   margin-top: 0;
  407.   margin-bottom: 10px;
  408. }
  409. .form-item textarea.error {
  410.   padding: 2px;
  411. }
  412. .form-item .description,
  413. fieldset .description,
  414. .fieldset-layout-settings dd {
  415.   font-size: 0.846em;
  416. }
  417. .form-item label {
  418.   font-weight: 400;
  419. }
  420.  
  421. /* Required, mark */
  422. span.form-required,
  423. span.marker {}
  424.  
  425.  
  426. /* Fieldsets */
  427. fieldset {
  428.   background: transparent;
  429.   border: 1px solid #dadada;
  430.   margin: 10px 0;
  431.   padding: 10px;
  432. }
  433. fieldset fieldset:last-child {
  434.   margin-bottom: 0;
  435. }
  436. legend,
  437. fieldset legend {
  438.   border: 0;
  439.   display: block;
  440.   font-weight: 400;
  441.   padding: 0 10px 0 0;
  442.   white-space: normal;
  443.   *margin-left: -7px;
  444. }
  445. html.js fieldset.collapsed {
  446.   background: transparent;
  447.   padding-top: 5px;
  448. }
  449.  
  450. /* Form descriptions */
  451. .description {}
  452. .form-type-radio .description,
  453. .form-type-checkbox .description {
  454.   margin-left: 0;
  455. }
  456.  
  457. /* Search */
  458. #search-block-form {}
  459. #search-block-form > div {}
  460. #search-block-form .container-inline{}
  461. #edit-search-block-form-1-wrapper {}
  462. #search-block-form label {}
  463. #search-block-form input {}
  464. #search-block-form .form-submit {}
  465. #search-block-form .form-text {}
  466. input[type="search"] {
  467.   -webkit-appearance: textfield;
  468.   -moz-box-sizing: content-box;
  469.   -webkit-box-sizing: content-box;
  470.   box-sizing: content-box;
  471. }
  472. input[type="search"]::-webkit-search-decoration,
  473. input[type="search"]::-webkit-search-cancel-button {
  474.   -webkit-appearance: none;
  475. }
  476. .panel-pane #search-block-form {
  477.   margin-bottom: 20px;
  478. }
  479.  
  480. /* Advanced search form */
  481. fieldset#edit-advanced fieldset {
  482.   float: left;
  483.   margin: 0 10px 10px 0;
  484. }
  485. fieldset#edit-advanced fieldset .fieldset-legend {
  486.   background: none;
  487.   padding-left: 1em;
  488. }
  489. .advanced-search-submit {
  490.   clear: both;
  491. }
  492. .search-advanced .criterion {
  493.   float: none;
  494.   margin: 0 5px;
  495. }
  496. #edit-keywords-fieldset .form-item:first-child {
  497.   margin-top: 5px;
  498. }
  499. #search-form {
  500.   margin: 10px 0;
  501. }
  502. #search-form > div {}
  503. #search-form .container-inline {}
  504. #search-form label {}
  505. #search-form input {}
  506. #search-form .form-item {}
  507. #search-form .form-submit {}
  508.  
  509. /* User login */
  510. #user-login-form ul {
  511.   margin: 0;
  512.   padding: 0;
  513. }
  514. #user-login-form li.openid-link,
  515. #user-login-form li.user-link {
  516.   text-align: center;
  517. }
  518. #user-login ul {
  519.   margin: 0 0 5px;
  520. }
  521. #user-login ul li {
  522.   margin: 0;
  523. }
  524. #user-login-form .item-list li {
  525.   list-style: none;
  526.   margin: 0;
  527. }
  528. #user-login-form li.openid-link,
  529. #user-login li.openid-link {
  530.   background: none;
  531. }
  532.  
  533. /* hide lable class - mostly deprecated but could be present in an upgraded theme */
  534. .hide-label label {
  535.   position: absolute !important;
  536.   clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  537.   clip: rect(1px, 1px, 1px, 1px);
  538.   background: none;
  539. }
  540.  
  541. /* Admin filters, could be redundant, need to test. */
  542. #user-admin-filter ul li,
  543. #article-admin-filter ul li {
  544.   list-style: none;
  545. }
  546. #article-admin-filter ul {
  547.   padding: .5em 0;
  548. }
  549. #edit-operation-wrapper select {
  550.   margin: .5em;
  551. }
  552.  
  553. /* Tips overrides */
  554. .field-type-text-long fieldset {
  555.   padding: 10px 0; width: 700px;
  556. }
  557. .field-type-text-long fieldset .form-item {
  558.   margin: 0;
  559.   padding: 0 0 0 15px;
  560. }
  561. fieldset .filter-help {
  562.   padding: 0 15px 5px;
  563. }
  564. .filter-guidelines {
  565.   font-size: .923em;
  566.   margin: 0;
  567.   padding: 5px 18px 10px;
  568. }
  569. .tips {
  570.   font-size: 0.857em;
  571.   margin: 0 0 0 15px;
  572.   padding: 0;
  573. }
  574.  
  575. /* Special case modules */
  576. #devel-switch-user-form {
  577.   margin-bottom: 0;
  578. }
  579.  
  580. /* Tables - set global styles for tables */
  581. table {
  582.   border: 1px solid;
  583.   border-spacing: 0;
  584.   border-collapse: collapse;
  585.   font-size: inherit;
  586.   font: 100%;
  587.   margin: 10px 0;
  588.   padding: 0;
  589.   width: 100%;
  590. }
  591. table,
  592. thead,
  593. tbody,
  594. tr,
  595. th,
  596. td {
  597.   border-color: #ccc;
  598. }
  599. table.sticky-header {
  600.   z-index: 10;
  601. }
  602. table,
  603. td,
  604. th {
  605.   vertical-align: middle;
  606. }
  607. caption,
  608. th,
  609. td {
  610.   text-align: left;
  611. }
  612. thead th {
  613.   color: #494949;
  614.   font-weight: 700;
  615. }
  616. td,
  617. th {
  618.   border-bottom: 0;
  619.   margin: 0;
  620.   padding: 5px 7px;
  621. }
  622. tbody {}
  623. tr.even,
  624. tr.odd {
  625.   border-bottom: 0;
  626. }
  627. tr.odd,
  628. tr.info,
  629. tbody tr:nth-child(2n+1) {
  630.   background-color: #f5f5f5;
  631.   background-color: rgba(0, 0, 0, 0.1);
  632. }
  633. tr.even {
  634.   background-color: #fff;
  635. }
  636. tr.drag {
  637.   background-color: #fffff0;
  638. }
  639. tr.drag-previous {
  640.   background-color: #ffd;
  641. }
  642. tr.odd td.active {
  643.   background-color: #eee;
  644. }
  645. tr.even td.active {
  646.   background-color: #f7f7f7;
  647.   background-color: rgba(0, 0, 0, 0.2);
  648. }
  649.  
  650.  
  651. /* Fields - set global styles for fields */
  652. .field {}
  653.  
  654. /* Field labels are h2 in Adaptivetheme */
  655. .field .field-label {
  656.   font-size: 1em;
  657.   font-weight: 700;
  658.   line-height: inherit;
  659.   margin: 0;
  660. }
  661. .field-lable-above .field-label {}
  662. .field-lable-inline .field-label {
  663.   display: inline;
  664. }
  665.  
  666. /* Imagefields */
  667. .field-type-image {}
  668. .field-type-image img {}
  669.  
  670. /* Use "datetime" when creating new CCK date fields. */
  671. .field-type-datetime {}
  672.  
  673. /* Filefield field. */
  674. .field-type-filefield {}
  675.  
  676. /* Node reference field. */
  677. .field-type-nodereference {}
  678.  
  679. /* User reference field. */
  680. .field-type-userreference {}
  681.  
  682. /* Number fields. */
  683. .field-type-number-decimal {}
  684. .field-type-number-float   {}
  685. .field-type-number-integer {}
  686.  
  687. /* Text fields. */
  688. .field-type-text {}
  689. .field-type-text-long {}
  690.  
  691. /* Term reference fields. */
  692. .field-type-taxonomy-term-reference .field-label {
  693.   font-size: 1em;
  694. }
  695. .field-type-taxonomy-term-reference ul {
  696.   margin: 0;
  697.   padding: 0;
  698. }
  699. .field-type-taxonomy-term-reference ul li {
  700.   display: inline;
  701.   list-style: none;
  702.   padding: 0 10px 0 0;
  703. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement