API tools faq
paste
Advertisement
chezshay

theme 19 "taya"

chezshay
Mar 2nd, 2014
1,447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3.  
  4. <head>
  5.  
  6. <script type="text/javascript" src="http://static.tumblr.com/zkwuipe/GQUn1u86e/tabcontent.js">
  7.  
  8. /***********************************************
  9. * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  10. * This notice MUST stay intact for legal use
  11. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  12. ***********************************************/
  13.  
  14. </script>
  15. </head>
  16.  
  17. <!DOCTYPE html>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!---@shayofrp--->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Hover" content="#f2f2f2"/>
  28. <meta name="color:Scrollbar" content="#000000"/>
  29. <meta name="color:ScrollbarBg" content="#ffffff"/>
  30. <meta name="color:Post Links" content="#c0bfbf"/>
  31. <meta name="color:Answer Backg" content="#000000"/>
  32. <meta name="color:Links" content="#000000"/>
  33. <meta name="color:Sidebar Background" content="#000000"/>
  34. <meta name="color:Links Background" content="#000000"/>
  35. <meta name="color:Postbg" content="#ffffff"/>
  36. <meta name="color:Info Background" content="#ffffff"/>
  37. <meta name="color:Description Background" content="#ffffff"/>
  38. <meta name="image:sidebar background" content=""/>
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="text:Link 1" content="">
  41. <meta name="text:Link 1 URL" content="/">
  42. <meta name="text:Link 2" content="">
  43. <meta name="text:Link 2 URL" content="/">
  44. <meta name="text:Link 3" content="">
  45. <meta name="text:Link 3 URL" content="/">
  46. <meta name="text:Link 4" content="">
  47. <meta name="text:Link 4 URL" content="/">
  48. <meta name="text:Title 1" content="/">
  49. <meta name="text:Title 2" content="/">
  50. <meta name="text:Title 3" content="/">
  51. <meta name="text:Title 4" content="/">
  52.  
  53. <style type="text/css">
  54.  
  55. /* ######### CSS for Shade Tabs. Remove if not using ######### */
  56.  
  57. .shadetabs{
  58. padding: 3px 0;
  59. margin-left: 0;
  60. margin-top: 1px;
  61. margin-bottom: 0;
  62. font: bold 12px Verdana;
  63. list-style-type: none;
  64. text-align: left; /*set to left, center, or right to align the menu as desired*/
  65. }
  66.  
  67. .shadetabs li{
  68. display: inline;
  69. margin: 0;
  70. }
  71.  
  72. .shadetabs li a{
  73. text-decoration: none;
  74. position: relative;
  75. z-index: 1;
  76. padding: 3px 7px;
  77. margin-right: 3px;
  78. border: 1px solid {color:postbg};
  79. color: {color:postbg};
  80. }
  81.  
  82.  
  83. .shadetabs li a:visited{
  84. color: {color:Links};
  85. }
  86.  
  87. .shadetabs li a:hover{
  88. text-decoration: underline;
  89. color: {color:Links};
  90. }
  91.  
  92. .shadetabs li a.selected{ /*selected main tab style */
  93. position: relative;
  94. top: 1px;
  95. }
  96.  
  97. .shadetabs li a.selected{ /*selected main tab style */
  98. background-color:{color:Links};
  99. border-bottom-color: white;
  100. }
  101. .shadetabs li a.selected:hover{ /*selected main tab style */
  102. text-decoration: none;
  103. }
  104.  
  105. .tabcontent{
  106. display:none;
  107. }
  108.  
  109. @media print {
  110. .tabcontent {
  111. display:block !important;
  112. }
  113. }
  114.  
  115. /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
  116.  
  117. .modernbricksmenu2{
  118. padding: 0;
  119. width: 362px;
  120. border-top: 5px solid {color:Links}; /*Brown color theme*/
  121. background: transparent;
  122. voice-family: "\"}\"";
  123. voice-family: inherit;
  124. }
  125.  
  126. .modernbricksmenu2 ul{
  127. margin:0;
  128. margin-left: 10px; /*margin between first menu item and left browser edge*/
  129. padding: 0;
  130. list-style: none;
  131. }
  132.  
  133. .modernbricksmenu2 li{
  134. display: inline;
  135. margin: 0 2px 0 0;
  136. padding: 0;
  137. text-transform:uppercase;
  138. }
  139.  
  140. .modernbricksmenu2 a{
  141. float: left;
  142. display: block;
  143. font: bold 11px Courier;
  144. color: white;
  145. text-decoration: none;
  146. margin: 0 1px 0 0; /*Margin between each menu item*/
  147. padding: 5px 10px;
  148. background-color: {color:links}; /*Brown color theme*/
  149. border-top: 1px solid white;
  150. }
  151.  
  152. .modernbricksmenu2 a:hover{
  153. background-color: {color:postbg}; /*Brown color theme*/
  154. color: white;
  155. }
  156.  
  157. .modernbricksmenu2 a.selected{ /*currently selected tab*/
  158. background-color: {color:postbg}; /*Brown color theme*/
  159. color: white;
  160. border-color: {color:postbg}; /*Brown color theme*/
  161. }
  162.  
  163. .tabcontent{
  164. display:none;
  165. }
  166.  
  167. @media print {
  168. .tabcontent {
  169. display:block !important;
  170. }
  171. }
  172.  
  173. /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
  174.  
  175.  
  176. .indentmenu{
  177. font: bold 13px Arial;
  178. width: 100%; /*leave this value as is in most cases*/
  179. }
  180.  
  181. .indentmenu ul{
  182. margin: 0;
  183. padding: 0;
  184. float: left;
  185. /* width: 80%; width of menu*/
  186. border-top: 1px solid navy; /*navy border*/
  187. background: {color:links} url(indentbg.gif) center center repeat-x;
  188. }
  189.  
  190. .indentmenu ul li{
  191. display: inline;
  192. }
  193.  
  194. .indentmenu ul li a{
  195. float: left;
  196. color: white; /*text color*/
  197. padding: 5px 11px;
  198. text-decoration: none;
  199. border-right: 1px solid navy; /*navy divider between menu items*/
  200. }
  201.  
  202. .indentmenu ul li a:visited{
  203. color: white;
  204. }
  205.  
  206. .indentmenu ul li a.selected{
  207. color: white !important;
  208. padding-top: 6px; /*shift text down 1px*/
  209. padding-bottom: 4px;
  210. background: black url(indentbg2.gif) center center repeat-x;
  211. }
  212.  
  213.  
  214. .tabcontentstyle{ /*style of tab content oontainer*/
  215. border: 1px solid gray;
  216. width: 450px;
  217. margin-bottom: 1em;
  218. padding: 10px;
  219. }
  220.  
  221. .tabcontent{
  222. display:none;
  223. }
  224.  
  225. @media print {
  226. .tabcontent {
  227. display:block !important;
  228. }
  229. }
  230.  
  231. <style type="text/css">
  232.  
  233. ::-webkit-scrollbar-thumb {
  234. height:auto;
  235. background-color:{color:Scrollbar};
  236. }
  237.  
  238. ::-webkit-scrollbar {
  239. height:9px;
  240. width:4px;
  241. background-color:{color:ScrollbarBg};
  242. }
  243.  
  244.  
  245. body {
  246. background:{color:background};
  247. background-image:url('{image:sidebar background}');
  248. margin:0px;
  249. color:{color:text};
  250. font-family:arial;
  251. font-size:9px;
  252. line-height:100%;
  253. letter-spacing:0px;
  254. text-align:justify;
  255. }
  256.  
  257. a {
  258. text-decoration:none;
  259. font-weight:bold;
  260. outline:none;
  261. -moz-outline-style:none;
  262. color:{color:links};
  263. text-decoration:underline;
  264. }
  265.  
  266. header{background-color:{color:background};
  267. color:{color:Links};
  268. font-size:12px;
  269. margin-bottom:5px;
  270. font-family:courier new;
  271. width:90%;
  272. padding:5px;}
  273. img {
  274. border:none;
  275. }
  276.  
  277. h1 {
  278. font-size:24px;
  279. color:{color:text};
  280. text-transform:uppercase;
  281. font-family:'arial';
  282. font-style:bold, italic;
  283. text-align:left;
  284. }
  285.  
  286. a:hover {
  287. color:{color:postbg};
  288. -moz-transition-duration:0.3s;
  289. -webkit-transition-duration:0.3s;
  290. -o-transition-duration:0.3s;
  291. }
  292.  
  293. pre{background-color:{color:text};
  294. font-weight:bold;
  295. font-size:14px;
  296. color:{color:postbg};
  297. border-top:solid {color:links};
  298. text-transform:uppercase;
  299. font-family:courier;
  300. padding:5px;
  301. width:95%;}
  302. /*ENTRIES*/
  303.  
  304. #entries {
  305. padding:10px;
  306. width:500px;
  307. margin-left:450px;
  308. margin-top:10px;
  309. letter-spacing:0px;
  310. line-height:110%;
  311. z-index:-99;
  312. position:absolute;
  313. }
  314.  
  315. #post {
  316. width:500px;
  317. padding:10px;
  318. margin-top:10px;
  319. border-top:solid {color:Links};
  320. border-bottom:solid {color:Links};
  321. background-color:{color:postbg};
  322. }
  323.  
  324. /*SIDEBAR*/
  325.  
  326. #sidebarimage{position:fixed;
  327. margin-left:-5px;
  328. margin-top:-5px;}
  329.  
  330. #sidebar {
  331. margin-left:50px;
  332. padding:15px;
  333. height:400px;
  334. margin-top:100px;
  335.  
  336. background-color:{color:sidebar background};
  337. position:fixed;
  338. }
  339.  
  340. #description{position:fixed;
  341. text-transform:uppercase;
  342. width:322px;
  343. margin-top:408px;
  344. margin-left:75px;
  345. background-color:{color:Description Background};
  346. padding:10px;
  347. font-size:10px;
  348. font-family:times;
  349. color:{color:Background};
  350. font-family:courier;
  351. height:90px;
  352. z-index:9999;
  353. -webkit-border-bottom-right-radius: 6px;
  354. -webkit-border-bottom-left-radius: 6px;
  355. -moz-border-radius-bottomright: 6px;
  356. -moz-border-radius-bottomleft: 6px;
  357. border-bottom-right-radius: 6px;
  358. border-bottom-left-radius: 6px;}
  359.  
  360.  
  361. #faq2{position:fixed; margin-top:200px; margin-left:715px; width:210px;height:80px;padding:7px;font-size:9px; font-family:arial;}
  362.  
  363. /*POST INFO*/
  364.  
  365. #info {
  366. width:500px;
  367. text-align:center;
  368. font-family:'courier new';
  369. text-transform:uppercase;
  370. margin-top:1px;
  371. margin-left:-4px;
  372. font-size:10px;
  373. font-style:none;
  374. padding:4px;
  375. line-height:10px;
  376. background-color:{color:info background};
  377. color:{color:text};
  378. }
  379.  
  380. #info a {
  381. text-align:center;
  382. color:{color:links};
  383. }
  384.  
  385. .tags {
  386. float:left;
  387. width:489px;
  388. opacity:1;
  389. margin-top:1px;
  390. margin-left:-5px;
  391. text-align:left;
  392. font-size:6px;
  393. padding:5px;
  394. font-size:8px;
  395. transition-duration: 0.5s;
  396. -moz-transition-duration: 0.5s;
  397. -webkit-transition-duration: 0.5s;
  398. -o-transition-duration: 0.5s
  399. color:{color:text};
  400. }
  401.  
  402. .tags a {
  403. letter-spacing:0px;
  404. font-size:8px;
  405. text-align:center;
  406. font-family:'arial';
  407. text-decoration:none;
  408. display:inline-block;
  409. color:{color:text};
  410. }
  411.  
  412. .tags:hover{background-color:{color:Links};}
  413.  
  414. /*SIDELINKS*/
  415. #links {
  416. padding:5px;
  417. padding-bottom:6px;
  418. line-height:150%;
  419. z-index:10000000000000000;
  420. text-align:center;
  421. font-size:8px;
  422. letter-spacing:4px;
  423. opacity:1;
  424. position:fixed;
  425. font-family:'arial';
  426. position:absolute;
  427. text-transform:uppercase;
  428. text-align:center;}
  429.  
  430. #links a{
  431. z-index:10000000000000000;
  432. margin-left:10px;
  433. padding:5px;
  434. display:inline-block;
  435. }
  436.  
  437. .links a:hover{
  438. color:{color:postbg};
  439. -moz-transition-duration:.2s;
  440. -webkit-transition-duration:.2s;
  441. -o-transition-duration:.2s;
  442. background-color:{color:Links Background};
  443. }
  444.  
  445. #navi{
  446. text-align:left;
  447. width:200px;
  448. position:fixed;
  449. }
  450.  
  451. #navi a{
  452. width:320px;
  453. color:{color:text};
  454. display:inline-block;
  455. font-style:none;
  456. font-family:courier new;
  457. text-transform:uppercase;
  458. font-size:8px;
  459. margin-bottom:3px;
  460. padding:15px;
  461. background-color:{color:Links Background};
  462. }
  463.  
  464. #navi a:hover{background-color:{color:postbg};}
  465. /*QUESTION*/
  466.  
  467. #asker {
  468. color:{color:Postbg};
  469. padding:14px;
  470. font-family:'arial';
  471. font-size:11px;
  472. letter-spacing:0px;
  473. text-align:left;
  474. margin-top:0px;
  475. text-transform:lowercase;
  476. line-height:100%;
  477. background-color:{color:Answer backg};
  478. }
  479.  
  480. #asker a{color:{color:postbg};}
  481.  
  482. #url{color:{color:postbg};
  483. padding:5px;
  484. font-family:'arial';
  485. font-size:11px;
  486. border-top:solid {color:Links Background};
  487. letter-spacing:0px;
  488. text-align:center;
  489. margin-top:0px;
  490. text-transform:lowercase;
  491. line-height:100%;
  492. background-color:{color:Background};
  493. }
  494.  
  495. #pagination {
  496. font-size:9px;
  497. letter-spacing:5px;
  498. padding:5px;
  499. margin-top:3px;
  500. font-family:courier;
  501. width:200px;
  502. background-color:{color:sidebar background};
  503. text-transform:uppercase;
  504. z-index:1000000000000000000000;
  505. margin-left:50px;
  506. text-align:center;
  507. position:fixed;
  508. color:{color:postbg};
  509. }
  510.  
  511. #pagination a{color:{color:background};}
  512.  
  513.  
  514. /*CREDIT*/
  515.  
  516. #cred {
  517. position:fixed;
  518. font-family:'courier new';
  519. border-top:solid {color:links};
  520. text-transform:uppercase;
  521. font-size:8px;
  522. right:9px;
  523. bottom:9px;
  524. padding:4px;
  525. background-color:{color:postbg};
  526. letter-spacing:1px;
  527. }
  528.  
  529.  
  530. {CustomCSS}</style></head><body>
  531. <div id="sidebar">
  532.  
  533. <div id="sidebarimage"><img src="{image:header}"></div>
  534.  
  535. <div id="flowernote" style="display:none; position:absolute; right: 30px; width:150px; height:150px; background-color:transparent; color:white">
  536. </div>
  537.  
  538. <div id="flowernote2" style="display:none; position:absolute; right: 200px; width:80px; height:80px; background-color:transparent; color:white">
  539. </div>
  540.  
  541. <div id="flowernote3" style="display:none; position:absolute; right: 30px; width:140px; height:140px; background-color:transparent; color:white">
  542. </div>
  543.  
  544.  
  545. <div style="border:1px solid {color:links}; width:350px; height: 250px; background-color: {color:postbg}; padding: 5px">
  546.  
  547. <div id="tcontent1" class="tabcontent">
  548. <div id="sidebarimage"><img src="{image:sidebar}">
  549. </div></div>
  550.  
  551. <div id="tcontent2" class="tabcontent">
  552. <div align=center><div id="navi">
  553. <a href="/">i</a>
  554. <a href="/ask">ii</a><br>
  555. <a href="{text:link 1 url}">{text:link 1}</a>
  556. <a href="{text:link 2 url}">{text:link 2}</a><br>
  557. <a href="{text:link 3 url}">{text:link 3}</a>
  558. <a href="{text:link 4 url}">{text:link 4}</a>
  559. </div></div>
  560. </div>
  561.  
  562. <div id="tcontent3" class="tabcontent">
  563. <pre>Lorem ipsum dolor sit amet,</pre>
  564. <blockquote>consectetur adipiscing elit. Maecenas sagittis lacus eget magna aliquet, sit amet convallis erat gravida. Vivamus mi diam, vulputate vitae hendrerit id, consectetur in arcu. Curabitur id eros eu mauris vehicula aliquet ac eu risus. Praesent interdum arcu ut odio mattis, non sagittis metus ultrices. Etiam vulputate fringilla purus. Donec rutrum leo ut dignissim mattis. Suspendisse potenti.</blockquote>
  565.  
  566. <pre>Lorem ipsum dolor sit amet,</pre>
  567. <blockquote>consectetur adipiscing elit. Maecenas sagittis lacus eget magna aliquet, sit amet convallis erat gravida. Vivamus mi diam, vulputate vitae hendrerit id, consectetur in arcu. Curabitur id eros eu mauris vehicula aliquet ac eu risus. Praesent interdum arcu ut odio mattis, non sagittis metus ultrices. Etiam vulputate fringilla purus. Donec rutrum leo ut dignissim mattis. Suspendisse potenti.</blockquote>
  568.  
  569. </div>
  570.  
  571.  
  572. </div>
  573.  
  574. <div id="flowertabs" class="modernbricksmenu2">
  575. <ul>
  576. <li><a href="#" rel="tcontent1" class="selected">{text:title 1}</a></li>
  577. <li><a href="#" rel="tcontent2" rev="flowernote,flowernote2">{text:title 2}</a></li>
  578. <li><a href="#" rel="tcontent3">{text:title 3}</a></li>
  579. <li><a href="http://shayofrp.tumblr.com">CREDIT</a></li>
  580. </ul>
  581. </div>
  582. <br style="clear: left" />
  583.  
  584. <script type="text/javascript">
  585.  
  586. var myflowers=new ddtabcontent("flowertabs")
  587. myflowers.setpersist(true)
  588. myflowers.setselectedClassTarget("link") //"link" or "linkparent"
  589. myflowers.init()
  590.  
  591. </script>
  592. </div>
  593.  
  594. <div id="description">{description}<div id="pagination">{block:Pagination}
  595. {block:PreviousPage}
  596. <a href="{PreviousPage}">back</a>
  597. {/block:PreviousPage}
  598.  
  599. {block:NextPage}
  600. <a href="{NextPage}">forward</a>
  601. {/block:NextPage}
  602. </div>
  603. {/block:Pagination}
  604. </div></div>
  605. <div id="entries">
  606. {block:Posts}
  607. <div id="post">
  608.  
  609. {block:Quote}
  610.  
  611.  
  612. <div id="titlequote">“{Quote}”</div>
  613. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  614. {/block:Quote}
  615.  
  616.  
  617.  
  618. {block:Text}
  619.  
  620. {block:Title}
  621. <div id="title">{Title}</div>{/block:Title}
  622. {Body}
  623. {/block:Text}
  624.  
  625. {block:Link}
  626. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  627. {/block:Link}
  628.  
  629. {block:Chat}
  630. {block:Title}
  631. <h1>{Title}</h1>
  632. {/block:Title}
  633. <div class="chat">
  634. <ol>{block:Lines}
  635. <li class="line {Alt}">
  636. {block:Label}
  637. <span class="label">
  638. {Label}</span>
  639. {/block:Label}{Line}</li>
  640. {/block:Lines}
  641. </ol></div>
  642. {/block:Chat}
  643.  
  644. {block:Photo}
  645. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  646. {/block:Photo}
  647.  
  648. {block:Photoset}
  649. {Photoset-500}
  650. {/block:Photoset}
  651.  
  652. {block:Video}
  653. {Video-500}
  654. {/block:Video}
  655.  
  656. {block:Audio}
  657. <div class="player">{AudioPlayerWhite}</div>
  658. <div class="audioinfo">
  659. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  660. </div>
  661. {/block:Audio}
  662.  
  663. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  664.  
  665. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  666.  
  667. <div id="info">
  668. <div id="permalink">
  669. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  670. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  671. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  672. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  673. with {NoteCountWithLabel}</a></div>
  674.  
  675. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  676.  
  677. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}<br>
  678. </div>{/block:Posts}{/block:Posts}</div>
  679.  
  680. <div id="cred">
  681. <a href="http://shayofrp.tumblr.com/">CREDIT</a>
  682. </div>
  683. </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!