Advertisement
kaed

current css 4/28/13

Apr 28th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.30 KB | None | 0 0
  1. /*
  2. Theme Name: memepls
  3. Theme URI: http://memepls.com/
  4. Author: Connor Persteezy
  5. Author URI: http://memepls.com/
  6. Description: This is a base theme for the memepls site.
  7. Version: 1.0
  8. License: GNU General Public License
  9. License URI: license.txt
  10. Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-backgroud, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
  11. This theme, like WordPress, is licensed under the GPL.
  12. Use it to make something cool, have fun, and share what you've learned with others.
  13. */
  14.  
  15. /* =Reset
  16. -------------------------------------------------------------- */
  17.  
  18. html, body, div, span, applet, object, iframe,
  19. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  20. a, abbr, acronym, address, big, cite, code,
  21. del, dfn, em, font, ins, kbd, q, s, samp,
  22. small, strike, strong, sub, sup, tt, var,
  23. dl, dt, dd, ol, ul, li,
  24. fieldset, form, label, legend,
  25. table, caption, tbody, tfoot, thead, tr, th, td {
  26. border: 0;
  27. font-family: inherit;
  28. font-size: 100%;
  29. font-style: inherit;
  30. font-weight: inherit;
  31. margin: 0;
  32. outline: 0;
  33. padding: 0;
  34. vertical-align: baseline;
  35. }
  36. html {
  37. font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  38. overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  39. -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  40. -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  41. }
  42. body {
  43. background: #fff;
  44. }
  45. article,
  46. aside,
  47. details,
  48. figcaption,
  49. figure,
  50. footer,
  51. header,
  52. hgroup,
  53. nav,
  54. section {
  55. display: block;
  56. }
  57. ol, ul {
  58. list-style: none;
  59. }
  60. table { /* tables still need 'cellspacing="0"' in the markup */
  61. border-collapse: separate;
  62. border-spacing: 0;
  63. }
  64. caption, th, td {
  65. font-weight: normal;
  66. text-align: left;
  67. }
  68. blockquote:before, blockquote:after,
  69. q:before, q:after {
  70. content: "";
  71. }
  72. blockquote, q {
  73. quotes: "" "";
  74. }
  75. a:focus {
  76. outline: thin dotted;
  77. }
  78. a:hover,
  79. a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  80. outline: 0;
  81. }
  82. a img {
  83. border: 0;
  84. }
  85.  
  86. /* =Global
  87. ----------------------------------------------- */
  88.  
  89. body,
  90. button,
  91. input,
  92. select,
  93. textarea {
  94. color: #404040;
  95. font-family: sans-serif;
  96. font-size: 16px;
  97. font-size: 1.6rem;
  98. line-height: 1.5;
  99. }
  100.  
  101. /* Headings */
  102. h1,h2,h3,h4,h5,h6 {
  103. clear: both;
  104. }
  105. hr {
  106. background-color: #ccc;
  107. border: 0;
  108. height: 1px;
  109. margin-bottom: 1.5em;
  110. }
  111.  
  112. /* Text elements */
  113. p {
  114. margin-bottom: 1.5em;
  115. }
  116. ul, ol {
  117. margin: 0 0 1.5em 3em;
  118. }
  119. ul {
  120. list-style: disc;
  121. }
  122. ol {
  123. list-style: decimal;
  124. }
  125. ul ul, ol ol, ul ol, ol ul {
  126. margin-bottom: 0;
  127. margin-left: 1.5em;
  128. }
  129. dt {
  130. font-weight: bold;
  131. }
  132. dd {
  133. margin: 0 1.5em 1.5em;
  134. }
  135. b, strong {
  136. font-weight: bold;
  137. }
  138. dfn, cite, em, i {
  139. font-style: italic;
  140. }
  141. blockquote {
  142. margin: 0 1.5em;
  143. }
  144. address {
  145. margin: 0 0 1.5em;
  146. }
  147. pre {
  148. background: #eee;
  149. font-family: "Courier 10 Pitch", Courier, monospace;
  150. font-size: 15px;
  151. font-size: 1.5rem;
  152. line-height: 1.6;
  153. margin-bottom: 1.6em;
  154. padding: 1.6em;
  155. overflow: auto;
  156. max-width: 100%;
  157. }
  158. code, kbd, tt, var {
  159. font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  160. }
  161. abbr, acronym {
  162. border-bottom: 1px dotted #666;
  163. cursor: help;
  164. }
  165. mark, ins {
  166. background: #fff9c0;
  167. text-decoration: none;
  168. }
  169. sup,
  170. sub {
  171. font-size: 75%;
  172. height: 0;
  173. line-height: 0;
  174. position: relative;
  175. vertical-align: baseline;
  176. }
  177. sup {
  178. bottom: 1ex;
  179. }
  180. sub {
  181. top: .5ex;
  182. }
  183. small {
  184. font-size: 75%;
  185. }
  186. big {
  187. font-size: 125%;
  188. }
  189. figure {
  190. margin: 0;
  191. }
  192. table {
  193. margin: 0 0 1.5em;
  194. width: 100%;
  195. }
  196. th {
  197. font-weight: bold;
  198. }
  199. button,
  200. input,
  201. select,
  202. textarea {
  203. font-size: 100%; /* Corrects font size not being inherited in all browsers */
  204. margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  205. vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  206. *vertical-align: middle; /* Improves appearance and consistency in all browsers */
  207. }
  208. button,
  209. input {
  210. line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  211. *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
  212. }
  213. button,
  214. html input[type="button"],
  215. input[type="reset"],
  216. input[type="submit"] {
  217. border: 1px solid #ccc;
  218. border-color: #ccc #ccc #bbb #ccc;
  219. border-radius: 3px;
  220. background: #e6e6e6;
  221. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
  222. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
  223. box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
  224. color: rgba(0,0,0,.8);
  225. cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  226. -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  227. font-size: 12px;
  228. font-size: 1.4rem;
  229. line-height: 1;
  230. padding: 1.12em 1.5em 1em;
  231. text-shadow: 0 1px 0 rgba(255,255,255,.8);
  232. }
  233. button:hover,
  234. html input[type="button"]:hover,
  235. input[type="reset"]:hover,
  236. input[type="submit"]:hover {
  237. border-color: #ccc #bbb #aaa #bbb;
  238. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
  239. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
  240. box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
  241. }
  242. button:focus,
  243. html input[type="button"]:focus,
  244. input[type="reset"]:focus,
  245. input[type="submit"]:focus,
  246. button:active,
  247. html input[type="button"]:active,
  248. input[type="reset"]:active,
  249. input[type="submit"]:active {
  250. border-color: #aaa #bbb #bbb #bbb;
  251. -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
  252. -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
  253. box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
  254. }
  255. input[type="checkbox"],
  256. input[type="radio"] {
  257. box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  258. padding: 0; /* Addresses excess padding in IE8/9 */
  259. }
  260. input[type="search"] {
  261. -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  262. -moz-box-sizing: content-box;
  263. -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  264. box-sizing: content-box;
  265. }
  266. input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  267. -webkit-appearance: none;
  268. }
  269. button::-moz-focus-inner,
  270. input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  271. border: 0;
  272. padding: 0;
  273. }
  274. input[type=text],
  275. input[type=email],
  276. textarea {
  277. color: #666;
  278. border: 1px solid #ccc;
  279. border-radius: 3px;
  280. }
  281. input[type=text]:focus,
  282. input[type=email]:focus,
  283. textarea:focus {
  284. color: #111;
  285. }
  286. input[type=text],
  287. input[type=email] {
  288. padding: 3px;
  289. }
  290. textarea {
  291. overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  292. padding-left: 3px;
  293. vertical-align: top; /* Improves readability and alignment in all browsers */
  294. width: 98%;
  295. }
  296.  
  297. /* Links */
  298. a {
  299. color: royalblue;
  300. }
  301. a:visited {
  302. color: purple;
  303. }
  304. a:hover,
  305. a:focus,
  306. a:active {
  307. color: midnightblue;
  308. }
  309.  
  310. /* Alignment */
  311. .alignleft {
  312. display: inline;
  313. float: left;
  314. margin-right: 1.5em;
  315. }
  316. .alignright {
  317. display: inline;
  318. float: right;
  319. margin-left: 1.5em;
  320. }
  321. .aligncenter {
  322. clear: both;
  323. display: block;
  324. margin: 0 auto;
  325. }
  326.  
  327. /* Text meant only for screen readers */
  328. .assistive-text {
  329. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  330. clip: rect(1px, 1px, 1px, 1px);
  331. position: absolute !important;
  332. }
  333.  
  334. /* =Menu
  335. ----------------------------------------------- */
  336.  
  337. .main-navigation {
  338. clear: both;
  339. display: block;
  340. float: left;
  341. width: 100%;
  342. }
  343. .main-navigation ul {
  344. list-style: none;
  345. margin: 0;
  346. padding-left: 0;
  347. }
  348. .main-navigation li {
  349. float: left;
  350. position: relative;
  351. }
  352. .main-navigation a {
  353. display: block;
  354. text-decoration: none;
  355. }
  356. .main-navigation ul ul {
  357. -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  358. -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  359. box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  360. display: none;
  361. float: left;
  362. position: absolute;
  363. top: 1.5em;
  364. left: 0;
  365. z-index: 99999;
  366. }
  367. .main-navigation ul ul ul {
  368. left: 100%;
  369. top: 0;
  370. }
  371. .main-navigation ul ul a {
  372. width: 200px;
  373. }
  374. .main-navigation ul ul li {
  375. }
  376. .main-navigation li:hover > a {
  377. }
  378. .main-navigation ul ul :hover > a {
  379. }
  380. .main-navigation ul ul a:hover {
  381. }
  382. .main-navigation ul li:hover > ul {
  383. display: block;
  384. }
  385. .main-navigation li.current_page_item a,
  386. .main-navigation li.current-menu-item a {
  387. }
  388.  
  389. /* Small menu */
  390. .menu-toggle {
  391. cursor: pointer;
  392. }
  393. .main-small-navigation .menu {
  394. display: none;
  395. }
  396.  
  397.  
  398. /* =Content
  399. ----------------------------------------------- */
  400.  
  401. .sticky {
  402. }
  403. .hentry {
  404. margin: 0 0 1.5em;
  405. }
  406. .entry-meta {
  407. clear: both;
  408. }
  409. .byline {
  410. display: none;
  411. }
  412. .single .byline,
  413. .group-blog .byline {
  414. display: inline;
  415. }
  416. .entry-content,
  417. .entry-summary {
  418. margin: 1.5em 0 0;
  419. }
  420. .page-links {
  421. clear: both;
  422. margin: 0 0 1.5em;
  423. }
  424.  
  425.  
  426. /* =Asides
  427. ----------------------------------------------- */
  428.  
  429. .blog .format-aside .entry-title,
  430. .archive .format-aside .entry-title {
  431. display: none;
  432. }
  433.  
  434.  
  435. /* =Media
  436. ----------------------------------------------- */
  437.  
  438. .site-header img,
  439. .entry-content img,
  440. .comment-content img,
  441. .widget img {
  442. max-width: 100%; /* Fluid images for posts, comments, and widgets */
  443. }
  444. .site-header img,
  445. .entry-content img,
  446. img[class*="align"],
  447. img[class*="wp-image-"] {
  448. height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  449. }
  450. .site-header img,
  451. .entry-content img,
  452. img.size-full {
  453. max-width: 100%;
  454. width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
  455. }
  456. .entry-content img.wp-smiley,
  457. .comment-content img.wp-smiley {
  458. border: none;
  459. margin-bottom: 0;
  460. margin-top: 0;
  461. padding: 0;
  462. }
  463. .wp-caption {
  464. border: 1px solid #ccc;
  465. max-width: 100%;
  466. }
  467. .wp-caption.aligncenter,
  468. .wp-caption.alignleft,
  469. .wp-caption.alignright {
  470. margin-bottom: 1.5em;
  471. }
  472. .wp-caption img {
  473. display: block;
  474. margin: 1.2% auto 0;
  475. max-width: 98%;
  476. }
  477. .wp-caption-text {
  478. text-align: center;
  479. }
  480. .wp-caption .wp-caption-text {p
  481. margin: 0.8075em 0;
  482. }
  483. .site-content .gallery {
  484. margin-bottom: 1.5em;
  485. }
  486. .gallery-caption {
  487. }
  488. .site-content .gallery a img {
  489. border: none;
  490. height: auto;
  491. max-width: 90%;
  492. }
  493. .site-content .gallery dd {
  494. margin: 0;
  495. }
  496. .site-content .gallery-columns-4 .gallery-item {
  497. }
  498. .site-content .gallery-columns-4 .gallery-item img {
  499. }
  500.  
  501. /* Make sure embeds and iframes fit their containers */
  502. embed,
  503. iframe,
  504. object {
  505. max-width: 100%;
  506. }
  507.  
  508.  
  509. /* =Navigation
  510. ----------------------------------------------- */
  511.  
  512. .site-content .site-navigation {
  513. margin: 0 0 1.5em;
  514. overflow: hidden;
  515. }
  516. .site-content .nav-previous {
  517. float: left;
  518. width: 50%;
  519. }
  520. .site-content .nav-next {
  521. float: right;
  522. text-align: right;
  523. width: 50%;
  524. }
  525.  
  526. /* =Comments
  527. ----------------------------------------------- */
  528.  
  529. .bypostauthor {
  530. }
  531.  
  532. /* =Widgets
  533. ----------------------------------------------- */
  534.  
  535. .widget {
  536. margin: 0 0 1.5em;
  537. }
  538.  
  539. /* Search widget */
  540. #searchsubmit {
  541. display: none;
  542. }
  543.  
  544. /* =Structure
  545. ----------------------------------------------- */
  546. #primary {
  547. float: left;
  548. margin: 0 -25% 0 0;
  549. width: 100%;
  550. }
  551. #content {
  552. margin: 0 25% 0 0;
  553. }
  554. #secondary { /* Sidebar 1 */
  555. float: right;
  556. overflow: hidden;
  557. width: 25%;
  558. }
  559. #tertiary { /* Sidebar 2 */
  560. clear: right;
  561. }
  562. .site-footer {
  563. clear: both;
  564. width: 100%;
  565. }
  566.  
  567. .site {
  568. margin: 0 auto;
  569. max-width:1000px;
  570. }
  571.  
  572. /* =Mobile
  573. ----------------------------------------------- */
  574. @media only screen and (max-width: 480px) {
  575. #secondary, #tertiary, .site-footer{
  576. clear: both;
  577. width: 100%;
  578. }
  579. }
  580.  
  581. @media only screen and (max-width: 959px) {
  582. #secondary, #tertiary, .site-footer{
  583. clear: both;
  584. width: 100%;
  585. }
  586. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement