Advertisement
Guest User

qntra css

a guest
Jul 4th, 2016
415
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.99 KB | None | 0 0
  1. /*
  2. See, Qntra totally has modern CSS!
  3. Theme based on Automattic's Toolbox, shame they abandoned their only decent theme
  4. Version: 1.4
  5. License: GNU General Public License v2 or later
  6. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  7.  
  8. */
  9.  
  10. /* =Structure
  11. -------------------------------------------------------------- */
  12. body {
  13.     background: #C0C0C0;
  14. }
  15. #page {
  16.     display: block;
  17.     margin: 2em auto;
  18.     padding: 1.5em;
  19.     max-width: 1200px;
  20.     min-width: 800px;
  21.     background: #fff;
  22.     font-family: Georgia, "Times New Roman", Times, Serif;
  23. }
  24. #primary {
  25.     float: left;
  26.     width: 70%;
  27.     background: #fff;
  28. }
  29. #content {
  30.     margin: 0.5em 0;
  31. }
  32. #main {
  33.     background: #fff;
  34. }
  35. #main .widget-area {
  36.     float: right;
  37.     overflow: hidden;
  38.     width: 29%;
  39.     min-width: 220px;
  40.     background: #fff;
  41. }
  42. #colophon {
  43.     clear: both;
  44.     display: block;
  45.     width: 100%;
  46. }
  47.  
  48. /* aka "clearfix" */
  49. .group:after {
  50.   content: "";
  51.   display: table;
  52.   clear: both;
  53. }
  54.  
  55. sup, sub {
  56.    vertical-align: baseline;
  57.    position: relative;
  58.    top: -0.4em;
  59. }
  60.  
  61. sub { top: 0.4em; }
  62.  
  63. pre {
  64.  white-space: pre-wrap;       /* css-3 */
  65.  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  66.  white-space: -pre-wrap;      /* Opera 4-6 */
  67.  white-space: -o-pre-wrap;    /* Opera 7 */
  68.  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  69. }
  70.  
  71. a {
  72.     color: #3939DE;
  73. }
  74. a:visited {
  75.     color: #5A2E82;
  76. }
  77.  
  78.  
  79. /* Text meant only for screen readers */
  80. .screen-reader-text,
  81. .assistive-text {
  82.     position: absolute !important;
  83.     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  84.     clip: rect(1px, 1px, 1px, 1px);
  85. }
  86.  
  87. /* Alignment */
  88. .alignleft {
  89.     display: inline;
  90.     float: left;
  91. }
  92. .alignright {
  93.     display: inline;
  94.     float: right;
  95. }
  96. .aligncenter {
  97.     clear: both;
  98.     display: block;
  99.     margin-left: auto;
  100.     margin-right: auto;
  101. }
  102.  
  103.  
  104. /* =Header
  105. -------------------------------------------------------------- */
  106. #branding {
  107.     margin-bottom: 20px;
  108. }
  109. #branding img {
  110.     display: block;
  111.     float: left;
  112. }
  113. #site-title {
  114.     font-size: 2em;
  115.     font-weight: bold;
  116.     margin: 0 0 .2em 2.2em;
  117. }
  118. .sub-title {
  119.     margin: -0.25em 0 .2em 4.1em;
  120.     font-size: 1.1em;
  121.     font-weight: normal;
  122. }
  123. #site-title a {
  124.     text-decoration: none;
  125. }
  126. .entry-title a {
  127.     text-decoration: none;
  128. }
  129. #site-description {
  130.     font-size: 1em;
  131.     font-weight: normal;
  132.     margin: 0 0 1em;
  133. }
  134.  
  135.  
  136. /* =Menu
  137. -------------------------------------------------------------- */
  138.  
  139. #access {
  140.     background: #fff;
  141.     display: block;
  142.     margin: 1em -1.5em;
  143.     padding: 0.5em 1.5em 0.75em;
  144.     border-bottom: 5px solid #C0C0C0;
  145.     font-family: Helvetica, Arial, sans-serif;
  146. }
  147. #access ul {
  148.     list-style: none;
  149.     margin: 0;
  150.     padding-left: 0;
  151. }
  152. #access li {
  153.     float: left;
  154.     position: relative;
  155. }
  156.  
  157. #access a {
  158.     display: block;
  159.     line-height: 2em;
  160.     font-size: .825em;
  161.     padding-right: 2em;
  162.     text-decoration: none;
  163.     font-weight: bold;
  164.     text-transform: uppercase;
  165. }
  166. #access li.current_page_item a {
  167.     color: #222;
  168. }
  169. #access ul ul {
  170.     box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  171.     -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  172.     -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  173.     display: none;
  174.     float: left;
  175.     position: absolute;
  176.     top: 2em;
  177.     left: 0;
  178.     z-index: 99999;
  179. }
  180. #access ul ul ul {
  181.     left: 100%;
  182.     top: 0;
  183. }
  184. #access ul ul a {
  185.     background: #dedede;
  186.     line-height: 1em;
  187.     padding: .5em .5em .5em 1em;
  188.     width: 10em;
  189.     height: auto;
  190. }
  191. #access li:hover > a,
  192. #access ul ul :hover > a {
  193.     background: #dedede;
  194. }
  195. #access ul ul a:hover {
  196.     color: #cecece;
  197. }
  198. #access ul li:hover > ul {
  199.     display: block;
  200. }
  201.  
  202.  
  203. /* =Content
  204. -------------------------------------------------------------- */
  205.  
  206. .sticky {
  207. }
  208. .post {
  209.     margin: 0 2em 3em 0;
  210. }
  211. .post p {
  212.     font-size: 0.95em;
  213.     line-height: 1.6em;
  214. }
  215. .post blockquote {
  216.     border-left: 4px solid #eee;
  217.     font-style: italic;
  218.     margin: 0;
  219.     padding: 0 0 0 1.6em;
  220. }
  221. .entry-title {
  222.     margin: 0 0 0.2em 0;
  223. }
  224. .entry-meta {
  225.     clear: both;
  226.     display: block;
  227.     font-size: 0.8em;
  228.     color: #999;
  229. }
  230. .single-author .entry-meta .byline {
  231.     display: none;
  232. }
  233. #content nav {
  234.     display: block;
  235.     overflow: hidden;
  236. }
  237. #content nav .nav-previous {
  238.     float: left;
  239.     width: 50%;
  240. }
  241. #content nav .nav-next {
  242.     float: right;
  243.     text-align: right;
  244.     width: 50%;
  245. }
  246. #content #nav-above {
  247.     display: none;
  248. }
  249. .paged #content #nav-above,
  250. .single #content #nav-above {
  251.     display: block;
  252. }
  253. #nav-below {
  254.     margin: 1em 0 0;
  255. }
  256. .page-link {
  257.     clear: both;
  258.     margin: 0 0 1em;
  259. }
  260. .page .edit-link {
  261.     clear: both;
  262.     display: block;
  263. }
  264.  
  265. /* 404 page */
  266. .error404 .widget {
  267.     float: left;
  268.     width: 33%;
  269. }
  270. .error404 .widget .widgettitle,
  271. .error404 .widget ul {
  272.     margin-right: 1em;
  273. }
  274. .error404 .widget_tag_cloud {
  275.     clear: both;
  276.     float: none;
  277.     width: 100%;
  278. }
  279.  
  280. /* Notices */
  281. .post .notice,
  282. .error404 #searchform {
  283.     background: #eee;
  284.     display: block;
  285.     padding: 1em;
  286. }
  287.  
  288. /* Image Attachments */
  289. .image-attachment div.entry-meta {
  290.     float: left;
  291. }
  292. .image-attachment nav {
  293.     float: right;
  294.     margin: 0 0 1em 0;
  295. }
  296. .image-attachment .entry-content {
  297.     clear: both;
  298. }
  299. .image-attachment .entry-content .entry-attachment {
  300.     background: #eee;
  301.     margin: 0 0 1em;
  302.     padding: 1em;
  303.     text-align: center;
  304. }
  305. .image-attachment .entry-content .attachment {
  306.     display: block;
  307.     margin: 0 auto;
  308.     text-align: center;
  309. }
  310.  
  311. /* Aside Posts */
  312. .format-aside .entry-header {
  313.     display: none;
  314. }
  315. .single .format-aside .entry-header {
  316.     display: block;
  317. }
  318. .format-aside .entry-content,
  319. .format-aside .entry-summary {
  320.     padding-top: 1em;
  321. }
  322. .single .format-aside .entry-content,
  323. .single .format-aside .entry-summary {
  324.     padding-top: 0;
  325. }
  326.  
  327. /* Gallery Posts */
  328. .format-gallery .gallery-thumb {
  329.     float: left;
  330.     margin: 0 1em 0 0;
  331. }
  332.  
  333. /* Image Posts */
  334. .format-image .entry-header {
  335.     display: none;
  336. }
  337. .single .format-image .entry-header {
  338.     display: block;
  339. }
  340. .format-image .entry-content,
  341. .format-image .entry-summary {
  342.     padding-top: 1em;
  343. }
  344. .single .format-image .entry-content,
  345. .single .format-image .entry-summary {
  346.     padding-top: 0;
  347. }
  348.  
  349.  
  350. /* =Images
  351. -------------------------------------------------------------- */
  352.  
  353. a img {
  354.     border: none;
  355. }
  356. p img {
  357.     margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
  358. }
  359. /*
  360. Resize images to fit the main content area.
  361. - Applies only to images uploaded via WordPress by targeting size-* classes.
  362. - Other images will be left alone. Use "size-auto" class to apply to other images.
  363. */
  364. img.size-auto,
  365. img.size-full,
  366. img.size-large,
  367. img.size-medium,
  368. .attachment img,
  369. .widget-area img,
  370. .wp-caption {
  371.     max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  372.     height: auto; /* Override height to match resized width for correct aspect ratio. */
  373. }
  374. img.alignleft {
  375.     margin-right: 1em;
  376. }
  377. img.alignright {
  378.     margin-left: 1em;
  379. }
  380. .wp-caption {
  381.     padding: .5em;
  382.     text-align: center;
  383. }
  384. .wp-caption img {
  385.     margin: .25em;
  386. }
  387. .wp-caption .wp-caption-text {
  388.     margin: .5em;
  389. }
  390. .gallery-caption {
  391. }
  392. .wp-smiley {
  393.     margin: 0;
  394. }
  395.  
  396.  
  397. /* =Forms
  398. -------------------------------------------------------------- */
  399.  
  400. #searchform label {
  401.     display: none;
  402. }
  403. #searchform input#s {
  404.     width: 60%;
  405. }
  406. input[type=text],
  407. input#s {
  408.     margin: 0 1em 0 0;
  409.     width: 60%;
  410. }
  411. textarea {
  412.     width: 80%;
  413. }
  414.  
  415. /* Class for labelling required form items */
  416. .required {
  417.     color: #cc0033;
  418. }
  419.  
  420.  
  421. /* =Comments
  422. -------------------------------------------------------------- */
  423.  
  424. article.comment {
  425.     display: block;
  426. }
  427. #respond input[type=text] {
  428.     display: block;
  429.     width: 60%;
  430. }
  431. #respond textarea {
  432.     display: block;
  433.     margin: 0 0 1em;
  434.     width: 80%;
  435. }
  436. #respond .form-allowed-tags {
  437.     clear: both;
  438.     width: 80%;
  439. }
  440. #respond .form-allowed-tags code {
  441.     display: block;
  442. }
  443.  
  444.  
  445. /* =Widgets
  446. -------------------------------------------------------------- */
  447.  
  448. .widget {
  449.     display: block;
  450.     margin: 0.95em 1em 1em;
  451. }
  452. .widget_recent_comments {
  453.     margin-top: 3em;
  454. }
  455. .widget-area .widget_search {
  456.     overflow: hidden;
  457. }
  458. .widget-area .widget_search input {
  459.     float: left;
  460. }
  461. .widget-title {
  462.     margin: 0 0 1em 0;
  463.     padding: 0 0 0.25em 0;
  464.     font-weight: bold;
  465.     text-transform: uppercase;
  466.     font-size: 1em;
  467.     color: #222;
  468.     border-bottom: 1px solid #dbdbdb;
  469. }
  470. #secondary {
  471.     font-size: 1em;
  472. }
  473. #secondary ul {
  474.     list-style: none;
  475.     margin: 0;
  476.     padding: 0;
  477. }
  478. #secondary ul li {
  479.     margin: 0 0 0.75em 0;
  480.     font-size: 0.85em;
  481. }
  482. #secondary ul li a {
  483.     text-decoration: none;
  484. }
  485.  
  486. /* =Footer
  487. -------------------------------------------------------------- */
  488.  
  489. #colophon {
  490.     display: block;
  491.     clear: both;
  492.     padding: 0.25em;
  493.     padding-left: 0.5em;
  494.     width: 100%;
  495.     background: #fff
  496. }
  497.  
  498. /* reflow on small screen */
  499. @media (max-width: 800px) {
  500.     #page {
  501.         display: block;
  502.         margin: 1em;
  503.         min-width: 0;
  504.         font-size: 2em;
  505.     }
  506.     #site-title {
  507.         margin-left: 1.1em;
  508.         line-height: 0.75em;
  509.     }
  510.     .sub-title {
  511.         margin-left: 2.8em;
  512.         margin-top: 0;
  513.         font-size: 0.8em;
  514.         line-height: 1.2em
  515.     }
  516.     #primary {
  517.         float: none;
  518.         width: 100%;
  519.         background: #fff;
  520.     }
  521.     #content {
  522.         margin: 0;
  523.     }
  524.     #main .widget-area {
  525.         float: none;
  526.         width: 100%;
  527.         overflow: hidden;
  528.         background: #fff;
  529.     }
  530. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement