Mint: A Fresh Look at your Site Minted
  1. 1 /*
  2. 2 Theme Name: Anarcho Notepad
  3. 3 Theme URI: https://www.spacexchimp.com/themes/anarcho-notepad.html
  4. 4 Author: Space X-Chimp
  5. 5 Author URI: https://www.spacexchimp.com
  6. 6 Description: Inspired by the idea of anarchy, we designed this free WordPress theme for your personal blogs and diaries. This theme is perfect for writers and artists. "Anarcho Notepad" can be easily customized and already translated to different languages. It utilizes latest HTML-5, CSS-3, PHP and WordPress native functions for creating the awesomeness that looks good on every browser. We are constantly adding new features to this theme to allow you to personalize it to your own needs. If you want a new feature or just want to be able to change something just ask us and we would be happy to add it. We are glad to present you the Most Anarchist WP-Theme Of All! Enjoy!
  7. 7 Version: 2.48
  8. 8 Requires at least: 4.9
  9. 9 Tested up to: 5.6
  10. 10 Requires PHP: 5.6
  11. 11 License: GNU General Public License v3
  12. 12 License URI: http://www.gnu.org/licenses/gpl-3.0.html
  13. 13 Tags: blog, two-columns, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, featured-images, sticky-post, rtl-language-support, translation-ready, theme-options, footer-widgets, threaded-comments
  14. 14 Text Domain: anarcho-notepad
  15. 15
  16. 16 Copyright (c) 2013-2021, Space X-Chimp
  17. 17
  18. 18 */
  19. 19
  20. 20 /******************************************************************************
  21. 21 * PLEASE DON'T EDIT THIS FILE DIRECTLY *
  22. 22 * *
  23. 23 * To add custom styles, consider using a plugin from the same developer *
  24. 24 * "My Custom Styles" (https://wordpress.org/plugins/my-custom-styles/) *
  25. 25 ******************************************************************************/
  26. 26
  27. 27 /* Fonts
  28. 28 -------------------------------------------------------------- */
  29. 29 @font-face {
  30. 30 src: url('fonts/forum/Forum.eot');
  31. 31 src:
  32. 32 url('fonts/forum/Forum.eot?#iefix') format('embedded-opentype'),
  33. 33 url('fonts/forum/Forum.woff') format('woff'),
  34. 34 url('fonts/forum/Forum.ttf') format('truetype'),
  35. 35 url('fonts/forum/Forum.svg#Forum') format('svg');
  36. 36 font-family: 'Forum';
  37. 37 font-style: normal;
  38. 38 font-weight: normal;
  39. 39 }
  40. 40
  41. 41 section,
  42. 42 article,
  43. 43 header,
  44. 44 footer,
  45. 45 nav,
  46. 46 aside,
  47. 47 hgroup {
  48. 48 display: block;
  49. 49 }
  50. 50
  51. 51 [hidden] {
  52. 52 display: none;
  53. 53 }
  54. 54
  55. 55 /* Links
  56. 56 -------------------------------------------------------------- */
  57. 57 a:link {
  58. 58 color: black;
  59. 59 text-decoration: none;
  60. 60 }
  61. 61
  62. 62 a:visited {
  63. 63 color: black;
  64. 64 text-decoration: none;
  65. 65 }
  66. 66
  67. 67 a:hover,
  68. 68 a:active {
  69. 69 color: black;
  70. 70 text-decoration: underline;
  71. 71 }
  72. 72
  73. 73 /* Align
  74. 74 -------------------------------------------------------------- */
  75. 75 .aligncenter,
  76. 76 div.aligncenter {
  77. 77 display: block;
  78. 78 margin-right: auto;
  79. 79 margin-left: auto;
  80. 80 text-align: center;
  81. 81 }
  82. 82
  83. 83 .alignleft {
  84. 84 float: left;
  85. 85 }
  86. 86
  87. 87 .alignright {
  88. 88 float: right;
  89. 89 }
  90. 90
  91. 91 .wp-caption {
  92. 92 margin: 10px;
  93. 93 padding-top: 4px;
  94. 94 border: 1px solid #ddd;
  95. 95 border-radius: 3px;
  96. 96 background-color: #f3f3f3;
  97. 97 text-align: center;
  98. 98 }
  99. 99
  100. 100 .wp-caption img {
  101. 101 margin: 0;
  102. 102 padding: 0;
  103. 103 border: 0 none;
  104. 104 }
  105. 105
  106. 106 .wp-caption p.wp-caption-text {
  107. 107 margin: 0;
  108. 108 padding: 0 4px 5px;
  109. 109 font-size: 11px;
  110. 110 line-height: 17px;
  111. 111 }
  112. 112
  113. 113 /* Background
  114. 114 -------------------------------------------------------------- */
  115. 115 body {
  116. 116 margin: 0;
  117. 117 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  118. 118 font-size: 100%;
  119. 119 }
  120. 120
  121. 121 .site-header {
  122. 122 position: relative;
  123. 123 width: 960px;
  124. 124 height: 238px;
  125. 125 margin: 0 auto;
  126. 126 }
  127. 127
  128. 128 /* Blog Title
  129. 129 -------------------------------------------------------------- */
  130. 130 .logo {
  131. 131 position: absolute;
  132. 132 }
  133. 133
  134. 134 #title {
  135. 135 word-wrap: break-word;
  136. 136 width: 52%;
  137. 137 height: 70%;
  138. 138 margin-left: 4%;
  139. 139 overflow: hidden;
  140. 140 }
  141. 141
  142. 142 #title a {
  143. 143 color: #e5e5e5;
  144. 144 }
  145. 145
  146. 146 #title a:hover {
  147. 147 text-decoration: none;
  148. 148 }
  149. 149
  150. 150 .site-title {
  151. 151 position: relative;
  152. 152 margin: 0;
  153. 153 padding: 58px 0 10px;
  154. 154 font-size: 300%;
  155. 155 line-height: 0.8;
  156. 156 text-align: center;
  157. 157 }
  158. 158
  159. 159 .site-description {
  160. 160 position: relative;
  161. 161 margin: 0;
  162. 162 font-size: 120%;
  163. 163 text-align: center;
  164. 164 }
  165. 165
  166. 166 .site-description .home-link a {
  167. 167 text-decoration: none;
  168. 168 text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
  169. 169 }
  170. 170
  171. 171 .site-header .home-link a:hover {
  172. 172 text-decoration: none;
  173. 173 }
  174. 174
  175. 175 /* Search Form (Header)
  176. 176 -------------------------------------------------------------- */
  177. 177 .top-search-form {
  178. 178 width: 25%;
  179. 179 margin-left: 67%;
  180. 180 padding-top: 0.3%;
  181. 181 }
  182. 182
  183. 183 /* Assistive Text
  184. 184 -------------------------------------------------------------- */
  185. 185 .screen-reader-text {
  186. 186 clip: rect(1px, 1px, 1px, 1px);
  187. 187 position: absolute !important;
  188. 188 }
  189. 189
  190. 190 /* Search Form (Widget)
  191. 191 -------------------------------------------------------------- */
  192. 192 .search-field {
  193. 193 width: 100%;
  194. 194 }
  195. 195
  196. 196 .search-submit {
  197. 197 display: none;
  198. 198 }
  199. 199
  200. 200 /* Notepad
  201. 201 -------------------------------------------------------------- */
  202. 202 .notepad-bottom {
  203. 203 position: relative;
  204. 204 width: 960px;
  205. 205 height: 60px;
  206. 206 margin: 0 auto;
  207. 207 margin-top: -20px;
  208. 208 background: url(images/notepad-bottom.png) no-repeat top center;
  209. 209 }
  210. 210
  211. 211 /* Content (Column 1)
  212. 212 -------------------------------------------------------------- */
  213. 213 #content {
  214. 214 word-wrap: break-word;
  215. 215 width: 870px;
  216. 216 min-height: 500px;
  217. 217 margin: 0 auto;
  218. 218 margin-top: -1px;
  219. 219 padding: 0 20px 0 70px;
  220. 220 background: url(images/notepad-middle.png) repeat-y top center;
  221. 221 }
  222. 222
  223. 223 pre,
  224. 224 code {
  225. 225 box-sizing: border-box;
  226. 226 display: block;
  227. 227 margin: 3px;
  228. 228 padding: 10px;
  229. 229 overflow-x: auto;
  230. 230 border: 1px solid #939393;
  231. 231 background: #ececec;
  232. 232 }
  233. 233
  234. 234 table {
  235. 235 width: 100%;
  236. 236 margin: 1.5em 0;
  237. 237 padding: 1em;
  238. 238 border-collapse: collapse;
  239. 239 border-spacing: 0;
  240. 240 font-size: 90%;
  241. 241 line-height: 2;
  242. 242 text-align: left;
  243. 243 }
  244. 244
  245. 245 td,
  246. 246 th {
  247. 247 padding: 0.5em;
  248. 248 border: 1px solid #111;
  249. 249 text-align: center;
  250. 250 }
  251. 251
  252. 252 tbody tr:nth-child(odd) {
  253. 253 border: none;
  254. 254 background: #eee;
  255. 255 background: rgba(0, 0, 0, 0.08);
  256. 256 }
  257. 257
  258. 258 blockquote {
  259. 259 position: relative;
  260. 260 max-width: 450px;
  261. 261 margin: 0.25em 0;
  262. 262 padding: 0.25em 40px;
  263. 263 border-left: 1px solid #bbb;
  264. 264 background: #ececec;
  265. 265 color: #383838;
  266. 266 font-family: Georgia, serif;
  267. 267 font-size: 18px;
  268. 268 font-style: italic;
  269. 269 line-height: 1.45;
  270. 270 }
  271. 271
  272. 272 blockquote::before {
  273. 273 display: block;
  274. 274 position: absolute;
  275. 275 top: -10px;
  276. 276 left: -10px;
  277. 277 color: #7a7a7a;
  278. 278 font-size: 80px;
  279. 279 content: "\201C";
  280. 280 }
  281. 281
  282. 282 blockquote cite {
  283. 283 display: block;
  284. 284 margin-top: 5px;
  285. 285 color: #2b2a2a;
  286. 286 font-size: 14px;
  287. 287 text-align: right;
  288. 288 }
  289. 289
  290. 290 blockquote cite::before {
  291. 291 content: "\2014 \2009";
  292. 292 }
  293. 293
  294. 294 #content .col01 {
  295. 295 width: 73%;
  296. 296 padding-bottom: 3px;
  297. 297 float: left;
  298. 298 font-size: 100%;
  299. 299 line-height: 150%;
  300. 300 }
  301. 301
  302. 302 #content .col01 h1,
  303. 303 #content .col01 .post-title {
  304. 304 margin: 0;
  305. 305 padding: 0 0 10px;
  306. 306 overflow: hidden;
  307. 307 background: url(images/line.png) repeat-x bottom;
  308. 308 font-family: Forum, Times New Roman, Times, Georgia, serif;
  309. 309 font-size: 180%;
  310. 310 font-weight: normal;
  311. 311 line-height: 110%;
  312. 312 text-align: center;
  313. 313 }
  314. 314
  315. 315 #content .col01 h1 a,
  316. 316 #content .col01 .post-title a {
  317. 317 color: #000;
  318. 318 text-decoration: none;
  319. 319 }
  320. 320
  321. 321 #content .col01 h1 a:hover,
  322. 322 #content .col01 .post-title a:hover {
  323. 323 color: gray;
  324. 324 }
  325. 325
  326. 326 #content .col01 h2,
  327. 327 #content .col01 h3,
  328. 328 #content .col01 h4,
  329. 329 #content .col01 h5,
  330. 330 #content .col01 h6 {
  331. 331 text-align: center;
  332. 332 }
  333. 333
  334. 334 #content .col01 .post {
  335. 335 padding-top: 5px;
  336. 336 padding-bottom: 30px;
  337. 337 }
  338. 338
  339. 339 #content .col01 .thumbnail {
  340. 340 margin: 10px 0 10px 10px;
  341. 341 float: right;
  342. 342 }
  343. 343
  344. 344 #content .col01 .tagsandcopy {
  345. 345 margin-bottom: 0;
  346. 346 font-size: 90%;
  347. 347 }
  348. 348
  349. 349 #content .col01 article {
  350. 350 padding-bottom: 30px;
  351. 351 }
  352. 352
  353. 353 /* Author info box after post
  354. 354 -------------------------------------------------------------- */
  355. 355
  356. 356 .author-avatar-big {
  357. 357 text-align: center;
  358. 358 }
  359. 359
  360. 360 .author-avatar-big img {
  361. 361 width: 200px;
  362. 362 height: 200px;
  363. 363 float: none;
  364. 364 }
  365. 365
  366. 366 /* Transforme author-avatar */
  367. 367 .author-avatar img {
  368. 368 -webkit-transform: rotate(-9deg);
  369. 369 transform: rotate(-9deg);
  370. 370 filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17,M12=-1,M21=1,M22=6.123031769111886e-17, SizingMethod="auto expand", enabled=true)';
  371. 371 }
  372. 372
  373. 373 *+html .transform img {
  374. 374 -webkit-filter: progid:dximagetransform.microsoft.matrix(M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17, SizingMethod='auto expand', enabled=true);
  375. 375 filter: progid:dximagetransform.microsoft.matrix(M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17, SizingMethod='auto expand', enabled=true);
  376. 376 }
  377. 377
  378. 378 #content .col01 .author-info {
  379. 379 margin-top: 50px;
  380. 380 margin-bottom: 30px;
  381. 381 border-top: 2px solid #939393;
  382. 382 border-bottom: 2px solid #939393;
  383. 383 font-size: 120%;
  384. 384 text-align: justify;
  385. 385 }
  386. 386
  387. 387 #content .col01 .author-info .author-description {
  388. 388 margin-top: -13px;
  389. 389 }
  390. 390
  391. 391 #content .col01 .author-info .author-title {
  392. 392 width: 85%;
  393. 393 padding-top: 1px;
  394. 394 line-height: 100%;
  395. 395 text-align: center;
  396. 396 }
  397. 397
  398. 398 #content .col01 .author-info p.author-bio {
  399. 399 margin-left: 1px;
  400. 400 }
  401. 401
  402. 402 #content .col01 .author-info p.author-bio .author-link::after {
  403. 403 content: "\2192";
  404. 404 }
  405. 405
  406. 406 #content .col01 .meta {
  407. 407 padding-top: 8px;
  408. 408 background: url(images/line.png) repeat-x top;
  409. 409 font-size: 90%;
  410. 410 text-align: right;
  411. 411 }
  412. 412
  413. 413 #content .col01 .post-inner {
  414. 414 position: relative;
  415. 415 padding-top: 13px;
  416. 416 }
  417. 417
  418. 418 /* Date-tab (Ribbons)
  419. 419 -------------------------------------------------------------- */
  420. 420 #content .col01 .date-tab {
  421. 421 z-index: 1;
  422. 422 position: relative;
  423. 423 width: 20%;
  424. 424 margin: -5px 10px 10px -90px;
  425. 425 float: left;
  426. 426 border-radius: 8px 1px 1px;
  427. 427 background-color: #a00b0b;
  428. 428 box-shadow: 0 2px 4px #110303;
  429. 429 color: #000;
  430. 430 font-size: 1.5em;
  431. 431 font-weight: bold;
  432. 432 line-height: 70%;
  433. 433 text-shadow: 0 1px 2px #c53d3d;
  434. 434 }
  435. 435
  436. 436 #content .col01 .date-tab::before {
  437. 437 position: absolute;
  438. 438 top: 30px;
  439. 439 left: -40px;
  440. 440 width: 40px;
  441. 441 height: 0;
  442. 442 border-width: 20px 10px;
  443. 443 border-style: solid;
  444. 444 border-radius: 0 0 10px;
  445. 445 border-color: #a00b0b #a00b0b #a00b0b transparent;
  446. 446 content: ' ';
  447. 447 }
  448. 448
  449. 449 #content .col01 .date-tab::after {
  450. 450 position: absolute;
  451. 451 top: 100%;
  452. 452 left: 0;
  453. 453 width: 0;
  454. 454 height: 0;
  455. 455 border-width: 5px 10px;
  456. 456 border-style: solid;
  457. 457 border-radius: 8px 0 0;
  458. 458 border-color: #6d0404 #6d0404 transparent transparent;
  459. 459 content: ' ';
  460. 460 }
  461. 461
  462. 462 #content .col01 .date-tab .month {
  463. 463 display: block;
  464. 464 padding: 6px 16px 6px 0;
  465. 465 font-size: 70%;
  466. 466 text-align: right;
  467. 467 }
  468. 468
  469. 469 #content .col01 .date-tab .day {
  470. 470 display: block;
  471. 471 padding: 6px 16px 2px 0;
  472. 472 font-size: 112%;
  473. 473 font-weight: bold;
  474. 474 text-align: right;
  475. 475 }
  476. 476
  477. 477 /* END-Date-tab (Ribbons) */
  478. 478
  479. 479 #content .col01 .post-inner p {
  480. 480 overflow: visible;
  481. 481 }
  482. 482
  483. 483 #content .col01 .post-inner a {
  484. 484 text-decoration: underline;
  485. 485 }
  486. 486
  487. 487 #content .col01 .thumbnail {
  488. 488 margin: 12px 0 12px 12px;
  489. 489 float: right;
  490. 490 }
  491. 491
  492. 492 #content .col01 .meta a {
  493. 493 color: #000;
  494. 494 text-decoration: none;
  495. 495 }
  496. 496
  497. 497 #content .col01 .meta a:hover {
  498. 498 text-decoration: underline;
  499. 499 }
  500. 500
  501. 501 #content .col01 figure {
  502. 502 display: inline-block;
  503. 503 max-width: 90%;
  504. 504 margin-right: 20px;
  505. 505 margin-left: 20px;
  506. 506 }
  507. 507
  508. 508 /* END-Content (Column 1) */
  509. 509
  510. 510 /* Sidebar (Column 2)
  511. 511 -------------------------------------------------------------- */
  512. 512 #sidebar {
  513. 513 width: 210px;
  514. 514 float: right;
  515. 515 font-size: 100%;
  516. 516 line-height: 110%;
  517. 517 }
  518. 518
  519. 519 /* Follow
  520. 520 -------------------------------------------------------------- */
  521. 521 .follow {
  522. 522 height: 0;
  523. 523 }
  524. 524
  525. 525 .follow img {
  526. 526 width: 80px;
  527. 527 margin-left: 221px;
  528. 528 }
  529. 529
  530. 530 /* Yellow Sticker
  531. 531 -------------------------------------------------------------- */
  532. 532 #sidebar .yellow-sticker-middle {
  533. 533 width: 212px;
  534. 534 background: url(images/yellow-sticker-middle.png) repeat-y;
  535. 535 }
  536. 536
  537. 537 #sidebar .yellow-sticker-middle ul {
  538. 538 margin: 0;
  539. 539 padding: 0;
  540. 540 overflow: hidden;
  541. 541 }
  542. 542
  543. 543 #sidebar .yellow-sticker-middle ul li {
  544. 544 margin: 0;
  545. 545 padding: 0;
  546. 546 font-size: 100%;
  547. 547 line-height: 110%;
  548. 548 list-style: none;
  549. 549 }
  550. 550
  551. 551 #sidebar .yellow-sticker-middle ul li .listMeta {
  552. 552 font-size: 10px;
  553. 553 }
  554. 554
  555. 555 #sidebar .yellow-sticker-middle ul li a {
  556. 556 display: block;
  557. 557 width: 170px;
  558. 558 margin-left: 10px;
  559. 559 padding: 4px 0 4px 25px;
  560. 560 border-top: 1px solid #ffe5be;
  561. 561 color: #21565e;
  562. 562 transition: margin 0.3s;
  563. 563 }
  564. 564
  565. 565 #sidebar .yellow-sticker-middle ul li a:hover {
  566. 566 margin-left: 20px;
  567. 567 color: #000;
  568. 568 text-decoration: none;
  569. 569 }
  570. 570
  571. 571 #sidebar .yellow-sticker-middle ul .sub-menu {
  572. 572 padding-left: 10px;
  573. 573 overflow: hidden;
  574. 574 }
  575. 575
  576. 576 #sidebar .yellow-sticker-bottom {
  577. 577 width: 188px;
  578. 578 height: 62px;
  579. 579 padding: 12px 12px 0;
  580. 580 background: url(images/yellow-sticker-bottom.png) no-repeat left bottom;
  581. 581 font-size: 100%;
  582. 582 text-align: right;
  583. 583 }
  584. 584
  585. 585 /* White Sticker
  586. 586 -------------------------------------------------------------- */
  587. 587 #sidebar .white-sticker-top {
  588. 588 height: 124px;
  589. 589 background: url(images/white-sticker-top.png) no-repeat;
  590. 590 }
  591. 591
  592. 592 #sidebar .white-sticker-middle {
  593. 593 width: 212px;
  594. 594 background: url(images/white-sticker-middle.png) repeat-y;
  595. 595 }
  596. 596
  597. 597 #sidebar .white-sticker-middle ul {
  598. 598 margin: 0;
  599. 599 padding: 0;
  600. 600 }
  601. 601
  602. 602 #sidebar .white-sticker-middle ul li {
  603. 603 margin: 0;
  604. 604 padding: 0;
  605. 605 font-size: 93%;
  606. 606 line-height: 130%;
  607. 607 list-style: none;
  608. 608 }
  609. 609
  610. 610 #sidebar .white-sticker-middle ul li a {
  611. 611 display: block;
  612. 612 width: 170px;
  613. 613 padding: 4px 0 4px 25px;
  614. 614 color: #21565e;
  615. 615 }
  616. 616
  617. 617 #sidebar .white-sticker-middle ul li a:hover {
  618. 618 color: #000;
  619. 619 text-decoration: none;
  620. 620 }
  621. 621
  622. 622 #sidebar .white-sticker-middle ul li a i {
  623. 623 margin-right: 6px;
  624. 624 color: navy;
  625. 625 font-size: 70%;
  626. 626 }
  627. 627
  628. 628 #sidebar .white-sticker-bottom {
  629. 629 width: 188px;
  630. 630 height: 62px;
  631. 631 padding: 12px 12px 0;
  632. 632 background: url(images/white-sticker-bottom.png) no-repeat;
  633. 633 font-size: 70%;
  634. 634 text-align: right;
  635. 635 }
  636. 636
  637. 637 #sidebar .white-sticker-bottom a {
  638. 638 color: #21565e;
  639. 639 }
  640. 640
  641. 641 #sidebar .white-sticker-bottom a:hover {
  642. 642 color: #21565e;
  643. 643 text-decoration: none;
  644. 644 }
  645. 645
  646. 646 /* Widgets
  647. 647 -------------------------------------------------------------- */
  648. 648
  649. 649 /* About Widget */
  650. 650 #sidebar .about-widget {
  651. 651 padding: 30px 10px 20px;
  652. 652 background: url(images/about-label.png) no-repeat 10px 5px;
  653. 653 font-family: Forum, Times New Roman, Times, Georgia, serif;
  654. 654 font-size: 100%;
  655. 655 line-height: 110%;
  656. 656 }
  657. 657
  658. 658 /* Links Widget */
  659. 659 #sidebar .links-widget {
  660. 660 padding: 30px 10px 20px;
  661. 661 background: url(images/links-label.png) no-repeat 10px 5px;
  662. 662 text-align: center;
  663. 663 }
  664. 664
  665. 665 #sidebar .links-widget ul {
  666. 666 margin: 0;
  667. 667 padding: 0;
  668. 668 }
  669. 669
  670. 670 #sidebar .links-widget ul li {
  671. 671 background: url(images/line.png) no-repeat bottom;
  672. 672 font-size: 100%;
  673. 673 line-height: 110%;
  674. 674 list-style: none;
  675. 675 }
  676. 676
  677. 677 #sidebar .links-widget ul li a {
  678. 678 display: block;
  679. 679 width: 186px;
  680. 680 margin: 0 auto;
  681. 681 padding: 3px 0;
  682. 682 color: #21565e;
  683. 683 }
  684. 684
  685. 685 #sidebar .links-widget ul li a:hover {
  686. 686 color: #000;
  687. 687 text-decoration: none;
  688. 688 }
  689. 689
  690. 690 /* Other Widgets */
  691. 691 #sidebar .widget {
  692. 692 display: block;
  693. 693 width: 90%;
  694. 694 padding: 10px;
  695. 695 }
  696. 696
  697. 697 #sidebar .widget-title {
  698. 698 font-family: Permanent Marker;
  699. 699 font-size: 18px;
  700. 700 }
  701. 701
  702. 702 select {
  703. 703 width: 100%;
  704. 704 }
  705. 705
  706. 706 /* END-Sidebar (Column 2) */
  707. 707
  708. 708 /* Responsive * Fluid image, embed, object & video
  709. 709 -------------------------------------------------------------- */
  710. 710
  711. 711 /* Fluid images for posts, comments, and widgets */
  712. 712 img,
  713. 713 .entry-content img,
  714. 714 .entry-summary img,
  715. 715 .comment-content img,
  716. 716 .widget img,
  717. 717 .wp-caption {
  718. 718 max-width: 100%;
  719. 719 }
  720. 720
  721. 721 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */
  722. 722 .entry-content img,
  723. 723 .entry-summary img,
  724. 724 .comment-content img[height],
  725. 725 img[class*="align"],
  726. 726 img[class*="wp-image-"],
  727. 727 img[class*="attachment-"] {
  728. 728 height: auto;
  729. 729 }
  730. 730
  731. 731 .size-large {
  732. 732 height: 100%;
  733. 733 }
  734. 734
  735. 735 /* Make sure videos and embeds fit their containers. */
  736. 736 embed,
  737. 737 iframe,
  738. 738 object,
  739. 739 video {
  740. 740 max-width: 100%;
  741. 741 }
  742. 742
  743. 743 /* Image style
  744. 744 -------------------------------------------------------------- */
  745. 745
  746. 746 /* Wrapping text around images
  747. 747 -------------------------------------------------------------- */
  748. 748 img.centered {
  749. 749 display: block;
  750. 750 margin-right: auto;
  751. 751 margin-left: auto;
  752. 752 }
  753. 753
  754. 754 img.alignright {
  755. 755 display: inline;
  756. 756 margin: 0 0 2px 15px;
  757. 757 padding: 4px;
  758. 758 }
  759. 759
  760. 760 img.alignleft {
  761. 761 display: inline;
  762. 762 margin: 0 15px 2px 0;
  763. 763 padding: 4px;
  764. 764 }
  765. 765
  766. 766 /* Miniatures
  767. 767 -------------------------------------------------------------- */
  768. 768 .wp-post-image {
  769. 769 display: block;
  770. 770 margin: 10px auto 3px;
  771. 771 border: 1px #ccc solid;
  772. 772 border-bottom: 5px solid #bbb;
  773. 773 background: #fff;
  774. 774 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  775. 775 }
  776. 776
  777. 777 /* Footer
  778. 778 -------------------------------------------------------------- */
  779. 779 #footer {
  780. 780 position: relative;
  781. 781 min-width: 1070px;
  782. 782 margin-top: 40px;
  783. 783 padding: 1% 0 0;
  784. 784 overflow: hidden;
  785. 785 border-top: 1px solid #8a8989;
  786. 786 background-color: #2d3032;
  787. 787 color: #ccc;
  788. 788 font-size: 92%;
  789. 789 line-height: 110%;
  790. 790 text-align: center;
  791. 791 }
  792. 792
  793. 793 #footer a {
  794. 794 color: #909490;
  795. 795 text-decoration: none;
  796. 796 }
  797. 797
  798. 798 #footer a:visited {
  799. 799 color: #909490;
  800. 800 text-decoration: none;
  801. 801 }
  802. 802
  803. 803 #footer-widgets {
  804. 804 display: block;
  805. 805 text-align: initial;
  806. 806 }
  807. 807
  808. 808 #footer-widgets span {
  809. 809 width: calc(33% - 20px);
  810. 810 margin-right: 10px;
  811. 811 margin-left: 10px;
  812. 812 float: left;
  813. 813 }
  814. 814
  815. 815 /* END-Footer */
  816. 816
  817. 817 /* Comment
  818. 818 -------------------------------------------------------------- */
  819. 819 #submit {
  820. 820 padding: 2px 7px;
  821. 821 border: 1px solid #bfbfbf;
  822. 822 border-radius: 10px;
  823. 823 background-clip: padding-box;
  824. 824 background-color: whitesmoke;
  825. 825 text-decoration: none;
  826. 826 text-shadow: 0 0 1px #aaa;
  827. 827 }
  828. 828
  829. 829 #submit:hover {
  830. 830 padding: 2px 7px;
  831. 831 border: 1px solid #000;
  832. 832 border-radius: 10px;
  833. 833 background-clip: padding-box;
  834. 834 background-color: whitesmoke;
  835. 835 text-decoration: none;
  836. 836 }
  837. 837
  838. 838 #commentform {
  839. 839 margin: 0;
  840. 840 padding: 0;
  841. 841 }
  842. 842
  843. 843 #commentform .comment-field {
  844. 844 width: 290px;
  845. 845 margin: 0;
  846. 846 padding: 3px;
  847. 847 float: left;
  848. 848 border: 1px solid #939393;
  849. 849 background: #fff;
  850. 850 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  851. 851 font-size: 75%;
  852. 852 }
  853. 853
  854. 854 #commentform .comment-box {
  855. 855 position: relative;
  856. 856 width: 70%;
  857. 857 margin: 0 0 10px;
  858. 858 padding: 3px;
  859. 859 border: 1px solid #939393;
  860. 860 border-radius: 10px;
  861. 861 background: #fff;
  862. 862 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  863. 863 opacity: 0.6;
  864. 864 }
  865. 865
  866. 866 #commentform .btnComment {
  867. 867 margin: 0;
  868. 868 padding: 2px;
  869. 869 float: left;
  870. 870 clear: left;
  871. 871 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  872. 872 }
  873. 873
  874. 874 #commentform .comment-notes {
  875. 875 display: none;
  876. 876 }
  877. 877
  878. 878 #commentform label {
  879. 879 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  880. 880 }
  881. 881
  882. 882 #commentform p {
  883. 883 margin-bottom: 0;
  884. 884 }
  885. 885
  886. 886 #commentform code {
  887. 887 display: inline;
  888. 888 border: none;
  889. 889 background: none;
  890. 890 font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
  891. 891 font-size: 90%;
  892. 892 }
  893. 893
  894. 894 #commentform .form-allowed-tags {
  895. 895 margin-top: 0;
  896. 896 font-size: 90%;
  897. 897 }
  898. 898
  899. 899 #author,
  900. 900 #email,
  901. 901 #url,
  902. 902 #comment {
  903. 903 display: block;
  904. 904 width: 48%;
  905. 905 }
  906. 906
  907. 907 #comment {
  908. 908 width: 98%;
  909. 909 height: 100px;
  910. 910 }
  911. 911
  912. 912 p.comments-title {
  913. 913 font-size: 130%;
  914. 914 font-weight: bold;
  915. 915 }
  916. 916
  917. 917 /* Comment list
  918. 918 -------------------------------------------------------------- */
  919. 919 .avatar {
  920. 920 margin-top: 10px;
  921. 921 margin-right: 10px;
  922. 922 float: left;
  923. 923 clear: left;
  924. 924 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.2);
  925. 925 }
  926. 926
  927. 927 .edit-link {
  928. 928 display: inline;
  929. 929 }
  930. 930
  931. 931 .reply {
  932. 932 display: inline;
  933. 933 }
  934. 934
  935. 935 .commentlist {
  936. 936 margin: 20px 0;
  937. 937 padding: 0;
  938. 938 }
  939. 939
  940. 940 .commentlist li {
  941. 941 padding: 12px 0;
  942. 942 background: url(images/line.png) no-repeat bottom;
  943. 943 line-height: 125%;
  944. 944 list-style: none;
  945. 945 }
  946. 946
  947. 947 .commentlist li a {
  948. 948 position: relative;
  949. 949 color: #000;
  950. 950 text-decoration: none;
  951. 951 }
  952. 952
  953. 953 .commentlist li a:hover {
  954. 954 border-bottom: 1px solid #000;
  955. 955 background: #fffbc1;
  956. 956 color: #000;
  957. 957 text-decoration: none;
  958. 958 }
  959. 959
  960. 960 .commentdate {
  961. 961 display: block;
  962. 962 padding: 0 0 6px;
  963. 963 font-size: 60%;
  964. 964 }
  965. 965
  966. 966 .commentlist li cite {
  967. 967 font-style: normal;
  968. 968 font-weight: bold;
  969. 969 }
  970. 970
  971. 971 /* END-Comment */
  972. 972
  973. 973 /************************** Navigation **************************/
  974. 974 /* "Continue reading" button
  975. 975 -------------------------------------------------------------- */
  976. 976 #content .col01 .post-inner a.more-link {
  977. 977 display: inline-block;
  978. 978 position: relative;
  979. 979 padding: 2px 6px;
  980. 980 border: 1px solid #bfbfbf;
  981. 981 border-radius: 10px;
  982. 982 background-clip: padding-box;
  983. 983 background-color: whitesmoke;
  984. 984 color: #000;
  985. 985 text-decoration: none;
  986. 986 text-shadow: 0 0 1px #aaa;
  987. 987 }
  988. 988
  989. 989 /* Next page
  990. 990 -------------------------------------------------------------- */
  991. 991 #content .col01 .post-inner .page-links {
  992. 992 width: 104%;
  993. 993 margin-top: 15px;
  994. 994 margin-bottom: 10px;
  995. 995 overflow: hidden;
  996. 996 line-height: 180%;
  997. 997 text-shadow: 0 0 1px #aaa;
  998. 998 white-space: nowrap;
  999. 999 }
  1000. 1000
  1001. 1001 #content .col01 .post-inner .page-links a {
  1002. 1002 border-bottom: none;
  1003. 1003 text-decoration: none;
  1004. 1004 }
  1005. 1005
  1006. 1006 #content .col01 .post-inner .page-links span {
  1007. 1007 padding: 2px 7px;
  1008. 1008 border: 1px solid #bfbfbf;
  1009. 1009 border-radius: 10px;
  1010. 1010 background-clip: padding-box;
  1011. 1011 background-color: whitesmoke;
  1012. 1012 text-decoration: none;
  1013. 1013 text-transform: uppercase;
  1014. 1014 }
  1015. 1015
  1016. 1016 /* End-Breadcrumbs */
  1017. 1017
  1018. 1018 /* Breadcrumbs
  1019. 1019 -------------------------------------------------------------- */
  1020. 1020 #breadcrumbs {
  1021. 1021 width: 104%;
  1022. 1022 margin-bottom: 20px;
  1023. 1023 overflow: hidden;
  1024. 1024 line-height: 180%;
  1025. 1025 text-shadow: 0 0 1px #aaa;
  1026. 1026 white-space: nowrap;
  1027. 1027 }
  1028. 1028
  1029. 1029 #breadcrumbs a,
  1030. 1030 #breadcrumbs span {
  1031. 1031 padding: 2px 7px;
  1032. 1032 border: 1px solid #bfbfbf;
  1033. 1033 border-radius: 10px;
  1034. 1034 background-clip: padding-box;
  1035. 1035 background-color: whitesmoke;
  1036. 1036 text-decoration: none;
  1037. 1037 }
  1038. 1038
  1039. 1039 /* End-Breadcrumbs */
  1040. 1040
  1041. 1041 /* Navigation Links
  1042. 1042 -------------------------------------------------------------- */
  1043. 1043 .nav-links {
  1044. 1044 padding: 20px 0;
  1045. 1045 color: #000;
  1046. 1046 font-size: 105%;
  1047. 1047 font-style: italic;
  1048. 1048 font-weight: 300;
  1049. 1049 }
  1050. 1050
  1051. 1051 /* End-Navigation Links */
  1052. 1052
  1053. 1053 /* Page Navigation
  1054. 1054 -------------------------------------------------------------- */
  1055. 1055 #page-nav {
  1056. 1056 margin: 5px;
  1057. 1057 clear: both;
  1058. 1058 text-shadow: 0 0 1px #aaa;
  1059. 1059 }
  1060. 1060
  1061. 1061 #page-nav a,
  1062. 1062 #page-nav span {
  1063. 1063 padding: 3px 12px;
  1064. 1064 border: 1px solid #bfbfbf;
  1065. 1065 border-radius: 10px;
  1066. 1066 background-clip: padding-box;
  1067. 1067 background-color: whitesmoke;
  1068. 1068 text-decoration: none;
  1069. 1069 text-transform: uppercase;
  1070. 1070 }
  1071. 1071
  1072. 1072 #page-nav a:hover,
  1073. 1073 #page-nav span.current {
  1074. 1074 border-color: #bfbfbf;
  1075. 1075 }
  1076. 1076
  1077. 1077 #page-nav span.current {
  1078. 1078 font-weight: bold;
  1079. 1079 }
  1080. 1080
  1081. 1081 .paging-navigation .nav-links {
  1082. 1082 max-width: 1040px;
  1083. 1083 margin: 0 auto;
  1084. 1084 }
  1085. 1085
  1086. 1086 .paging-navigation .nav-previous {
  1087. 1087 float: left;
  1088. 1088 }
  1089. 1089
  1090. 1090 .paging-navigation .nav-next {
  1091. 1091 text-align: right;
  1092. 1092 }
  1093. 1093
  1094. 1094 /* End-Page Navigation */
  1095. 1095
  1096. 1096 /* Post Navigation
  1097. 1097 -------------------------------------------------------------- */
  1098. 1098 .post-navigation .nav-links {
  1099. 1099 max-width: 1040px;
  1100. 1100 margin: 0 auto;
  1101. 1101 }
  1102. 1102
  1103. 1103 .post-navigation a[rel="next"] {
  1104. 1104 float: right;
  1105. 1105 text-align: right;
  1106. 1106 }
  1107. 1107
  1108. 1108 /* End-Post Navigation */
  1109. 1109
  1110. 1110 /* Scroll to Top button
  1111. 1111 -------------------------------------------------------------- */
  1112. 1112 .scroll-to-top {
  1113. 1113 z-index: 10000;
  1114. 1114 position: fixed;
  1115. 1115 right: 15px;
  1116. 1116 bottom: 10px;
  1117. 1117 width: 30px;
  1118. 1118 height: 30px;
  1119. 1119 padding: 11px 13px;
  1120. 1120 border-radius: 2px;
  1121. 1121 background-color: #3f3b3b;
  1122. 1122 font-family: Fontawesome;
  1123. 1123 line-height: 30px;
  1124. 1124 text-align: center;
  1125. 1125 cursor: pointer;
  1126. 1126 opacity: 0.8;
  1127. 1127 transition: background-color 0.1s linear;
  1128. 1128 }
  1129. 1129
  1130. 1130 .scroll-to-top:hover {
  1131. 1131 opacity: 1;
  1132. 1132 }
  1133. 1133
  1134. 1134 /* End-Scroll to Top button */
  1135. 1135 /************************** END-Navigation **************************/
  1136. 1136
  1137. 1137 /* Sitemap Page
  1138. 1138 -------------------------------------------------------------- */
  1139. 1139 .html-sitemap h2 {
  1140. 1140 padding-top: 10px;
  1141. 1141 }
  1142. 1142
  1143. 1143 .category {
  1144. 1144 padding-bottom: 5px;
  1145. 1145 list-style: none;
  1146. 1146 }
  1147. 1147
  1148. 1148 .grey {
  1149. 1149 background-color: inherit;
  1150. 1150 color: #777;
  1151. 1151 }
  1152. 1152
  1153. 1153 .cat-posts {
  1154. 1154 padding-top: 10px;
  1155. 1155 padding-bottom: 10px;
  1156. 1156 overflow: hidden;
  1157. 1157 }
  1158. 1158
  1159. 1159 .cat-posts li {
  1160. 1160 padding-bottom: 5px;
  1161. 1161 list-style: square;
  1162. 1162 }
  1163. 1163
  1164. 1164 .sitemap-authors li,
  1165. 1165 .sitemap-pages li,
  1166. 1166 .sitemap-archives li {
  1167. 1167 padding-bottom: 5px;
  1168. 1168 }
  1169. 1169
  1170. 1170 /* Some required CSS classes
  1171. 1171 -------------------------------------------------------------- */
  1172. 1172 .sticky {
  1173. 1173 position: relative;
  1174. 1174 }
  1175. 1175
  1176. 1176 .gallery-caption {
  1177. 1177 text-align: center;
  1178. 1178 }
  1179. 1179
  1180. 1180 .bypostauthor {
  1181. 1181 font-style: normal;
  1182. 1182 }
  1183. 1183
  1184. 1184 /* Remove The WordPress Stats Smiley Face added by JetPack plugin
  1185. 1185 because it messes up design
  1186. 1186 -------------------------------------------------------------- */
  1187. 1187 img#wpstats {
  1188. 1188 display: none;
  1189. 1189 }
  1190. 1190
  1191. 1191
  1192. 1192 /******************************************************************************
  1193. 1193 * PLEASE DON'T EDIT THIS FILE DIRECTLY *
  1194. 1194 * *
  1195. 1195 * To add custom styles, consider using a plugin from the same developer *
  1196. 1196 * "My Custom Styles" (https://wordpress.org/plugins/my-custom-styles/) *
  1197. 1197 ******************************************************************************/
  1198. 1198
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)