API tools faq
paste
Guest User

Style.CSS

a guest
Jun 18th, 2014
251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.16 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name:     Zinnia
  3. Description:    Minimalist design blog layout, your blog will look effortlessly stylish and it keeps the focus on what's important - the content
  4. Version:            14.04.3
  5. Author:             Andrew Wong
  6. Author URI:     http://www.simplywp.net
  7. Theme URI:      http://www.simplywp.net/themes/zinnia-theme
  8. License:            GPL
  9. License URI:    http://www.gnu.org/licenses/gpl.html
  10. Tags:                   black, gray, silver, tan, white, light, one-column, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, threaded-comments, translation-ready
  11. */
  12.  
  13. /*
  14. html5doctor.com Reset Stylesheet
  15. v1.6.1
  16. Last Updated: 2010-09-17
  17. Author: Richard Clark - http://richclarkdesign.com
  18. Twitter: @rich_clark
  19. */
  20.  
  21. html, body, div, span, object, iframe,
  22. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  23. abbr, address, cite, code,
  24. del, dfn, em, img, ins, kbd, q, samp,
  25. small, strong, sub, sup, var,
  26. b, i,
  27. dl, dt, dd, ol, ul, li,
  28. fieldset, form, label, legend,
  29. article, aside, canvas, details, figcaption, figure,
  30. footer, header, hgroup, menu, nav, section, summary,
  31. time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
  32. article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
  33. nav ul {list-style: none;}
  34. blockquote, q {quotes: none;}
  35. blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
  36. a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;}
  37. ins {background-color: #ff9; color: #000; text-decoration: none;}
  38. mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
  39. del {text-decoration: line-through;}
  40. abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
  41. table {border-collapse: collapse; border-spacing: 0; padding: 5px; font-size: 1em; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: 20px;}
  42. tr, th, td, tbody, thead, tfoot {padding: 10px; vertical-align: top; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  43. th {background: #efefef;}
  44. dl {margin-bottom: 20px;}
  45. input, select {vertical-align: middle;}
  46. :focus {outline: 0;}
  47. hr {background: none; border: none; margin: 10px 0; border-bottom: 1px solid #ccc; clear: both;}
  48. code {font-size: 1.1em;}
  49. code {display: inline-block; border: 1px solid #eee; font-size: 0.9em; padding: 0 3px;}
  50. pre {overflow: auto; font-family: 'courier new', courier, monospace; font-size: 0.85em; padding: 10px;  border: 1px solid #ccc;}
  51. html {-webkit-font-smoothing: antialiased;}
  52. @-webkit-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
  53. @-moz-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
  54. @-o-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
  55. @keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
  56. body {-webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear;}
  57.  
  58. /*************************************************************************************************************************
  59. Screen smaller than 980px
  60. *************************************************************************************************************************/
  61. @media screen and (max-width: 980px) {
  62.  
  63.   /* Overall */
  64.   .container {margin: 0 auto; width: 100%; overflow: hidden; background: #fff;}
  65.   .header {position: relative; width: 90%; margin: 0 auto; padding: 20px 5%;}
  66.   .section-wide {clear: both; width: 90%; margin: 5%;}
  67.   .aside {clear: both; overflow: hidden; margin: 0 auto; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
  68.   .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%;}
  69.  
  70.   /* .nav */
  71.   .tinynav {display: block; width: 100%;}
  72.   .nav {position: relative; display: inline-block; width: 100%; clear: both; margin: 0 0 40px 0; line-height: 1em; font-size: .9em; font-weight: 400; text-align: center;}
  73.   .nav ul {list-style: none; display: none; text-align: left;}
  74.   .nav a {display: block; padding: 8px 15px;}
  75.  
  76.   /* .responsiveslides */
  77.   .responsiveslides {position: relative; width: 90%; overflow: hidden; margin: 0 auto 40px auto;}
  78.   .responsiveslides .next {position: absolute; right: 0; top: 35%; display: block; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.gif') no-repeat -48px 0; text-indent: -9999px; cursor: pointer;}
  79.   .responsiveslides .prev {position: absolute; left: 0; top: 35%; display: block; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
  80.   .responsiveslides-slide {position: relative; width: 100%;}
  81.   .responsiveslides-slide li {position: relative;}
  82.   .responsiveslides-slide li img {width: 100%; height: auto;}
  83.   .responsiveslides-slide li .responsiveslides-caption {position: absolute; bottom: 0; background: #000; color: #fff; width: 96%; z-index: 8; padding: 2%; opacity: .8; text-align: left !important;}
  84.   .responsiveslides_tabs {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
  85.   .responsiveslides_tabs li {display: inline-block;}
  86.   .responsiveslides_tabs li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #ccc; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  87.   .responsiveslides_tabs li.responsiveslides_here a {background: #49aec0;}
  88.  
  89.   /* .article */
  90.   .article ul.post-meta {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; font-size: .9em; margin: 5px 0; list-style: none;}
  91.   .article ul.post-meta li {float: left; margin-right: 20px;}
  92.  
  93.   /* .footer */
  94.   .side-inner {overflow: hidden; padding: 30px 1%; line-height: 1.8em;}
  95.   .side-widget {display: block; width: 92%; padding: 4%; margin-bottom: 30px;}
  96.   .side-widget h3 {font-size: 1em; color: #000; font-weight: 700; letter-spacing: .3em; text-transform: uppercase;}
  97.   .side-widget ul {clear: both; list-style: none;}
  98.   .side-widget ul li {margin: 5px 0; line-height: 1.8em;}
  99.   .side-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  100.   .side-widget p {margin-bottom: 10px; line-height: 1.8em;}
  101.   p.footer-copy {text-align: center; clear: both; font-size: .8em; overflow: hidden; padding: 20px 0; margin: 0 auto;}
  102.  
  103.   .left {width: 49%; float: left; line-height: 1.8em;}
  104.   .right {width: 49%; float: right; line-height: 1.8em;}
  105.  
  106. }
  107.  
  108. /*************************************************************************************************************************
  109. Screen larger than 981px
  110. *************************************************************************************************************************/
  111. @media all and (min-width: 981px) {
  112.  
  113.   /* Overall */
  114.   .container {margin: 0 auto; width: 800px; overflow: hidden; background: #fff;}
  115.   .header {position: relative; width: 720px; margin: 0 auto; padding: 20px 40px;}
  116.   .section-wide {clear: both; width: 720px; margin: 0 40px 40px 40px;}
  117.   .aside {clear: both; overflow: hidden; margin: 0 auto; width: 800px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
  118.   .footer {clear: both; overflow: hidden; margin: 0 auto; width: 800px;}
  119.  
  120.   /* .nav */
  121.   .tinynav {display: none;}
  122.   .nav {position: relative; display: inline-block; width: 100%; clear: both; margin: 0 0 40px 0; line-height: 1em; font-size: .9em; font-weight: 400; text-align: center;}
  123.   .nav ul {list-style: none; display: inline-block; text-align: left;}
  124.   .nav a {display: block; padding: 8px 15px;}
  125.  
  126.   /* .responsiveslides */
  127.   .responsiveslides {position: relative; width: 720px; overflow: hidden; margin: 0 auto 40px auto;}
  128.   .responsiveslides .next {position: absolute; right: 0; top: 40%; display: block; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.gif') no-repeat -48px 0; text-indent: -9999px; cursor: pointer;}
  129.   .responsiveslides .prev {position: absolute; left: 0; top: 40%; display: block; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
  130.   .responsiveslides-slide {position: relative;}
  131.   .responsiveslides-slide li {position: relative;}
  132.   .responsiveslides-slide li img {width: 100%; height: auto;}
  133.   .responsiveslides-slide li .responsiveslides-caption {position: absolute; bottom: 0; background: #000; color: #fff; width: 96%; z-index: 8; padding: 2%; opacity: .8; text-align: left !important;}
  134.   .responsiveslides_tabs {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
  135.   .responsiveslides_tabs li {display: inline-block;}
  136.   .responsiveslides_tabs li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #ccc; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  137.   .responsiveslides_tabs li.responsiveslides_here a {background: #49aec0;}
  138.  
  139.   /* .article */
  140.   .article ul.post-meta {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; font-size: .9em; margin: 5px 0; list-style: none;}
  141.   .article ul.post-meta li {float: left; margin-right: 20px;}
  142.  
  143.   /* .footer */
  144.   .side-inner {overflow: hidden; padding: 30px 10px; line-height: 1.8em;}
  145.   .side-widget {float: left; display: block; width: 320px; padding: 30px; margin-bottom: 30px;}
  146.   .side-widget h3 {font-size: 1em; color: #000; font-weight: 700; letter-spacing: .3em; text-transform: uppercase;}
  147.   .side-widget ul {clear: both; list-style: none;}
  148.   .side-widget ul li {margin: 5px 0; line-height: 1.8em;}
  149.   .side-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  150.   .side-widget p {margin-bottom: 10px; line-height: 1.8em;}
  151.   p.footer-copy {text-align: center; clear: both; font-size: .8em; overflow: hidden; padding: 20px 0; margin: 0 auto;}
  152.  
  153.   .left {width: 49%; float: left; line-height: 1.8em;}
  154.   .right {width: 49%; float: right; line-height: 1.8em;}
  155.  
  156. }
  157.  
  158.  
  159. /* Overall */
  160. body {font: normal 400 .95em 'Open Sans', Arial, Verdana, Tahoma, Sans-serif; color: #666; background: #eee;}
  161. body p {margin-bottom: 25px; line-height: 2em; word-wrap: break-word;}
  162.  
  163. /* hgroup */
  164. h1,
  165. h2,
  166. h3,
  167. h4,
  168. h5,
  169. h6 {line-height: 1.2em; color: #000; margin-bottom: 15px; font-weight: 700; -ms-word-wrap: break-word; word-wrap: break-word;}
  170. h1 {font-size: 1.8em;}
  171. h2 {font-size: 1.6em;}
  172. h3 {font-size: 1.4em;}
  173. h4 {font-size: 1.2em;}
  174. h5 {font-size: 1em;}
  175. h6 {font-size: 1em;}
  176.  
  177. /* Links */
  178. a {color: #000; text-decoration: none; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
  179. a:hover {color: #49aec0;}
  180.  
  181. /* .header */
  182. .header h1,
  183. .header h5 {font-size: 3.6em; font-weight: 700; text-align: center; margin: 10px 0; text-transform: uppercase; letter-spacing: .2em;}
  184. .header h1.header-text {font-size: 2em; font-weight: 700; text-align: center; margin: 30px 0 0 0; text-transform: uppercase; letter-spacing: .1em;}
  185. .header-text-desc {font-size: .8em; text-align: center; margin: 0;}
  186. .header-title {display: block; margin: 0 auto;}
  187. .header-desc {text-align: center; margin: 0;}
  188. .BackTop {display: none; position: fixed; right: 0; bottom: 0; cursor: pointer; color: #fff; padding: 5px 12px; background: #000;}
  189.  
  190. /* .nav */
  191. .nav .current-menu-item > a,
  192. .nav .current-menu-ancestor > a,
  193. .nav .current_page_item > a,
  194. .nav .current_page_ancestor > a {background-color: #eee;}
  195.  
  196. .nav li {display: inline-block; float: left; position: relative; z-index: 100;}
  197. .nav li:hover {}
  198.  
  199. .nav ul ul a {padding: 15px;}
  200.  
  201. .nav ul ul {position: absolute; width: 200px; background: #fff; border-top: 1px solid #eee; z-index: 1000;}
  202. .nav ul ul li {display: block; float: none; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
  203. .nav ul ul ul {position: absolute; left: 198px; top: -1px;}
  204.  
  205. .nav ul ul {opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; zoom: 0; visibility: hidden; height: 0; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out;}
  206. .nav li:hover > ul {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; zoom: 1; visibility: visible; height: auto;}
  207.  
  208. .nav ul li.has-sub > a {background-image: url('images/menu_down.gif'); background-repeat: no-repeat; background-position: right center;}
  209. .nav ul ul li.has-sub > a {background-image: url('images/menu_right.gif'); background-repeat: no-repeat; background-position: right center;}
  210.  
  211. /* .article */
  212. .sticky {background: #f9f9f9; border: 1px solid #eee; padding: 20px;}
  213. .article {position: relative; margin-bottom: 50px; overflow: hidden; clear: both;}
  214. .article .post-thumb {padding: 2px; border: 1px solid #ddd;}
  215. .article .post-header {margin-bottom: 30px;}
  216. .article .post-title {font-size: 2.4em; font-weight: 700; letter-spacing: -.05em; margin-bottom: 5px; line-height: 1.2em;}
  217. .article .header-meta {border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #aaa; overflow: hidden; padding: 8px 0; margin-bottom: 20px; text-transform: uppercase;}
  218. .article .post-date {display: inline-block; float: left; font-size: .8em; font-weight: 700;}
  219. .article .post-category {display: inline-block; float: right; font-size: .8em;}
  220.  
  221. .article .archives {overflow: hidden; clear: both; padding: 10px 0;}
  222. .article .archives .archives-box {width: 45%; float: left; padding: 2px;}
  223.  
  224. /* .article misc */
  225. .article blockquote {display: block; clear: both; margin: 20px 0; padding: 0 20px 0 40px; background: url('images/blockquote.png') no-repeat 0 0; font-style: italic; color: #888;}
  226. .article blockquote p {padding: 0;}
  227. .article ul {margin: 0 0 20px 25px; list-style: circle outside;}
  228. .article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
  229. .article li {margin: 3px 0; line-height: 1.8em;}
  230. .article .post-author-bio {clear: both; overflow: hidden; background: #f9f9f9; border: 1px solid #ddd; padding: 20px; margin: 40px 0 20px 0;}
  231.  
  232. /* .article misc */
  233. .breadcrumb {padding: 5px 10px; margin-bottom: 30px; font-size: .85em; background: #fafafa; border: 1px solid #eee;}
  234.  
  235. .pagetitle {text-align: center; font-size: 2em; padding: 20px; color: #999;}
  236.  
  237. .page-pagination {clear: both; padding: 5px 0; line-height: 1em;}
  238. .page-pagination .page-pagination-title {font-weight: bold;}
  239. .page-pagination .page-pagination-number {display: inline-block; border: 1px solid #ccc; padding: 5px 8px;}
  240. .page-pagination a .page-pagination-number {}
  241. .page-pagination a .page-pagination-number:hover {}
  242.  
  243. .pagination {clear: both; font-size: .85em; padding: 10px 0; overflow: hidden; list-style: none;}
  244. .pagination a:hover,
  245. .pagination .current {padding: 5px 10px; margin-right: 5px; background: #888; color: #eee;}
  246. .pagination a {padding: 5px 10px; margin-right: 5px; background: #eee; color: #888;}
  247.  
  248. .post-footer {clear: both; padding: 20px 0; margin: 10px 0; overflow: hidden; border-top: 1px solid #eee;}
  249. .post-footer ul {margin: 0; list-style: none;}
  250. .post-footer ul li {margin: 5px 0;}
  251.  
  252. h5.post-related-title {}
  253. ul.post-related {list-style: none;}
  254. ul.post-related li {width: 17%; margin: 0 1%; float: left;}
  255.  
  256. .footer-navi {clear: both; overflow: hidden; padding: 0 !important; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
  257. .footer-navi li.previous {float: left;}
  258. .footer-navi li.next {float: right;}
  259.  
  260. /* .gallery */
  261. .gallery {clear: both; overflow: hidden;}
  262. .gallery .gallery-item {margin-top: 0 !important;}
  263. .gallery dl {margin: 0;}
  264. .gallery a {padding: 5px; display: block;}
  265. .gallery a img {max-width: 100%; height: auto;}
  266. .gallery-caption {font-size: .9em;}
  267.  
  268. /* .side-widget */
  269. .side-widget select {width: 80%;}
  270. .side-widget ol,
  271. .side-widget ul {clear: both; list-style: none;}
  272. .side-widget ol li,
  273. .side-widget ul li {margin: 5px 0; line-height: 1.8em;}
  274. .side-widget ol ol,
  275. .side-widget ol ul,
  276. .side-widget ul ol,
  277. .side-widget ul ul {clear: both; list-style: square outside none; padding-left: 15px;}
  278.  
  279. /* .sideform */
  280. .sideform {clear: both; overflow: hidden; text-align: center;}
  281. .sidetext {width: 80%; margin: 2px auto; color: #888; border: 1px solid #bbb;}
  282.  
  283. /***** WIDGET *****/
  284. /* .social-icons */
  285. ul.social-icons {}
  286. ul.social-icons li {float: left; display: inline-block; margin: 3px;}
  287. .social-twitter,
  288. .social-facebook,
  289. .social-email,
  290. .social-rss,
  291. .social-google,
  292. .social-flickr,
  293. .social-linkedin,
  294. .social-youtube,
  295. .social-vimeo,
  296. .social-instagram,
  297. .social-pinterest,
  298. .social-bloglovin,
  299. .social-tumblr {display: block; width: 48px; height: 48px; float: left; background: #ccc url('images/social_icons.png') no-repeat; text-indent: -9999px;}
  300. .social-twitter {background-position: 0 0;}
  301. .social-facebook {background-position: 0 -68px;}
  302. .social-email {background-position: 0 -136px;}
  303. .social-rss {background-position: 0 -204px;}
  304. .social-google {background-position: 0 -272px;}
  305. .social-flickr {background-position: 0 -340px;}
  306. .social-linkedin {background-position: 0 -408px;}
  307. .social-youtube {background-position: 0 -476px;}
  308. .social-vimeo {background-position: 0 -544px;}
  309. .social-instagram {background-position: 0 -612px;}
  310. .social-bloglovin {background-position: 0 -680px;}
  311. .social-pinterest {background-position: 0 -749px;}
  312. .social-tumblr {background-position: 0 -807px;}
  313.  
  314. .social-twitter:hover {background-color: #269dd5;}
  315. .social-facebook:hover {background-color: #0c42b2;}
  316. .social-email:hover {background-color: #aaaaaa;}
  317. .social-rss:hover {background-color: #f49000;}
  318. .social-google:hover {background-color: #fd3000;}
  319. .social-flickr:hover {background-color: #fc0077;}
  320. .social-linkedin:hover {background-color: #0d5a7b;}
  321. .social-youtube:hover {background-color: #ff0000;}
  322. .social-vimeo:hover {background-color: #00c1f8;}
  323. .social-instagram:hover {background-color: #194f7a;}
  324. .social-bloglovin:hover {background-color: #00c4fd;}
  325. .social-pinterest:hover {background-color: #c70505;}
  326. .social-tumblr:hover {background-color: #304d6b;}
  327.  
  328. /* .comment-box */
  329. .comment-box {clear: both; margin-top: 20px; padding: 0 10px; overflow: hidden;}
  330. .comment-box h4 {font-size: 1.4em; margin: 10px 0;}
  331. #commentform label {display: inline-block; width: 80px; margin: 0; vertical-align: top;}
  332. #respond {padding: 10px; background: #fff;}
  333. p.comment-inputs {margin-bottom: 0;}
  334. .required-input {color: #f00;}
  335. .comment-input {width: 50%;}
  336. .comment-textarea {width: 95%; height: 80px;}
  337. .comment-input,
  338. .comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal .85em Verdana, Tahoma, Arial, San-serif;}
  339. .avatar {margin-right: 20px; float: left;}
  340. .comment-meta {clear: both; overflow: hidden;}
  341. .comment-meta h6 {font-size: 1em; margin-bottom: 3px;}
  342. .comment-meta small {font-style: italic; color: #999; font-size: .85em;}
  343. ol.commentlist {margin: 0;}
  344. ol.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
  345. ol.commentlist li p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em;}
  346. ol.commentlist li ul {padding: 0;}
  347. ol.commentlist li ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
  348. ol.commentlist li ul.children li.alt {}
  349. ol.commentlist li ul.children li.byuser {}
  350. ol.commentlist li ul.children li.comment {}
  351. ol.commentlist li ul.children li.bypostauthor {}
  352. ol.commentlist li ul.children li.comment-author-admin {}
  353. ol.commentlist .parent {}
  354. ol.commentlist .comment {overflow: hidden; padding: 10px 0;}
  355. ol.commentlist .comment-content {overflow: hidden;}
  356. ol.commentlist .children {}
  357. ol.commentlist .pingback {}
  358. ol.commentlist .bypostauthor {}
  359. ol.commentlist .comment-author {}
  360. ol.commentlist .comment-author-admin {}
  361. ol.commentlist .alt {}
  362. ol.commentlist .odd {}
  363. ol.commentlist .even {}
  364. ol.commentlist .thread-alt {}
  365. ol.commentlist .thread-odd {}
  366. ol.commentlist .thread-even {}
  367. ol.commentlist li ul.children .alt {}
  368. ol.commentlist li ul.children .odd {}
  369. ol.commentlist li ul.children .even {}
  370. ol.commentlist .vcard {}
  371. ol.commentlist .vcard cite.fn {}
  372. ol.commentlist .vcard span.says {}
  373. ol.commentlist .vcard img.photo {}
  374. ol.commentlist .vcard img.avatar {}
  375. ol.commentlist .vcard cite.fn a.url {}
  376. #cancel-comment-reply a {background: #000; color: #fff; padding: 2px 5px; font: normal .75em Verdana, Tahoma, Arial, San-serif;}
  377. a.comment-reply-link {float: right; background: #000; color: #fff; padding: 2px 5px; font: normal .75em Verdana, Tahoma, Arial, San-serif;}
  378. .comment-pagination {clear: both; overflow: hidden; margin: 10px 0;}
  379.  
  380. /* #wp-calendar */
  381. #wp-calendar {text-align: center; width: 100%; font-size: .9em;}
  382. #wp-calendar caption {font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
  383. #wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #eee;}
  384. #wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #eee;}
  385. #wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #eee;}
  386. #wp-calendar tfoot td {border-bottom: 1px solid #eee;}
  387.  
  388. /* img */
  389. img {max-width: 100%; height: auto;}
  390. img.aligncenter {display: block; margin: 0 auto 10px auto;}
  391. img.alignright {display: inline; margin: 0 0 10px 20px;}
  392. img.alignleft {display: inline; margin: 0 20px 10px 0;}
  393. .aligncenter,
  394. .centered {display: block; margin: 0 auto 10px auto;}
  395. .alignleft {float: left; margin: 0 20px 10px 0;}
  396. .alignright {float: right; margin: 0 0 10px 20px;}
  397. .attachment-caption {text-align: center; font-weight: 700;}
  398. .attachment-desc {text-align: center;}
  399.  
  400. /* .wp-caption */
  401. .aligncenter,
  402. div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
  403. .wp-caption {border: 1px solid #ccc; background: #efefef; padding: 1%; text-align: center; max-width: 96%;}
  404. .wp-caption img {border: 0;}
  405. .wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.2em; padding: 3px 0; margin: 0;}
  406.  
  407. /* Input and label */
  408. select:focus,
  409. textarea:focus,
  410. input:focus {border: 1px solid #888; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
  411.  
  412. label {display: inline-block; margin-right: 20px; vertical-align: top;}
  413. select,
  414. textarea,
  415. input {border: 1px solid #ccc; color: #888; padding: 8px 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-family: Arial, Verdana, Tahoma, Sans-serif;}
  416. .input-button,
  417. input[type=submit] {border: 1px solid #000; background: #000; color: #fff; cursor: pointer; padding: 8px 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
  418. .input-button:hover,
  419. input[type=submit]:hover {border: 1px solid #49aec0; background: #49aec0; color: #fff; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
  420.  
  421. /* Misc */
  422. .side-widget ul:last-child,
  423. .side-widget ol:last-child,
  424. .side-widget dl:last-child {margin: 0;}
  425. .hidden {display: none;}
  426. .require {color: #f00;}
  427. .focused {border: 1px solid #888; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
  428. .highlight {background: #efefef; padding: 0 2px;}
  429. .button {padding: 1px 5px;}
  430. .fade {filter: alpha(opacity=50); opacity: .5;}
  431. .clearfix {clear: both; height: 10px;}
  432. .split-columns {overflow: auto; width: 100%;}
  433. .shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
  434. .transparency {background-color: rgba(255, 255, 255, .8);}
  435. .radius-30 {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
  436. .radius-20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  437. .radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
  438. .radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
  439. .radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  440. .radius-2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!