API tools faq
paste
chezshay

theme 42 "kirstie"

chezshay
May 1st, 2015
1,815
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <script src="http://tympanus.net/Development/ModalWindowEffects/js/modernizr.custom.js"></script>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!---shayofrp // das me ! --->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#a8a8a8"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18. <meta name="color:ScrollbarBg" content="#ffffff"/>
  19. <meta name="color:Ask Backg" content="#ffffff"/>
  20. <meta name="color:Links" content="#000000"/>
  21. <meta name="color:Sidebar Background" content="#000000"/>
  22. <meta name="color:Description Background" content="#ffffff"/>
  23. <meta name="color:Post Background" content="#ffffff"/>
  24. <meta name="color:Info Background" content="#ffffff"/>
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:Link 1" content=""/>
  28. <meta name="image:Link 2" content=""/>
  29. <meta name="image:Link 3" content=""/>
  30. <meta name="text:Link 1 URL" content="/">
  31. <meta name="text:Link 2 URL" content="/">
  32. <meta name="text:Link 3 URL" content="/">
  33. <meta name="text:Navigation Link 1 Title" content="" />
  34. <meta name="text:Navigation Link 1" content="" />
  35. <meta name="text:Navigation Link 2 Title" content="" />
  36. <meta name="text:Navigation Link 2" content="" />
  37. <meta name="text:Navigation Link 3 Title" content="" />
  38. <meta name="text:Navigation Link 3" content="" />
  39. <meta name="text:Navigation Link 4 Title" content="" />
  40. <meta name="text:Navigation Link 4" content="" />
  41. <meta name="text:Navigation Link 5 Title" content="" />
  42. <meta name="text:Navigation Link 5" content="" />
  43. <meta name="text:Navigation Link 6 Title" content="" />
  44. <meta name="text:Navigation Link 6" content="" />
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. height:auto;
  53. background-color:{color:Scrollbar};
  54. }
  55.  
  56. ::-webkit-scrollbar {
  57. height:9px;
  58. width:4px;
  59. background-color:{color:ScrollbarBg};
  60. }
  61.  
  62.  
  63. body {
  64. background:{color:background};
  65. margin:0px;
  66. color:{color:text};
  67. font-family: 'Roboto Condensed', sans-serif;
  68. line-height:150%;
  69. font-size:11px;
  70. text-align:justify;
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:links};
  78. font-weight:bold;
  79. font-family:arial;
  80. }
  81.  
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87. small{font-size:11px;}
  88.  
  89. h1 {
  90. font-size:15px;
  91. color:{color:text};
  92. text-transform:uppercase;
  93. background-color:{color:background};
  94. padding:10px;
  95. border:solid 1px {color:text};
  96. font-style:bold, italic;
  97. text-align:center;
  98. }
  99.  
  100. blockquote {
  101. border-left:1px solid {color:text};
  102. padding-left:5px;
  103. margin-left:10px;
  104. margin:10px;
  105. }
  106.  
  107. /*ENTRIES*/
  108. #entries {
  109. position: fixed;
  110. height:514px;
  111. background-image:url('{image:background}');
  112. overflow:auto;
  113. padding:5px;
  114. overflow-x:hidden;
  115. border:solid 1px {color:sidebar background};
  116. width:565px;
  117. margin-left:450px;
  118. border-bottom:6px solid {color:text};
  119. margin-top:65px;
  120. }
  121.  
  122. #post {
  123. width: 500px;
  124. margin-left:10px;
  125. border:solid 1px {color:sidebar background};
  126. margin-top:10px;
  127. height: auto;
  128. background-color: {color:post background};
  129. padding: 20px;
  130. margin-bottom:30px;
  131. color: {color:text};
  132. text-align:justify;
  133. }
  134.  
  135.  
  136. /*SIDEBAR*/
  137.  
  138. #description {border:solid 1px {color:text};
  139. background-color:{color:Description background};
  140. padding:15px;
  141. overflow:auto;
  142. font-size:9px;
  143. width:267px;
  144. margin-top:5px;
  145. text-align:justify;
  146. margin-left:0px;
  147. letter-spacing:0px;
  148. position:fixed;
  149. z-index:99999;
  150. text-transform:lowercase;
  151. height:50px;
  152. color:{color:text};
  153. }
  154.  
  155. #icon img{position:fixed;
  156. margin-left:290px;
  157. border: solid 10px {color:description background};
  158. margin-top:379px;
  159. }
  160.  
  161. #sidebar{
  162. padding:15px;
  163. z-index:-9999;
  164. text-align:center;
  165. height:500px;
  166. position:fixed;
  167. margin-top:65px;
  168. background:{color:Sidebar background};
  169. font-size:10px;
  170. margin-left:100px;
  171. color:black;
  172. font-family: 'Roboto Condensed', sans-serif;
  173. color:{color:background};
  174. }
  175.  
  176. /*POST INFO*/
  177.  
  178. #info {
  179. width:532px;
  180. text-align:left;
  181. font-family: 'Roboto Condensed', sans-serif;
  182. text-transform:uppercase;
  183. margin-left:-21px;
  184. font-size:9px;
  185. margin-top:20px;
  186. margin-bottom:-30px;
  187. font-style:none;
  188. padding:5px;
  189. line-height:10px;
  190. background-color:{color:Background};
  191. border-top:solid 1px{color:Info Background};
  192. border-bottom:solid 1px{color:Info Background};
  193. color:{color:Text};
  194. }
  195.  
  196. #info a {
  197. text-align:center;
  198. color:{color:Text};
  199. }
  200.  
  201.  
  202. .tags {text-transform:none;
  203. color:{color:background};
  204. width:508px;
  205. margin-top:30px;
  206. margin-bottom:-20px;
  207. font-size:10px;}
  208.  
  209.  
  210. .tags a {
  211. letter-spacing:0px;
  212. font-size:8px;
  213. text-align:center;
  214. font-family:'arial';
  215. text-decoration:none;
  216. display:inline-block;
  217. color:{color:background background};
  218. }
  219.  
  220.  
  221. /*POP UP*/
  222. /*NAVIGATION*/
  223. .md-perspective,
  224. .md-perspective body {
  225. height: 100%;
  226. overflow: hidden;
  227. }
  228.  
  229. .md-perspective body {
  230. background: #222;
  231. -webkit-perspective: 600px;
  232. -moz-perspective: 600px;
  233. perspective: 600px;
  234. }
  235.  
  236. .container {
  237. background: #e74c3c;
  238. min-height: 100%;
  239. }
  240.  
  241. .md-modal {
  242. position: fixed;
  243. top: 250px;
  244. left: 265px;
  245. width: 320px;
  246. height: auto;
  247. z-index: 2000;
  248. visibility: hidden;
  249. -webkit-transform: translateX(-50%) translateY(-50%);
  250. -moz-transform: translateX(-50%) translateY(-50%);
  251. -ms-transform: translateX(-50%) translateY(-50%);
  252. transform: translateX(-50%) translateY(-50%);
  253. }
  254.  
  255. .md-show {
  256. visibility: visible;
  257. }
  258.  
  259. .md-overlay {
  260. position: fixed;
  261. width: 100%;
  262. height: 100%;
  263. visibility: hidden;
  264. top: 0;
  265. left: 0;
  266. z-index: 1000;
  267. opacity: 0;
  268. background: rgba(143,27,15,0.8);
  269. -webkit-transition: all 0.3s;
  270. -moz-transition: all 0.3s;
  271. transition: all 0.3s;
  272. }
  273.  
  274. .md-show ~ .md-overlay {
  275. opacity: 1;
  276. visibility: visible;
  277. }
  278.  
  279. /* Content styles */
  280. .md-content {
  281. color: {color:Text};
  282. background: {color:Info Background};
  283. position: relative;
  284. border-radius: 3px;
  285. margin: 0 auto;
  286. }
  287.  
  288. .md-content h3 {
  289. margin: 0;
  290. padding: 10px;
  291. text-align: center;
  292. font-size: 11px;
  293. opacity: 0.8;
  294. background: rgba(0,0,0,0.1);
  295. border-radius: 3px 3px 0 0;
  296. }
  297.  
  298. .md-content > div {
  299. padding: 15px 40px 30px;
  300. margin: 0;
  301. font-weight: 300;
  302. font-size: 9px;
  303. }
  304.  
  305. .md-content > div p {
  306. margin: 0;
  307. padding: 10px 0;
  308. }
  309.  
  310. .md-content > div ul {
  311. margin: 0;
  312. padding: 0 0 30px 20px;
  313. }
  314.  
  315. .md-content > div ul li {
  316. padding: 5px 0;
  317. }
  318.  
  319. .md-content button {
  320. display: block;
  321. margin: 0 auto;
  322. font-size: 11px;
  323. }
  324.  
  325. .md-effect-2 .md-content {
  326. -webkit-transform: translateX(20%);
  327. -moz-transform: translateX(20%);
  328. -ms-transform: translateX(20%);
  329. transform: translateX(20%);
  330. opacity: 0;
  331. -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  332. -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  333. transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  334. }
  335.  
  336. .md-show.md-effect-2 .md-content {
  337. -webkit-transform: translateX(0);
  338. -moz-transform: translateX(0);
  339. -ms-transform: translateX(0);
  340. transform: translateX(0);
  341. opacity: 1;
  342. }
  343.  
  344. .md-content a{ width:250px;
  345. color:{color:Text};
  346. display:inline-block;
  347. font-style:none;
  348. text-transform:uppercase;
  349. font-size:8px;
  350. font-family:courier new;
  351. margin-bottom:2px;
  352. margin-left:-20px;
  353. text-align:center;
  354. padding:15px;
  355. background-color:{color:Background};}
  356.  
  357. /*button*/
  358.  
  359. #button{margin-top:100px;
  360. margin-left:-10px;
  361. position:fixed;}
  362.  
  363. button {
  364. border: none;
  365. width:200px;
  366. background-color:{color:Text};
  367. padding:5px;
  368. margin-top:90px;
  369. color: white;
  370. font-size:8px;
  371. margin-left:-3px;
  372. text-align:center;
  373. letter-spacing: 1px;
  374. border-top:5px solid {color:info background};
  375. text-transform: uppercase;
  376. cursor: pointer;
  377. color:{color:text}
  378. }
  379.  
  380. buttono a{color:{color:Background};}
  381.  
  382. buttono {
  383. border: none;
  384. width:270px;
  385. position:fixed;
  386. background-color:{color:Text};
  387. padding:2px;
  388. margin: 3px 2px;
  389. color: white;
  390. font-size:9px;
  391. left:20px;
  392. text-align:right;
  393. letter-spacing: 1px;
  394. text-transform: lowercase;
  395. cursor: pointer;
  396. color:{color:Background}
  397. }
  398.  
  399. button a{color:{color:Text};}
  400.  
  401.  
  402. #links{
  403. padding:10px;
  404. text-align:center;
  405. margin-top:0px;
  406. z-index:9999;
  407. position:fixed;
  408. width:280px;
  409. font-size:10px;
  410. margin-left:0px;
  411. }
  412.  
  413. #links img{border:solid 1px {color:background};
  414. border-radius:100px;
  415. }
  416.  
  417. #links a{
  418. padding:5px;
  419. font-size:10px;
  420. text-transform:uppercase;
  421. margin-top:0px;
  422. font-family:arial;
  423. width:65px;
  424. color:{color:text};
  425. border: none;
  426. cursor: pointer;
  427. }
  428.  
  429. button{width:300px;
  430. font-weight:bold;
  431. background-color:{color:background};
  432. }
  433.  
  434. #links a:hover{opacity:.5}
  435.  
  436. /*QUESTION*/
  437.  
  438. #ask{
  439. font-size:10px;
  440. border:solid 1px {color:sidebar background};
  441. display:block;
  442. background-color:{color:background};
  443. color:{color:text};
  444. text-align:left;
  445. padding:5px;
  446. }
  447.  
  448.  
  449. #url{
  450. letter-spacing:1px;
  451. font-weight:bold;
  452. font-size:10px;
  453. display:block;
  454. background-color:{color:Sidebar Background};
  455. text-transform:uppercase;
  456. color:{color:text};
  457. text-align:left;
  458. padding:5px;
  459. }
  460.  
  461. #url a{color:{color:Background}}
  462.  
  463.  
  464. /*PAGINATION*/
  465. #pagination{margin-top:100px;
  466. text-align:center;
  467. z-index:-99;
  468. border:solid 1px {color:Sidebar Background};
  469. margin-left:1026px;
  470. position:fixed;
  471. background-color:{color:Post Background};
  472. text-transform:uppercase;
  473. padding:10px;
  474. color:{color:text};
  475. font-weight:bold;
  476. }
  477.  
  478. #pagination a{color:{color:text};
  479. }
  480.  
  481. /*CREDIT*/
  482.  
  483. #cred {
  484. position:fixed;
  485. font-family:'courier';
  486. text-transform:uppercase;
  487. font-size:8px;
  488. right:9px;
  489. bottom:9px;
  490. padding:4px;
  491. background-color:{color:post background};
  492. letter-spacing:1px;
  493. }
  494.  
  495.  
  496. {CustomCSS}</style></head><body>
  497. <div class="md-modal md-effect-2" id="modal-2">
  498. <div class="md-content">
  499. <h3>navigation</h3>
  500. <div>
  501. <a href="{text:Navigation Link 1}">{text:Navigation Link 1 Title}</a>
  502. <a href="{text:Navigation Link 2}">{text:Navigation Link 2 Title}</a>
  503. <a href="{text:Navigation Link 3}">{text:Navigation Link 3 Title}</a>
  504. <a href="{text:Navigation Link 4}">{text:Navigation Link 4 Title}</a>
  505. <a href="{text:Navigation Link 5}">{text:Navigation Link 5 Title}</a>
  506. <a href="{text:Navigation Link 6}">{text:Navigation Link 6 Title}</a>
  507. </ul>
  508. <buttono class="md-close">close</buttono>
  509. </div>
  510. </div>
  511. </div>
  512. <div id="sidebar"><img src="{image:sidebar}">
  513. <div id="description">{description}</div>
  514. <br><button class="md-trigger" data-modal="modal-2">NAVIGATE</button>
  515.  
  516. <div id="links">
  517. <a href="/"><img src="{image:Link 1}"></a>
  518. <a href="{text:link 1 url}"><img src="{image:Link 2}"></a>
  519. <a href="{text:link 2 url}"><img src="{image:Link 3}"></a></div></div>
  520.  
  521.  
  522. <div id="entries">
  523. {block:Posts}
  524. <div id="post">
  525.  
  526. {block:Text}
  527. {block:Title}<h1>{Title}</h1>{/block:Title}
  528. {Body}{/block:Text}
  529.  
  530. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  531. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  532.  
  533. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  534. {/block:Caption}{/block:Photoset}
  535.  
  536. {block:Quote}<h2>"{Quote}"</h2>
  537. {block:Source}<div class="qsource"> —{Source}</div>
  538. {/block:Source}{/block:Quote}
  539.  
  540. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  541.  
  542. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  543.  
  544. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  545. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  546. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  547. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  548. {/block:Audio}
  549.  
  550. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  551.  
  552. {block:Answer}<div id="ask">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  553.  
  554.  
  555. <div id="info">
  556. <div id="permalink">
  557. <a href="{Permalink}">{Timeago} </a> / {NoteCount}</div>
  558.  
  559. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  560.  
  561. </div>
  562. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  563. </div>
  564.  
  565. {/block:Posts}{/block:Posts}</div></div></div>
  566.  
  567.  
  568. </div>
  569.  
  570. </ul>
  571. </div></div>
  572.  
  573.  
  574. <div id="cred">
  575. <a href="http://shayofrp.tumblr.com/">©</a> </div>
  576. {block:Pagination}<div id="pagination">
  577. {block:PreviousPage}
  578. <a href="{PreviousPage}">BACK </a>
  579. {/block:PreviousPage}
  580.  
  581. {block:NextPage}
  582. <a href="{NextPage}">NEXT</a>
  583. {/block:NextPage}
  584. {/block:Pagination}</div>
  585.  
  586.  
  587.  
  588. <script src="http://static.tumblr.com/ql5qfto/fXannp11x/classie.js"></script>
  589. <script src="http://static.tumblr.com/ql5qfto/2gInnp136/modaleffects.js"></script>
  590.  
  591. <script src="http://tympanus.net/Development/ModalWindowEffects/js/modalEffects.js"></script>
  592. </div>
  593. </html>
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!