API tools faq
paste
Advertisement
queenhuffman

Valar Morghulis;

queenhuffman
Jul 11th, 2014
1,142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. THEME #11 BY BCRNESBUCKY
  5.  
  6. http://dormer.tk
  7.  
  8. Don't remove the credit, do not copy and redistribute as your own code, do not use as base. If you have any questions or problems just message me ♥
  9. Like/reblog if using!
  10.  
  11. -->
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <meta name="color:Text" content="#bbbbbb"/>
  24. <meta name="color:Link" content="#aaaaaa"/>
  25. <meta name="color:Tags" content="#cccccc"/>
  26. <meta name="color:Hover" content="#f1f1f1"/>
  27. <meta name="color:Line" content="#f2f2f2"/>
  28. <meta name="color:Border" content="#eeeeee"/>
  29. <meta name="color:scrollbarbg" content="ffffff"/>
  30. <meta name="color:background" content="ffffff"/>
  31. <meta name="color:hoversb" content="ffffff"/>
  32. <meta name="color:line1" content="ffffff"/>
  33. <meta name="color:line2" content="ffffff"/>
  34.  
  35. <meta name="image:sb1" content=""/>
  36. <meta name="image:sb2" content=""/>
  37. <meta name="image:bg" content=""/>
  38.  
  39. <meta name="text:descmrgtop" content="50">
  40. <meta name="text:title" content="">
  41. <meta name="text:linkA" content="">
  42. <meta name="text:linkA url" content="/">
  43. <meta name="text:linkB" content="">
  44. <meta name="text:linkB url" content="/">
  45. <meta name="text:linkC" content="">
  46. <meta name="text:linkC url" content="/">
  47. <meta name="text:linkD" content="">
  48. <meta name="text:linkD url" content="/">
  49. <meta name="text:linkE" content="">
  50. <meta name="text:linkE url" content="/">
  51. <meta name="text:subtitle" content=""/>
  52.  
  53.  
  54. <meta name="if:lines" content="1"/>
  55. <meta name="if:shortlines" content="1"/>
  56.  
  57. <style type="text/css">
  58.  
  59. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  60.  
  61.  
  62. ::-webkit-scrollbar {
  63. width: 5px;height: 5px;}
  64. ::-webkit-scrollbar-button:start:decrement,
  65. ::-webkit-scrollbar-button:end:increment {
  66. height: 6px;display: block;background-color: {color:white};}
  67. ::-webkit-scrollbar-track-piece {
  68. background-color: {color:scrollbarbg};}
  69. ::-webkit-scrollbar-thumb:vertical {
  70. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  71.  
  72.  
  73. body {
  74. background:{color:background};
  75. margin:0px;
  76. color:{color:text};
  77. font-family:Arial, Helvetica;
  78. font-size:9px;
  79. line-height:100%;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. -moz-outline-style:none;
  85. color:{color:link};
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92.  
  93. h1 {
  94. font-size:12px;
  95. text-transform:uppercase;
  96. }
  97.  
  98. blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108.  
  109. a:hover {
  110. opacity:1;
  111. color:{color:hover};
  112. -webkit-transition: all 0.5s ease;
  113. -moz-transition: all 0.5s ease;
  114. -o-transition: all 0.5s ease
  115. }
  116. @import url('normalize.css');
  117.  
  118. /* General Demo Style */
  119. body{
  120. font-family: Cambria, Georgia, serif;
  121. background: {color:background} url({image:bg});
  122. font-weight: 300;
  123. font-size: 15px;
  124. color: #333;
  125. -webkit-font-smoothing: antialiased;
  126. overflow-y: scroll;
  127. overflow-x: hidden;
  128. }
  129. a{
  130. color: #555;
  131. text-decoration: none;
  132. }
  133. .container{
  134. width: 100%;
  135. position: relative;
  136. }
  137. .clr{
  138. clear: both;
  139. padding: 0;
  140. height: 0;
  141. margin: 0;
  142. }
  143. .main{
  144. width: 90%;
  145. margin: 0 auto;
  146. position: relative;
  147. }
  148. .container > header{
  149. margin: 10px;
  150. padding: 20px 10px 10px 10px;
  151. position: relative;
  152. display: block;
  153. text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  154. text-align: center;
  155. }
  156. .container > header h1{
  157. font-size: 32px;
  158. line-height: 32px;
  159. margin: 0;
  160. position: relative;
  161. font-weight: 300;
  162. color: #777;
  163. text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
  164. }
  165. .container > header h2{
  166. font-size: 14px;
  167. font-weight: 300;
  168. font-style: italic;
  169. margin: 0;
  170. padding: 15px 0 5px 0;
  171. color: #888;
  172. text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
  173. }
  174. /* Header Style */
  175. .codrops-top{
  176. line-height: 24px;
  177. font-size: 11px;
  178. background: #fff;
  179. background: rgba(255, 255, 255, 0.6);
  180. text-transform: uppercase;
  181. z-index: 9999;
  182. position: relative;
  183. box-shadow: 1px 0px 2px rgba(0,0,0,0.1);
  184. }
  185. .codrops-top a{
  186. padding: 0px 10px;
  187. letter-spacing: 1px;
  188. color: #333;
  189. display: inline-block;
  190. }
  191. .codrops-top a:hover{
  192. background: rgba(255,255,255,0.3);
  193. }
  194. .codrops-top span.right{
  195. float: right;
  196. }
  197. .codrops-top span.right a{
  198. float: left;
  199. display: block;
  200. }
  201. /* Demo Buttons Style */
  202. .codrops-demos{
  203. text-align:center;
  204. display: block;
  205. line-height: 30px;
  206. padding: 5px 0px;
  207. }
  208. .codrops-demos a{
  209. display: inline-block;
  210. font-style: italic;
  211. margin: 0px 4px;
  212. padding: 0px 6px;
  213. color: #aaa;
  214. line-height: 20px;
  215. font-size: 13px;
  216. text-shadow: 1px 1px 1px #fff;
  217. border: 1px solid #fff;
  218. background: #ffffff; /* Old browsers */
  219. background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
  220. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  221. background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  222. background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
  223. background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
  224. background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
  225. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  226. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  227. }
  228. .codrops-demos a:hover{
  229. color: #333;
  230. background: #fff;
  231. }
  232. .codrops-demos a:active{
  233. background: #fff;
  234. }
  235. .codrops-demos a.current-demo,
  236. .codrops-demos a.current-demo:hover{
  237. background: #f0f0f0;
  238. border-color: #d9d9d9;
  239. color: #aaa;
  240. box-shadow: 0 1px 1px rgba(255,255,255,0.7);
  241. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  242. }
  243.  
  244. .support-note span{
  245. color: {color:sbbg};
  246. font-size: 16px;
  247. display: none;
  248. font-weight: bold;
  249. text-align: center;
  250. padding: 5px 0;
  251. }
  252. .no-cssanimations .support-note span.no-cssanimations,
  253. .no-csstransforms .support-note span.no-csstransforms,
  254. .no-csstransforms3d .support-note span.no-csstransforms3d,
  255. .no-csstransitions .support-note span.no-csstransitions{
  256. display: block;
  257. }
  258. /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
  259.  
  260. /* =============================================================================
  261. HTML5 display definitions
  262. ========================================================================== */
  263.  
  264. /*
  265. * Corrects block display not defined in IE6/7/8/9 & FF3
  266. */
  267.  
  268. article,
  269. aside,
  270. details,
  271. figcaption,
  272. figure,
  273. footer,
  274. header,
  275. hgroup,
  276. nav,
  277. section,
  278. summary {
  279. display: block;
  280. }
  281.  
  282. /*
  283. * Corrects inline-block display not defined in IE6/7/8/9 & FF3
  284. */
  285.  
  286. audio,
  287. canvas,
  288. video {
  289. display: inline-block;
  290. *display: inline;
  291. *zoom: 1;
  292. }
  293.  
  294. /*
  295. * Prevents modern browsers from displaying 'audio' without controls
  296. * Remove excess height in iOS5 devices
  297. */
  298.  
  299. audio:not([controls]) {
  300. display: none;
  301. height: 0;
  302. }
  303.  
  304. /*
  305. * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
  306. * Known issue: no IE6 support
  307. */
  308.  
  309. [hidden] {
  310. display: none;
  311. }
  312.  
  313.  
  314. /* =============================================================================
  315. Base
  316. ========================================================================== */
  317.  
  318. /*
  319. * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  320. * http://clagnut.com/blog/348/#c790
  321. * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
  322. * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  323. */
  324.  
  325. html {
  326. font-size: 100%; /* 1 */
  327. -webkit-text-size-adjust: 100%; /* 2 */
  328. -ms-text-size-adjust: 100%; /* 2 */
  329. }
  330.  
  331. /*
  332. * Addresses font-family inconsistency between 'textarea' and other form elements.
  333. */
  334.  
  335. html,
  336. button,
  337. input,
  338. select,
  339. textarea {
  340. font-family: sans-serif;
  341. }
  342.  
  343. /*
  344. * Addresses margins handled incorrectly in IE6/7
  345. */
  346.  
  347. body {
  348. margin: 0;
  349. }
  350.  
  351.  
  352. /* =============================================================================
  353. Links
  354. ========================================================================== */
  355.  
  356. /*
  357. * Addresses outline displayed oddly in Chrome
  358. */
  359.  
  360. a:focus {
  361. outline: thin dotted;
  362. }
  363.  
  364. /*
  365. * Improves readability when focused and also mouse hovered in all browsers
  366. * people.opera.com/patrickl/experiments/keyboard/test
  367. */
  368.  
  369. a:hover,
  370. a:active {
  371. outline: 0;
  372. }
  373.  
  374.  
  375. /* =============================================================================
  376. Typography
  377. ========================================================================== */
  378.  
  379. /*
  380. * Addresses font sizes and margins set differently in IE6/7
  381. * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
  382. */
  383.  
  384. h1 {
  385. font-size: 2em;
  386. margin: 0.67em 0;
  387. }
  388.  
  389. h2 {
  390. font-size: 1.5em;
  391. margin: 0.83em 0;
  392. }
  393.  
  394. h3 {
  395. font-size: 1em;
  396. margin: 10em 110;
  397. line-height:100%;
  398. }
  399.  
  400. h4 {
  401. font-size: 1em;
  402. margin: 1.33em 0;
  403. }
  404.  
  405. h5 {
  406. font-size: 0.83em;
  407. margin: 1.67em 0;
  408. }
  409.  
  410. h6 {
  411. font-size: 0.75em;
  412. margin: 2.33em 0;
  413. }
  414.  
  415. /*
  416. * Addresses styling not present in IE7/8/9, S5, Chrome
  417. */
  418.  
  419. abbr[title] {
  420. border-bottom: 1px dotted;
  421. }
  422.  
  423. /*
  424. * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  425. */
  426.  
  427. b,
  428. strong {
  429. font-weight: bold;
  430. }
  431.  
  432. blockquote {
  433. margin: 1em 40px;
  434. }
  435.  
  436. /*
  437. * Addresses styling not present in S5, Chrome
  438. */
  439.  
  440. dfn {
  441. font-style: italic;
  442. }
  443.  
  444. /*
  445. * Addresses styling not present in IE6/7/8/9
  446. */
  447.  
  448. mark {
  449. background: #ff0;
  450. color: #000;
  451. }
  452.  
  453. /*
  454. * Addresses margins set differently in IE6/7
  455. */
  456.  
  457. p,
  458. pre {
  459. margin: 1em 0;
  460. }
  461.  
  462. /*
  463. * Corrects font family set oddly in IE6, S4/5, Chrome
  464. * en.wikipedia.org/wiki/User:Davidgothberg/Test59
  465. */
  466.  
  467. pre,
  468. code,
  469. kbd,
  470. samp {
  471. font-family: monospace, serif;
  472. _font-family: 'courier new', monospace;
  473. font-size: 1em;
  474. }
  475.  
  476. /*
  477. * Improves readability of pre-formatted text in all browsers
  478. */
  479.  
  480. pre {
  481. white-space: pre;
  482. white-space: pre-wrap;
  483. word-wrap: break-word;
  484. }
  485.  
  486. /*
  487. * 1. Addresses CSS quotes not supported in IE6/7
  488. * 2. Addresses quote property not supported in S4
  489. */
  490.  
  491. /* 1 */
  492.  
  493. q {
  494. quotes: none;
  495. }
  496.  
  497. /* 2 */
  498.  
  499. q:before,
  500. q:after {
  501. content: '';
  502. content: none;
  503. }
  504.  
  505. small {
  506. font-size: 75%;
  507. }
  508.  
  509. /*
  510. * Prevents sub and sup affecting line-height in all browsers
  511. * gist.github.com/413930
  512. */
  513.  
  514. sub,
  515. sup {
  516. font-size: 75%;
  517. line-height: 0;
  518. position: relative;
  519. vertical-align: baseline;
  520. }
  521.  
  522. sup {
  523. top: -0.5em;
  524. }
  525.  
  526. sub {
  527. bottom: -0.25em;
  528. }
  529.  
  530.  
  531. /* =============================================================================
  532. Lists
  533. ========================================================================== */
  534.  
  535. /*
  536. * Addresses margins set differently in IE6/7
  537. */
  538.  
  539. dl,
  540. menu,
  541. ol,
  542. ul {
  543. margin: 1em 0;
  544. }
  545.  
  546. dd {
  547. margin: 0 0 0 40px;
  548. }
  549.  
  550. /*
  551. * Addresses paddings set differently in IE6/7
  552. */
  553.  
  554. menu,
  555. ol,
  556. ul {
  557. padding: 0 0 0 40px;
  558. }
  559.  
  560. /*
  561. * Corrects list images handled incorrectly in IE7
  562. */
  563.  
  564. nav ul,
  565. nav ol {
  566. list-style: none;
  567. list-style-image: none;
  568. }
  569.  
  570.  
  571. /* =============================================================================
  572. Embedded content
  573. ========================================================================== */
  574.  
  575. /*
  576. * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
  577. * 2. Improves image quality when scaled in IE7
  578. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  579. */
  580.  
  581. img {
  582. border: 0; /* 1 */
  583. -ms-interpolation-mode: bicubic; /* 2 */
  584. }
  585.  
  586. /*
  587. * Corrects overflow displayed oddly in IE9
  588. */
  589.  
  590. svg:not(:root) {
  591. overflow: hidden;
  592. }
  593.  
  594.  
  595. /* =============================================================================
  596. Figures
  597. ========================================================================== */
  598.  
  599. /*
  600. * Addresses margin not present in IE6/7/8/9, S5, O11
  601. */
  602.  
  603. figure {
  604. margin: 0;
  605. -webkit-margin-before: 0;
  606. -webkit-margin-after: 0;
  607. -webkit-margin-start: 0;
  608. -webkit-margin-end: 0;
  609. }
  610.  
  611.  
  612. /* =============================================================================
  613. Forms
  614. ========================================================================== */
  615.  
  616. /*
  617. * Corrects margin displayed oddly in IE6/7
  618. */
  619.  
  620. form {
  621. margin: 0;
  622. }
  623.  
  624. /*
  625. * Define consistent border, margin, and padding
  626. */
  627.  
  628. fieldset {
  629. border: 1px solid #c0c0c0;
  630. margin: 0 2px;
  631. padding: 0.35em 0.625em 0.75em;
  632. }
  633.  
  634. /*
  635. * 1. Corrects color not being inherited in IE6/7/8/9
  636. * 2. Corrects text not wrapping in FF3
  637. * 3. Corrects alignment displayed oddly in IE6/7
  638. */
  639.  
  640. legend {
  641. border: 0; /* 1 */
  642. padding: 0;
  643. white-space: normal; /* 2 */
  644. *margin-left: -7px; /* 3 */
  645. }
  646.  
  647. /*
  648. * 1. Corrects font size not being inherited in all browsers
  649. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  650. * 3. Improves appearance and consistency in all browsers
  651. */
  652.  
  653. button,
  654. input,
  655. select,
  656. textarea {
  657. font-size: 100%; /* 1 */
  658. margin: 0; /* 2 */
  659. vertical-align: baseline; /* 3 */
  660. *vertical-align: middle; /* 3 */
  661. }
  662.  
  663. /*
  664. * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  665. */
  666.  
  667. button,
  668. input {
  669. line-height: normal; /* 1 */
  670. }
  671.  
  672. /*
  673. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  674. * 2. Corrects inability to style clickable 'input' types in iOS
  675. * 3. Removes inner spacing in IE7 without affecting normal text inputs
  676. * Known issue: inner spacing remains in IE6
  677. */
  678.  
  679. button,
  680. input[type="button"],
  681. input[type="reset"],
  682. input[type="submit"] {
  683. cursor: pointer; /* 1 */
  684. -webkit-appearance: button; /* 2 */
  685. *overflow: visible; /* 3 */
  686. }
  687.  
  688. /*
  689. * Re-set default cursor for disabled elements
  690. */
  691.  
  692. button[disabled],
  693. input[disabled] {
  694. cursor: default;
  695. }
  696.  
  697. /*
  698. * 1. Addresses box sizing set to content-box in IE8/9
  699. * 2. Removes excess padding in IE8/9
  700. * 3. Removes excess padding in IE7
  701. Known issue: excess padding remains in IE6
  702. */
  703.  
  704. input[type="checkbox"],
  705. input[type="radio"] {
  706. box-sizing: border-box; /* 1 */
  707. padding: 0; /* 2 */
  708. *height: 13px; /* 3 */
  709. *width: 13px; /* 3 */
  710. }
  711.  
  712. /*
  713. * 1. Addresses appearance set to searchfield in S5, Chrome
  714. * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  715. */
  716.  
  717. input[type="search"] {
  718. -webkit-appearance: textfield; /* 1 */
  719. -moz-box-sizing: content-box;
  720. -webkit-box-sizing: content-box; /* 2 */
  721. box-sizing: content-box;
  722. }
  723.  
  724. /*
  725. * Removes inner padding and search cancel button in S5, Chrome on OS X
  726. */
  727.  
  728. input[type="search"]::-webkit-search-decoration,
  729. input[type="search"]::-webkit-search-cancel-button {
  730. -webkit-appearance: none;
  731. }
  732.  
  733. /*
  734. * Removes inner padding and border in FF3+
  735. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  736. */
  737.  
  738. button::-moz-focus-inner,
  739. input::-moz-focus-inner {
  740. border: 0;
  741. padding: 0;
  742. }
  743.  
  744. /*
  745. * 1. Removes default vertical scrollbar in IE6/7/8/9
  746. * 2. Improves readability and alignment in all browsers
  747. */
  748.  
  749. textarea {
  750. overflow: auto; /* 1 */
  751. vertical-align: top; /* 2 */
  752. }
  753.  
  754.  
  755. /* =============================================================================
  756. Tables
  757. ========================================================================== */
  758.  
  759. /*
  760. * Remove most spacing between table cells
  761. */
  762.  
  763. table {
  764. border-collapse: collapse;
  765. border-spacing: 0;
  766. }
  767. /* Addition */
  768. /* Apply a natural box layout model to all elements */
  769. /* Read this post by Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
  770. * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  771. .ch-grid {
  772. margin: 20px 0 0 0;
  773. padding: 0;
  774. list-style: none;
  775. display: block;
  776. text-align: center;
  777. width: 100%;
  778. }
  779.  
  780. .ch-grid:after,
  781. .ch-item:before {
  782. content: '';
  783. display: table;
  784. }
  785.  
  786. .ch-grid:after {
  787. clear: both;
  788. }
  789.  
  790. .ch-grid li {
  791. width: 220px;
  792. height: 220px;
  793. display: inline-block;
  794. margin: 20px;
  795. }
  796.  
  797.  
  798. #sidebar {
  799. position:fixed;
  800. width:120px;
  801. margin-left:150px;
  802. margin-top:00px;
  803. opacity:1;
  804. }
  805. .ch-item {
  806. width: 90%;
  807. height: 90%;
  808. border-radius: 50%;
  809. position: relative;
  810. cursor: default;
  811. box-shadow:
  812. inset 0 0 0 10px rgba(255,255,255,0.6),
  813. 0 1px 1px rgba(0,0,0,0.1);
  814. transition: all 0.4s ease-in-out;
  815. }
  816.  
  817. .ch-img-1 {
  818. background-image: url({image:sb1});
  819. }
  820.  
  821. .ch-img-2 {
  822. background-image: url({image:sb2});
  823. }
  824.  
  825. .ch-info {
  826. position: absolute;
  827. width: 100%;
  828. height: 100%;
  829. border-radius: 50%;
  830. overflow: hidden;
  831. opacity: 0;
  832. transition: all 0.4s ease-in-out;
  833. transform: scale(0);
  834. backface-visibility: hidden;
  835. }
  836. .ch-info h3 {
  837. color: #fff;
  838. text-transform: uppercase;
  839. position: relative;
  840. letter-spacing: 2px;
  841. font-size: 22px;
  842. margin: 0 30px;
  843. padding: 65px 0 0 0;
  844. height: 110px;
  845. font-family: 'Open Sans', Arial, sans-serif;
  846. text-shadow:
  847. 0 0 1px #fff,
  848. 0 1px 2px rgba(0,0,0,0.3);
  849. }
  850.  
  851. .ch-info p {
  852. color: #fff;
  853. padding: 10px 5px;
  854. font-style: italic;
  855. margin: 0 30px;
  856. font-size: 12px;
  857. border-top: 1px solid rgba(255,255,255,0.5);
  858. }
  859.  
  860. .ch-info p a {
  861. display: block;
  862. color: rgba(255,255,255,0.7);
  863. font-style: normal;
  864. font-weight: 700;
  865. text-transform: uppercase;
  866. font-size: 9px;
  867. letter-spacing: 1px;
  868. padding-top: 4px;
  869. font-family: 'Open Sans', Arial, sans-serif;
  870. }
  871.  
  872. .ch-info p a:hover {
  873. color: rgba(255,242,34, 0.8);
  874. }
  875.  
  876. .ch-item:hover {
  877. box-shadow:
  878. inset 0 0 0 110px {color:hoversb};
  879. inset 0 0 0 16px rgba(255,255,255,0.8),
  880. 0 1px 2px rgba(0,0,0,0.1);
  881.  
  882. }
  883.  
  884. .ch-item:hover .ch-info {
  885. opacity: 1;
  886. transform: scale(1);
  887. }
  888.  
  889.  
  890. #subtitle{
  891. position:fixed;
  892. width:420px;
  893. height: auto;
  894. font-style:italic;
  895. font-family:'Jenna Sue';
  896. margin-top:-600px;
  897. margin-left:350px;
  898. padding:5px;
  899. padding-top:10px;
  900. text-align:center;
  901. font-size:35px;
  902. color:black;
  903. letter-spacing:1px;
  904. background-color:#fff;
  905. line-height:125%;
  906. border-bottom:1px solid #f2f2f2;
  907. -webkit-transition: all .8s linear;
  908. }
  909.  
  910.  
  911. #sidebarimage {
  912. width 120px;
  913. }
  914.  
  915. #sidebarimage img {
  916. width:120px;
  917. padding:6px;
  918. }
  919.  
  920.  
  921. .desc {
  922. position:fixed;
  923. margin-top:{text:descmrgtop}px;
  924. margin-left:30px;
  925. font-family:times;
  926. line-height:110%;
  927. font-size:10px;
  928. font-style:italic;
  929. width:140px;
  930. padding:9px;
  931. max-height:125px;
  932. overflow:auto;
  933. text-align:justify;
  934. color:{color:text};
  935. background-color:#fff;
  936. opacity:0.8;
  937. }
  938.  
  939. .desc a
  940. {color:{color:text};
  941. -moz-transition-duration:0.6s;
  942. -webkit-transition-duration:0.6s;
  943. -o-transition-duration:0.6s;
  944. }
  945.  
  946.  
  947. .links {
  948. position:fixed;
  949. margin-top:6px;
  950. margin-left:35px;
  951. width:125px;
  952. padding: 9px;
  953. word-spacing:2px;
  954. font-family:Arial, Helvetica;
  955. text-align:center;
  956. text-transform:uppercase;
  957. color:#202020;
  958. border-top:1px solid #232323;
  959. }
  960.  
  961. .links a {
  962. font-size: 13px;
  963. }
  964.  
  965. .links a:hover {
  966. color:{color:Hover}
  967. }
  968.  
  969.  
  970. #pagi{
  971. width:100px;
  972. font-size:17px;
  973. text-align:center;
  974. margin-left:220px;
  975. margin-top:510px;
  976. position:fixed;
  977. font-family:times;
  978. letter-spacing:0px;
  979. }
  980.  
  981.  
  982. #post {
  983. width:400px;
  984. padding-bottom:30px;
  985. margin-top:50px;
  986. }
  987.  
  988.  
  989. #entries {
  990. padding:10px;
  991. width:400px;
  992. margin-left:500px;
  993. margin-top:60px;
  994. margin-bottom:40px;
  995. }
  996.  
  997. #info {
  998. font-family:times;
  999. width:391px;
  1000. margin-top:3px;
  1001. padding:5px;
  1002. font-size:7px;
  1003. color:{color:text};
  1004. text-transform:uppercase;
  1005. font-style:normal;
  1006. text-align:left;
  1007. background-color:#f1f1f1;
  1008. -moz-transition-duration:0.5s;
  1009. -webkit-transition-duration:0.5s;
  1010. -o-transition-duration:0.5s;
  1011. }
  1012.  
  1013. #info a {
  1014. color:{color:link};
  1015. text-align:left;
  1016. font-style:normal;
  1017. }
  1018.  
  1019. #info a:hover {
  1020. color:{color:link hover};
  1021. }
  1022.  
  1023. .tags {
  1024. font-family:cambria;
  1025. font-style:normal;
  1026. width:391px;
  1027. text-transform:normal;
  1028. font-style:italic;
  1029. color:{color:link};
  1030. line-height:120%;
  1031. font-size:8px;
  1032. opacity:.9;
  1033. text-align:center;
  1034. padding-top:3px;
  1035. -moz-transition-duration:.5s;
  1036. -webkit-transition-duration:.5s;
  1037. -o-transition-duration:.5s;
  1038. }
  1039.  
  1040. .tags a:hover {
  1041. color:{color:link hover};
  1042. }
  1043.  
  1044. #post:hover .tags {
  1045. opacity:1;
  1046. -moz-transition-duration:.5s;
  1047. -webkit-transition-duration:.5s;
  1048. -o-transition-duration:.5s;
  1049.  
  1050. }
  1051.  
  1052. .audio{
  1053. background-color:#e5e5e5;
  1054. height:65px;
  1055. overflow:hidden;
  1056. }
  1057.  
  1058. #ask {
  1059. float:left;
  1060. margin-left:10px;}
  1061.  
  1062. #linethingy{
  1063. {block:ifshortlines} height:400px;{/block:ifshortlines}
  1064. {block:ifnotshortlines}height:790px; {/block:ifnotshortlines}
  1065. width:20px;
  1066. background-color:{color:line1};
  1067. margin-left:-50px;
  1068. margin-top:-620px;
  1069. }
  1070.  
  1071. #linethingy2{
  1072. {block:ifshortlines} height:650px;{/block:ifshortlines}
  1073. {block:ifnotshortlines}height:850px; {/block:ifnotshortlines}
  1074. width:20px;
  1075. background-color:{color:line2};
  1076. margin-left:-30px;
  1077. margin-top:-800px;
  1078. }
  1079.  
  1080. .credit {
  1081. position:fixed;
  1082. font-family:trebuchet ms;
  1083. font-size:9px;
  1084. line-height:100%;
  1085. letter-spacing:0px;
  1086. width:auto;
  1087. right:7px;
  1088. bottom:3px;
  1089. text-transform:uppercase;
  1090. text-align:center;
  1091. -moz-transition-duration:0.7s;
  1092. -webkit-transition-duration:0.7s;
  1093. -o-transition-duration:0.7s;
  1094. }
  1095.  
  1096. .credit a {
  1097. display:block;
  1098. width:13px;
  1099. height:10px;
  1100. padding:5px;
  1101. color:#aaa;
  1102. border:1px solid #f2f2f2;
  1103. -moz-transition-duration:0.7s;
  1104. -webkit-transition-duration:0.7s;
  1105. -o-transition-duration:0.7s;
  1106. }
  1107.  
  1108. .credit a:hover {
  1109. color:#fff;
  1110. background:#ccc;
  1111. text-shadow:#ddd 0px 1px 1px;
  1112. -moz-transition-duration:0.7s;
  1113. -webkit-transition-duration:0.7s;
  1114. -o-transition-duration:0.7s;
  1115. }
  1116.  
  1117.  
  1118.  
  1119. {CustomCSS}</style></head><body>
  1120.  
  1121. <div id="sidebar"><ul class="ch-grid">
  1122. <li>
  1123. <div class="ch-item ch-img-1">
  1124. <div class="ch-info">
  1125. <h3>{text:title}</h3>
  1126. <div class="links">{block:IfLinkA}
  1127. <a href="{text:linkA url}" title="{text:linkA}">▲</a>
  1128. {/block:IfLinkA}
  1129. {block:IfLinkB}
  1130. <a href="{text:linkB url}" title="{text:linkB}">▼</a>
  1131. {/block:IfLinkB}
  1132. {block:IfLinkC}
  1133. <a href="{text:linkC url}" title="{text:linkC}">▲</a>
  1134. {/block:IfLinkC}
  1135. {block:IfLinkD}
  1136. <a href="{text:linkD url}" title="{text:linkD}">▼</a>
  1137. {/block:IfLinkD}
  1138. {block:IfLinkE}
  1139. <a href="{text:linkE url}" title="{text:linkE}">▲</a>
  1140. {/block:IfLinkE}
  1141. </div>
  1142. </div>
  1143. </div>
  1144. </li>
  1145. <li>
  1146. <div class="ch-item ch-img-2">
  1147. <div class="ch-info">
  1148. <div class="desc">
  1149. {Description}
  1150. </div>
  1151.  
  1152.  
  1153.  
  1154. </div>
  1155. </div>
  1156. </li>
  1157.  
  1158. </ul>
  1159.  
  1160. <div id="subtitle"><b>{text:subtitle}</b></div>
  1161.  
  1162. {block:iflines}
  1163. <div id="linethingy"></div>
  1164. <div id="linethingy2"></div>{/block:iflines}
  1165. </div>
  1166. {block:Pagination}<div id="pagi">
  1167. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  1168.  
  1169. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  1170. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  1171. </div>{/block:Pagination}
  1172.  
  1173. <div id="entries">{block:Posts}<div id="post">
  1174.  
  1175. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1176.  
  1177. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1178.  
  1179. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1180.  
  1181. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1182.  
  1183. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1184.  
  1185. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1186.  
  1187. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1188.  
  1189. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1190.  
  1191. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  1192.  
  1193. {block:Date}<div id="info"><a href="{Permalink}" style="background-color:#bbb;padding:3px;color:#fff;">{TimeAgo}</a> {block:NoteCount} with <font color=#999><big>♥</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  1194. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  1195. {block:HasTags}
  1196. <div class="tags">
  1197. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  1198. {/block:HasTags}
  1199. <div class="postnote">
  1200. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1201. </div>
  1202. </div>
  1203. {/block:Posts}
  1204.  
  1205. </div>
  1206.  
  1207.  
  1208.  
  1209. <div style="bottom:2px; right:5px; font-size:10px; letter-spacing:1px; font-family:calibri;border:1px solid #202020;padding:4px;position:fixed; background-color:#f2f2f2"><a href="http://bcrnesbucky.tumblr.com/"><b>BB</b></a></center></div>
  1210.  
  1211. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!