Mint: A Fresh Look at your Site Minted
  1. 1 /**
  2. 2 * Theme: Flat Bootstrap
  3. 3 * File: theme-base.css
  4. 4 *
  5. 5 * The stylesheet for basic WordPress styles
  6. 6 *
  7. 7 * Contains padding, margins, list styles, etc.
  8. 8 *
  9. 9 * @package flat-bootstrap
  10. 10 */
  11. 11
  12. 12 /**
  13. 13 * SET SOME REASONABLE DEFAULT WORDPRESS STYLES. MOST OF THESE ARE REQUIRED BY ALL
  14. 14 * WORDPRESS THEMES
  15. 15 */
  16. 16
  17. 17 /* Text meant only for screen readers. Required only for WordPress as Bootstrap uses
  18. 18 * .sr-only and we apply that in this theme.
  19. 19 */
  20. 20 .screen-reader-text {
  21. 21 clip: rect(1px, 1px, 1px, 1px);
  22. 22 position: absolute !important;
  23. 23 }
  24. 24 p.screen-reader-text {
  25. 25 margin-bottom: 0;
  26. 26 }
  27. 27 .screen-reader-text:focus {
  28. 28 background-color: #f1f1f1;
  29. 29 -webkit-border-radius: 4px;
  30. 30 -moz-border-radius: 4px;
  31. 31 border-radius: 4px;
  32. 32 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  33. 33 clip: auto;
  34. 34 color: #21759b;
  35. 35 display: block;
  36. 36 font-size: 14px;
  37. 37 font-weight: 700;
  38. 38 height: auto;
  39. 39 line-height: normal;
  40. 40 padding: 15px 23px 14px;
  41. 41 position: absolute;
  42. 42 left: 5px;
  43. 43 top: 5px;
  44. 44 text-decoration: none;
  45. 45 text-transform: none;
  46. 46 width: auto;
  47. 47 z-index: 100000; /* Above WP toolbar */
  48. 48 }
  49. 49
  50. 50 /* Style tables like TwentyEleven theme with lines between entries */
  51. 51 .entry-content table,
  52. 52 .comment-content table {
  53. 53 border-bottom: 1px solid #ddd;
  54. 54 margin: 0 0 1.625em;
  55. 55 width: 100%;
  56. 56 }
  57. 57 .entry-content th,
  58. 58 .comment-content th {
  59. 59 font-weight: 500;
  60. 60 letter-spacing: 0.1em;
  61. 61 line-height: 2.6em;
  62. 62 text-transform: uppercase;
  63. 63 }
  64. 64 .entry-content td,
  65. 65 .comment-content td {
  66. 66 border-top: 1px solid #ddd;
  67. 67 padding: 6px 10px 6px 0;
  68. 68 }
  69. 69
  70. 70 /* Clearing floats */
  71. 71 .clear:before,
  72. 72 .clear:after,
  73. 73 .entry-content:before,
  74. 74 .entry-content:after,
  75. 75 .entry-meta:before,
  76. 76 .entry-meta:after,
  77. 77 .pager:before,
  78. 78 .pager:after,
  79. 79 .comment-content:before,
  80. 80 .comment-content:after,
  81. 81 .site-header:before,
  82. 82 .site-header:after,
  83. 83 .site-content:before,
  84. 84 .site-content:after,
  85. 85 .site-footer:before,
  86. 86 .site-footer:after {
  87. 87 content: '';
  88. 88 display: table;
  89. 89 }
  90. 90
  91. 91 .clear:after,
  92. 92 .entry-content:after,
  93. 93 .entry-meta:before,
  94. 94 .entry-meta:after,
  95. 95 .pager:after,
  96. 96 .comment-content:after,
  97. 97 .site-header:after,
  98. 98 .site-content:after,
  99. 99 .site-footer:after {
  100. 100 clear: both;
  101. 101 }
  102. 102
  103. 103 /* Required WordPress Alignment */
  104. 104 .alignleft, .align-left {
  105. 105 display: inline;
  106. 106 float: left;
  107. 107 margin-right: 10px;
  108. 108 margin-bottom: 10px;
  109. 109 }
  110. 110 .alignright, .align-right {
  111. 111 display: inline;
  112. 112 float: right;
  113. 113 margin-left: 10px;
  114. 114 margin-bottom: 10px;
  115. 115 }
  116. 116 .aligncenter, .align-center {
  117. 117 clear: both;
  118. 118 display: block;
  119. 119 margin-left: auto;
  120. 120 margin-right: auto;
  121. 121 text-align: center;
  122. 122 margin-bottom: 10px;
  123. 123 }
  124. 124 .nocenter {
  125. 125 text-align: left;
  126. 126 }
  127. 127
  128. 128 /* Normal WordPress captions */
  129. 129 .wp-caption {
  130. 130 max-width: 100%;
  131. 131 }
  132. 132 .wp-caption-text,
  133. 133 .gallery-caption {
  134. 134 text-shadow: none;
  135. 135 font-size: 16px;
  136. 136 font-weight: 500;
  137. 137 text-align: center;
  138. 138 /*margin-top: -22px;*/ /* Offset Bootstrap .thumbnail class */
  139. 139 margin-bottom: 22px;
  140. 140 }
  141. 141
  142. 142 /* Center the thumbnails since WordPress centers the caption text */
  143. 143 .gallery-icon img {
  144. 144 margin: auto;
  145. 145 }
  146. 146
  147. 147 /* Mark "sticky" (featured) posts as "Featured" */
  148. 148 .sticky .entry-title:after {
  149. 149 content: "Featured";
  150. 150 display: inine-block;
  151. 151 font-size: 20px;
  152. 152 margin-left: 15px;
  153. 153 padding: 10px;
  154. 154 vertical-align: middle;
  155. 155 }
  156. 156
  157. 157 .bypostauthor {
  158. 158 }
  159. 159
  160. 160 /* Come on now, of course we need a margin before their name and comment */
  161. 161 .avatar {
  162. 162 float: left;
  163. 163 margin-right: 10px;
  164. 164 margin-bottom: 10px;
  165. 165 }
  166. 166
  167. 167 /* For standard WordPress slideshow, get rid of black background. We want to leave
  168. 168 * whatever color background we have
  169. 169 */
  170. 170 .slideshow-window {
  171. 171 background-color: transparent !important;
  172. 172 border: none !important;
  173. 173 }
  174. 174
  175. 175 /**
  176. 176 * STYLE THE CORE COMPONENTS OF THIS THEME. MOST OF THESE CLASSES ARE FROM THE UNDERLYING
  177. 177 * _S (STARTER) THEME.
  178. 178 */
  179. 179
  180. 180 /* Limit the page for really wide screens, such as an iMac */
  181. 181 #page, .navbar, .after-footer {
  182. 182 max-width: 1600px;
  183. 183 margin: 0 auto;
  184. 184 }
  185. 185
  186. 186 .custom-header-image {
  187. 187 margin: 0 auto;
  188. 188 background-repeat: none;
  189. 189 background-position: center center;
  190. 190 max-width: 100%;
  191. 191 }
  192. 192
  193. 193 .site-branding {
  194. 194 padding-top: 3px;
  195. 195 padding-bottom: 14px;
  196. 196 }
  197. 197
  198. 198 .site-description {
  199. 199 margin-top: 10px;
  200. 200 font-size: 24px;
  201. 201 }
  202. 202
  203. 203 .site-title a, .site-title a:hover, .site-title a:active {
  204. 204 text-decoration: none;
  205. 205 }
  206. 206 .custom-header-text-color a:hover,
  207. 207 .custom-header-text-color a:focus {
  208. 208 opacity: 0.75;
  209. 209 }
  210. 210 .custom-header-image h1 {
  211. 211 font-weight: 700;
  212. 212 }
  213. 213 .custom-header-image h2 {
  214. 214 font-size: 24px;
  215. 215 }
  216. 216
  217. 217 a.scroll-down, a.scroll-down:hover span, a.scroll-down:focus span, .carousel-control:hover, .carousel-control:focus {
  218. 218 color: #fff;
  219. 219 font-size: 20px;
  220. 220 }
  221. 221
  222. 222 .content-header {
  223. 223 padding-top: 35px;
  224. 224 padding-bottom: 35px;
  225. 225 }
  226. 226 header.content-header {
  227. 227 min-height: 170px;
  228. 228 }
  229. 229 .content-header i {
  230. 230 font-size: 35px;
  231. 231 text-align: center;
  232. 232 }
  233. 233
  234. 234 .content-area {
  235. 235 padding-top: 35px;
  236. 236 }
  237. 237 .content-area-wide .comments-area {
  238. 238 padding-bottom: 35px;
  239. 239 }
  240. 240
  241. 241 .page .entry-content {
  242. 242 padding-top: 0;
  243. 243 }
  244. 244
  245. 245 .entry-summary {
  246. 246 margin-bottom: 25px;
  247. 247 }
  248. 248
  249. 249 article.post {
  250. 250 margin-bottom: 25px;
  251. 251 }
  252. 252
  253. 253 /* Let's get some whitespace before the footer nav and credits */
  254. 254 .sidebar-footer {
  255. 255 padding-top: 35px;
  256. 256 }
  257. 257 .sidebar-footer h1,
  258. 258 .sidebar-footer h2,
  259. 259 .sidebar-footer h3,
  260. 260 .sidebar-footer h4,
  261. 261 .sidebar-footer h5,
  262. 262 .sidebar-footer h6 {
  263. 263 margin-top: 0;
  264. 264 padding-bottom: 15px;
  265. 265 }
  266. 266 .sidebar-footer aside.widget {
  267. 267 margin-bottom: 35px;
  268. 268 }
  269. 269
  270. 270 footer.entry-meta,
  271. 271 div.entry-meta,
  272. 272 .edit-link {
  273. 273 font-size: 16px;
  274. 274 }
  275. 275 .edit-link a {
  276. 276 color: #7f8c8d;
  277. 277 }
  278. 278 .edit-link a:hover,
  279. 279 .edit-link a:focus {
  280. 280 color: #3bc492;
  281. 281 }
  282. 282
  283. 283 .after-footer {
  284. 284 padding-top: 15px;
  285. 285 padding-bottom: 15px;
  286. 286 }
  287. 287
  288. 288 /* Let's put dividers between footer menu items */
  289. 289 #footer-navigation ul.dividers > li:nth-child(n+2):before {
  290. 290 content: "";
  291. 291 display: inline-block;
  292. 292 height: 10px;
  293. 293 margin-right: 10px;
  294. 294 border-left: 1px solid #dddddd;
  295. 295 }
  296. 296
  297. 297 /* Since footer nav has screen reader text, need to pad site credits to line them up */
  298. 298 #site-credits {
  299. 299 padding-top: 10px;
  300. 300 }
  301. 301
  302. 302 /* For sidebar, add some whitespace */
  303. 303 #secondary {
  304. 304 padding-bottom: 35px;
  305. 305 }
  306. 306 #secondary aside.widget {
  307. 307 margin-bottom: 10px; /* Heading will add 25px */
  308. 308 }
  309. 309
  310. 310 /* Center the text after the footer for smartphones */
  311. 311 @media (max-width: 640px) {
  312. 312 .footer-nav-menu, .site-credits {
  313. 313 text-align: center;
  314. 314 float: none !important;
  315. 315 }
  316. 316 .site-credits {
  317. 317 padding-bottom: 15px;
  318. 318 }
  319. 319 }
  320. 320
  321. 321 /* Make sure no content breaks the layout */
  322. 322 img, embed, iframe, media, swf, pre, code, container, select, .videopress-placeholder {
  323. 323 /*display: block;*/
  324. 324 max-width:100%;
  325. 325 overflow:hidden;
  326. 326 white-space: pre; /* CSS 2.0 */
  327. 327 white-space: pre-wrap; /* CSS 2.1 */
  328. 328 white-space: pre-line; /* CSS 3.0 */
  329. 329 white-space: -pre-wrap; /* Opera 4-6 */
  330. 330 white-space: -o-pre-wrap; /* Opera 7 */
  331. 331 white-space: -moz-pre-wrap; /* Mozilla */
  332. 332 white-space: -hp-pre-wrap; /* HP Printers */
  333. 333 word-wrap: break-word; /* IE 5+ */
  334. 334 }
  335. 335 img, .videopress-placeholder {
  336. 336 height: auto;
  337. 337 }
  338. 338
  339. 339 /* Get rid of bullets on comment <ul> and set some padding and indenting */
  340. 340 .comment-list,
  341. 341 .comment-list .children {
  342. 342 list-style-type: none;
  343. 343 padding: 0;
  344. 344 }
  345. 345
  346. 346 .comment-list .children {
  347. 347 margin-left: 25px;
  348. 348 }
  349. 349
  350. 350 .reply {
  351. 351 margin-bottom: 25px;
  352. 352 }
  353. 353
  354. 354 /* Get rid of the word "says" from comments */
  355. 355 .says {
  356. 356 display: none;
  357. 357 }
  358. 358
  359. 359 li.pingback {
  360. 360 margin-bottom: 15px;
  361. 361 }
  362. 362
  363. 363 .cat-links, .tags-links {
  364. 364 margin-right: 10px;
  365. 365 }
  366. 366
  367. 367 .posted-on {
  368. 368 margin-right: 5px;
  369. 369 }
  370. 370 .by-line, .comments-link {
  371. 371 margin-left: 5px;
  372. 372 margin-right: 5px;
  373. 373 }
  374. 374
  375. 375 /* Get rid of bullets on sidebars, footer, page top, and page bottom */
  376. 376 #secondary ul,
  377. 377 #sidebar-pagetop ul,
  378. 378 #sidebar-pagebottom ul,
  379. 379 footer#colophon.site-footer ul {
  380. 380 list-style: none;
  381. 381 padding-left: 0;
  382. 382 }
  383. 383 #secondary ul ul,
  384. 384 #sidebar-pagetop ul ul,
  385. 385 #sidebar-pagebottom ul ul,
  386. 386 footer#colophon.site-footer ul ul {
  387. 387 list-style: none;
  388. 388 padding-left: 25px;
  389. 389 }
  390. 390
  391. 391 #secondary ul li,
  392. 392 footer#colophon.site-footer ul li {
  393. 393 margin-top: 10px;
  394. 394 }
  395. 395
  396. 396 /* Make custom menus in page top and page bottom inline (horizontal). */
  397. 397 #sidebar-pagetop ul > li,
  398. 398 #sidebar-pagebottom ul > li {
  399. 399 display: inline-block;
  400. 400 padding-left: 5px;
  401. 401 padding-right: 5px
  402. 402 }
  403. 403 .#sidebar-pagetop ul > li:first-child,
  404. 404 .#sidebar-pagebottom ul > li:first-child {
  405. 405 padding-left: 0
  406. 406 }
  407. 407
  408. 408 #sidebar-pagetop .widget_nav_menu,
  409. 409 #sidebar-pagebottom .widget_nav_menu {
  410. 410 margin-top: 11px;
  411. 411 }
  412. 412
  413. 413 /* Style comments */
  414. 414 .comment-list .children {
  415. 415 margin-left: 5%;
  416. 416 }
  417. 417
  418. 418 .comment-form [for="author"],
  419. 419 .comment-form [for="email"],
  420. 420 .comment-form [for="url"],
  421. 421 .comment-form [for="comment"] {
  422. 422 float: left;
  423. 423 width: 80px;
  424. 424 }
  425. 425 .comment-form input[type="text"],
  426. 426 .comment-form input[type="email"],
  427. 427 .comment-form input[type="url"] {
  428. 428 max-width: 310px;
  429. 429 width: 70%;
  430. 430 }
  431. 431
  432. 432 .comment-form,
  433. 433 .comment-textarea,
  434. 434 textarea {
  435. 435 max-width: 100%;
  436. 436 border-color: #ccc;
  437. 437 }
  438. 438
  439. 439 /* Styles for default WordPress comments */
  440. 440 textarea#comment {
  441. 441 max-width: 743px; /*largest width of content area w/sidebar*/
  442. 442 width: 100%;
  443. 443 max-height: 140px;
  444. 444 }
  445. 445
  446. 446 /* Hide the label "Comment" above the comment box as its pretty obvious already */
  447. 447 .comment-form-comment label {
  448. 448 display: none;
  449. 449 }
  450. 450 p.comment-subscription-form {
  451. 451 margin-bottom: 10px;
  452. 452 }
  453. 453
  454. 454 /* Style the WordPress calendar widget because Bootstrap doesn't even add a 'table'
  455. 455 * class to tables
  456. 456 */
  457. 457 #calendar_wrap {
  458. 458 font-size: 14px;
  459. 459 max-width: 300px;
  460. 460 }
  461. 461 .widget_calendar #wp-calendar {
  462. 462 color: #555;
  463. 463 width: 95%;
  464. 464 text-align: center;
  465. 465 }
  466. 466 .widget_calendar #wp-calendar caption,
  467. 467 .widget_calendar #wp-calendar td,
  468. 468 .widget_calendar #wp-calendar th {
  469. 469 text-align: center;
  470. 470 }
  471. 471 .widget_calendar #wp-calendar caption {
  472. 472 font-weight: 500;
  473. 473 padding: 5px 0 5px 0;
  474. 474 text-transform: uppercase;
  475. 475 }
  476. 476 .widget_calendar #wp-calendar th {
  477. 477 background: #f4f4f4;
  478. 478 border-top: 1px solid #ccc;
  479. 479 border-bottom: 1px solid #ccc;
  480. 480 font-weight: bold;
  481. 481 }
  482. 482 .widget_calendar #wp-calendar tfoot td {
  483. 483 background: #f4f4f4;
  484. 484 border-top: 1px solid #ccc;
  485. 485 border-bottom: 1px solid #ccc;
  486. 486 }
  487. 487
  488. 488 /**
  489. 489 * SET SOME BOOTSTRAP STYLES AS A BASE FOR ALL THEMES
  490. 490 */
  491. 491
  492. 492 /* When full-width pages are changed back to sidebar, fix the layout */
  493. 493 .content-area .entry-content .container {
  494. 494 max-width: 100%;
  495. 495 padding-left: 0;
  496. 496 padding-right: 0;
  497. 497 }
  498. 498 .content-area .entry-content .container .row {
  499. 499 margin-left: 0;
  500. 500 margin-right: 0;
  501. 501 }
  502. 502
  503. 503 .lead {
  504. 504 font-size: 22px;
  505. 505 }
  506. 506
  507. 507 /* Remove margin at bottom of navbar because content header already has padding */
  508. 508 .navbar {
  509. 509 margin-bottom: 0;
  510. 510 }
  511. 511
  512. 512 /* Bolder text for site name in navbar */
  513. 513 .navbar-brand {
  514. 514 font-weight: 500;
  515. 515 height: 50px; /* Fixes layout if nav bar wraps before collapsing for mobile */
  516. 516 }
  517. 517
  518. 518 /* Line up the navbar with the header and page content (it's in a container, but not a row) */
  519. 519 div.navbar-collapse.collapse {
  520. 520 margin-left: -15px;
  521. 521 margin-right: -15px;
  522. 522 }
  523. 523
  524. 524 /* Set a hover effect for the custom header image (logo) */
  525. 525 /*.navbar-inverse .navbar-brand:hover,
  526. 526 .navbar-inverse .navbar-brand:focus,
  527. 527 .navbar-default .navbar-brand:hover,
  528. 528 .navbar-default .navbar-brand:focus {
  529. 529 opacity: 0.75;
  530. 530 }*/
  531. 531
  532. 532 header.site-header.page-header {
  533. 533 border-bottom: 0;
  534. 534 }
  535. 535
  536. 536 .carousel-inner img {
  537. 537 margin-left: auto;
  538. 538 margin-right: auto;
  539. 539 }
  540. 540 .carousel-caption {
  541. 541 max-width: 100%;
  542. 542 text-shadow: none;
  543. 543 padding-left: 10px;
  544. 544 padding-right: 10px;
  545. 545 }
  546. 546
  547. 547 .jumbotron {
  548. 548 margin-bottom: 0;
  549. 549 }
  550. 550 .nav-tabs>li.active>a,
  551. 551 .nav-tabs>li.active>a:hover,
  552. 552 .nav-tabs>li.active>a:focus {
  553. 553 color: inherit;
  554. 554 font-weight: 500;
  555. 555 }
  556. 556
  557. 557 /* Style <code> tag like <pre> tag so its white instead of red */
  558. 558 code {
  559. 559 word-break: break-all;
  560. 560 word-wrap: break-word;
  561. 561 color: #2f2f2f;
  562. 562 background-color: #f5f5f5;
  563. 563 border: 1px solid #ccc;
  564. 564 -webkit-border-radius: 4px;
  565. 565 -moz-border-radius: 4px;
  566. 566 border-radius: 4px;
  567. 567 }
  568. 568
  569. 569 /**
  570. 570 * ADD NEW STYLES TO HANDLE THEME FEATURES, SUCH AS HEADER IMAGES AND FEATURED IMAGES
  571. 571 */
  572. 572 .section-image,
  573. 573 .cover-image {
  574. 574 display: table;
  575. 575 background-repeat: no-repeat;
  576. 576 text-align:center;
  577. 577 background-attachment: scroll;
  578. 578 background-position: top center;
  579. 579 background-color: #e7e7e7; /*gray*/
  580. 580 width: 100%;
  581. 581 position: relative;
  582. 582 vertical-align: top;
  583. 583
  584. 584 -webkit-background-size: 100%;
  585. 585 -moz-background-size: 100%;
  586. 586 -o-background-size: 100%;
  587. 587 background-size: 100%;
  588. 588
  589. 589 -webkit-background-size: cover;
  590. 590 -moz-background-size: cover;
  591. 591 -o-background-size: cover;
  592. 592 background-size: cover;
  593. 593 }
  594. 594 .section-image-overlay,
  595. 595 .cover-image-overlay {
  596. 596 display: table-cell;
  597. 597 vertical-align: middle;
  598. 598 overflow: hidden;
  599. 599 padding: 50px;
  600. 600 padding: 5%;
  601. 601 z-index: 2;
  602. 602 }
  603. 603 .cover-image,
  604. 604 .cover-image-overlay {
  605. 605 height: 100%; /* For at least Firefox */
  606. 606 min-height: 480px;
  607. 607 }
  608. 608 .section-image,
  609. 609 .section-image-overlay {
  610. 610 min-height: 340px;
  611. 611 }
  612. 612 .section-image h1,
  613. 613 .cover-image h1 {
  614. 614 font-size: 42px;
  615. 615 color: #fff;
  616. 616 line-height: 1.1;
  617. 617 text-shadow: 0px 0px 9px #000000; /*OVI: eu am pus linia asta pentru shadow la titlu*/
  618. 618 }
  619. 619 .section-image h2,
  620. 620 .cover-image h2 {
  621. 621 font-size: 30px;
  622. 622 color: #fff;
  623. 623 line-height: 1.1;
  624. 624 }
  625. 625 .section-image h3,
  626. 626 .section-image h4,
  627. 627 .section-image p,
  628. 628 .cover-image h2,
  629. 629 .cover-image h3,
  630. 630 .cover-image h4,
  631. 631 .cover-image p {
  632. 632 color: #fff;
  633. 633 }
  634. 634
  635. 635 .cover-image .spacer {
  636. 636 margin-top: 100px
  637. 637 }
  638. 638
  639. 639 .section-featured h1 {
  640. 640 font-size: 42px;
  641. 641 line-height: 1.1;
  642. 642 }
  643. 643 .section-featured h2 {
  644. 644 font-size: 30px;
  645. 645 line-height: 1.1;
  646. 646 }
  647. 647 .section-featured {
  648. 648 padding-top: 60px;
  649. 649 border-bottom: #bdc3c7 solid 5px;
  650. 650 }
  651. 651
  652. 652 /* For larger screens, increase font size and spacing */
  653. 653 @media (min-width: 768px) {
  654. 654
  655. 655 .cover-image h1,
  656. 656 .section-image h1,
  657. 657 .wp-caption-text-fullwidth h1 {
  658. 658 font-size: 70px;
  659. 659 letter-spacing: 3px;
  660. 660 }
  661. 661 .cover-image h2,
  662. 662 .section-image h2,
  663. 663 .wp-caption-text-fullwidth h2 {
  664. 664 font-size: 42px;
  665. 665 letter-spacing: 2px;
  666. 666 }
  667. 667 .cover-image .spacer {
  668. 668 margin-top: 200px;
  669. 669 }
  670. 670 .cover-image, .cover-image-overlay {
  671. 671 min-height: 700px;
  672. 672 }
  673. 673 .section-image, .section-image-overlay {
  674. 674 min-height: 400px;
  675. 675 }
  676. 676 }
  677. 677
  678. 678 /* When sidebar not collapsed, add more padding */
  679. 679 @media (min-width: 992px) {
  680. 680
  681. 681 .content-area {
  682. 682 padding-bottom: 35px;
  683. 683 }
  684. 684 #secondary {
  685. 685 padding-top: 35px;
  686. 686 }
  687. 687 }
  688. 688
  689. 689 /* use <span> tags for glpyicons because WordPress visual editor strips empty <i> tags.
  690. 690 * to make them large as in using for icons, add "icon-lg" class.
  691. 691 */
  692. 692 span.icon-lg,
  693. 693 i.icon-lg {
  694. 694 font-size: 50px;
  695. 695 padding: 20px;
  696. 696 }
  697. 697 span.icon-xlg,
  698. 698 i.icon-xlg {
  699. 699 font-size: 50px;
  700. 700 padding: 20px;
  701. 701 }
  702. 702
  703. 703 /*
  704. 704 * STYLE SOME COMMON WORDPRESS PLUGINS, SUCH AS JETPACK
  705. 705 */
  706. 706
  707. 707 /* Globally hidden elements when Infinite Scroll is supported and in use.
  708. 708 * Older / Newer Posts Navigation (always hidden)
  709. 709 * Theme Footer and Page Bottom widget area (when set to scrolling)
  710. 710 */
  711. 711 .infinite-scroll .paging-navigation,
  712. 712 .infinite-scroll.neverending .site-footer,
  713. 713 .infinite-scroll.neverending .sidebar-pagebottom {
  714. 714 display: none;
  715. 715 }
  716. 716
  717. 717 /* When Infinite Scroll has reached its end we need to re-display elements that
  718. 718 * were hidden before (via .neverending)
  719. 719 */
  720. 720 .infinity-end.neverending .site-footer,
  721. 721 .infinity-end.neverending .sidebar-pagebottom {
  722. 722 display: block;
  723. 723 }
  724. 724
  725. 725 /* Get rid of the smiley face when using Jetpack stats */
  726. 726 img.wp-smiley {
  727. 727 display: inline-block;
  728. 728 }
  729. 729
  730. 730 /* Format Jetpack contact form with Bootstrap's form-control tag */
  731. 731 form.contact-form input[type='text'],
  732. 732 form.contact-form input[type='email'],
  733. 733 form.contact-form textarea {
  734. 734 display: block;
  735. 735 width: 98%;
  736. 736 height: 36px;
  737. 737 padding: 6px 12px;
  738. 738 font-size: 16px;
  739. 739 line-height: 1.428571429;
  740. 740 color: #a1a1a1;
  741. 741 background-color: #fff;
  742. 742 background-image: none;
  743. 743 border: 1px solid #ccc;
  744. 744 -webkit-border-radius: 4px;
  745. 745 -moz-border-radius: 4px;
  746. 746 border-radius: 4px;
  747. 747 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  748. 748 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  749. 749 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  750. 750 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  751. 751 }
  752. 752 form.contact-form input[type='text']:focus,
  753. 753 form.contact-form input[type='email']:focus,
  754. 754 form.contact-form textarea:focus {
  755. 755 color: #555;
  756. 756 }
  757. 757
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)