API tools faq
paste
Advertisement
Girlteam

3: 5 tabs

Girlteam
Apr 17th, 2015
227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.29 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  9.  
  10. <!--
  11.  
  12. Theme #26: Naturalis by viwan-th (http://viwan-th.tumblr.com)
  13.  
  14. Scroll to top script from dynamic drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  15. Background from subtlepatterns (http://www.substlepatterns.com)
  16.  
  17. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  18.  
  19. -->
  20.  
  21. <meta name="color:Background" content="#e4e4e4">
  22. <meta name="color:Body Text" content="#888888">
  23. <meta name="color:Borders" content="#cccccc">
  24.  
  25. <meta name="color:Desc Text" content="#888888">
  26. <meta name="color:Desc Bold" content="#aaaaaa">
  27. <meta name="color:Desc Links" content="#cccccc">
  28. <meta name="color:Desc Links Hover" content="#ffffff">
  29. <meta name="color:Desc Italics" content="#666666">
  30. <meta name="color:Desc Accents" content="#ffffff">
  31. <meta name="color:Header 1" content="#ffffff">
  32. <meta name="color:Header 2" content="#aaaaaa">
  33.  
  34. <meta name="color:Pagination Links" content="#888888">
  35. <meta name="color:Pagination Links Hover" content="#ffffff">
  36. <meta name="color:Pagination Text" content="#cccccc">
  37.  
  38. <meta name="color:Navigation Bar" content="#333333">
  39. <meta name="color:Nav Links" content="#555555">
  40. <meta name="color:Nav Links Hover" content="#444444">
  41. <meta name="color:Nav Text" content="#ffffff">
  42.  
  43. <meta name="color:Bar 1" content="#bbddaa">
  44. <meta name="color:Bar 2" content="#33aaaa">
  45. <meta name="color:Bar 3" content="#887777">
  46. <meta name="color:Bar 4" content="#dd8888">
  47. <meta name="color:Bar 5" content="#ccccbb">
  48.  
  49. <meta name="color:Header Text" content="#669966">
  50. <meta name="color:Header Link" content="#669999">
  51. <meta name="color:Header Link Hover" content="#556666">
  52. <meta name="color:Header Content" content="#ffffff">
  53.  
  54. <meta name="color:Posts" content="#ffffff">
  55. <meta name="color:Audio Info" content="#eeeeee">
  56. <meta name="color:Chat Odd" content="#fcfcfc">
  57. <meta name="color:Chat Even" content="#eeeeee">
  58. <meta name="color:Ask Background" content="#eeeeee">
  59.  
  60. <meta name="color:Tags" content="#ffffff">
  61. <meta name="color:Tags BG" content="#cccccc">
  62. <meta name="color:Info Text" content="#aaaaaa">
  63.  
  64. <meta name="color:Scrollbar" content="#555555">
  65. <meta name="color:Scrollbar BG" content="#aaaaaa">
  66.  
  67. <meta name="if:Reverse Bars" content="0">
  68. <meta name="if:Hover Info" content="1">
  69. <meta name="if:Hover Desc" content="1">
  70. <meta name="if:Desc BG" content="1">
  71. <meta name="if:Sidebar BG Repeat" content="0">
  72. <meta name="if:400px Posts" content="0">
  73. <meta name="if:Show Tags" content="1">
  74. <meta name="if:Show Captions" content="0">
  75. <meta name="if:Reblog Info" content="1">
  76. <meta name="if:Custom Accents" content="0">
  77. <meta name="if:Infinite Scroll" content="0">
  78. <meta name="if:Portrait" content="1">
  79. <meta name="if:Photo Fade" content="0">
  80.  
  81. <meta name="image:Album Art" content="">
  82. <meta name="image:Corner" content="">
  83. <meta name="image:Portrait" content="">
  84. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo4_500.png">
  85. <meta name="image:Navigation Background" content="">
  86.  
  87.  
  88. <meta name="text:Font Size" content="11">
  89. <meta name="text:Music Player Code" content="music player codey">
  90. <meta name="color:Music Player" content="#cccccc">
  91. <meta name="text:Subtitle" content="subtitle">
  92. <meta name="text:Accent 1" content="e">
  93. <meta name="text:Accent 2" content="h">
  94. <meta name="text:Links Transition" content=".5">
  95. <meta name="text:Navigation Height" content="200">
  96.  
  97. <meta name="text:Link 1" content="link one">
  98. <meta name="text:Link 1 URL" content="">
  99. <meta name="text:Link 2" content="link two">
  100. <meta name="text:Link 2 URL" content="">
  101. <meta name="text:Link 3" content="link three">
  102. <meta name="text:Link 3 URL" content="">
  103. <meta name="text:Link 4" content="link four">
  104. <meta name="text:Link 4 URL" content="">
  105. <meta name="text:Link 5" content="link five">
  106. <meta name="text:Link 5 URL" content="">
  107. <meta name="text:Link 6" content="link six">
  108. <meta name="text:Link 6 URL" content="">
  109. <meta name="text:Link 7" content="link seven">
  110. <meta name="text:Link 7 URL" content="">
  111. <meta name="text:Link 8" content="link eight">
  112. <meta name="text:Link 8 URL" content="">
  113. <meta name="text:Link 9" content="">
  114. <meta name="text:Link 9 URL" content="">
  115. <meta name="text:Link 10" content="">
  116. <meta name="text:Link 10 URL" content="">
  117.  
  118. <meta name="color:Box 1" content="">
  119. <meta name="color:Box 2" content="">
  120. <meta name="color:Box 3" content="">
  121. <meta name="color:Box 4" content="">
  122. <meta name="color:Box 5" content="">
  123.  
  124. <meta name="text:Watching" content="">
  125. <meta name="text:W Size" content="70px">
  126. <meta name="text:Reading" content="">
  127. <meta name="text:R Size" content="65px">
  128. <meta name="text:Quote" content="">
  129. <meta name="text:Q Size" content="25px">
  130.  
  131. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  132. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  133.  
  134. <style type="text/css">
  135.  
  136.  
  137.  
  138. @font-face{font-family:james ;src:url(http://static.tumblr.com/9wzbixa/QYymj2mkr/james_fajardo.ttf);}
  139.  
  140. /* BODY */
  141.  
  142. @font-face {
  143. font-family: "before the rain";
  144. src: url('http://static.tumblr.com/mtdphun/r8xmd8z50/beforetherain_personal_use_demo.ttf');
  145. }
  146.  
  147. body {
  148. font-family:calibri;
  149. font-size:11px;
  150. color:{color:Body Text};
  151. word-wrap:break-word;
  152. text-align:justify;
  153. background-color:{color:Background};
  154. background-image:url('{image:Background}');
  155. background-attachment:fixed;
  156. }
  157.  
  158. a {
  159. color:{color:Bar 5};
  160. text-decoration:none;
  161. -webkit-transition:all {text:Links Transition}s ease;
  162. -moz-transition:all {text:Links Transition}s ease;
  163. -o-transition:all {text:Links Transition}s ease;
  164. transition:all {text:Links Transition}s ease-in-out;
  165. }
  166.  
  167. #link {
  168. background:{color:Header Link};
  169. -webkit-transition:all {text:Links Transition}s ease;
  170. -moz-transition:all {text:Links Transition}s ease;
  171. -o-transition:all {text:Links Transition}s ease;
  172. transition:all {text:Links Transition}s ease-in-out;
  173. }
  174.  
  175. i, em {color:{color:Bar 4};}
  176. a:hover {color:{color:Bar 2};}
  177. b, strong {color:{color:Bar 3};}
  178. ul {list-style-type:square;}
  179. img {max-width:100%;}
  180. #link:hover {background:{color:Header Link Hover};}
  181.  
  182. h1, h1 a, h1 a:hover {
  183. font:21px josefin sans;
  184. text-transform:uppercase;
  185. background:{color:Header Text};
  186. margin:-10px -10px 10px -10px;
  187. padding:5px 5px 8px 5px;
  188. text-align:center;
  189. color:{color:Header Content};
  190. }
  191.  
  192. blockquote {
  193. margin-left:10px;
  194. padding-left:10px;
  195. border-left:3px solid {color:Bar 1};
  196. }
  197.  
  198.  
  199.  
  200. /* DESCRIPTION */
  201.  
  202. #desc {
  203. font-size:10px;
  204. height:100%;
  205. text-align:center;
  206. position:fixed;
  207. width:250px;
  208. word-wrap:break-word;
  209. color:{color:Desc Text};
  210. {block:ifDescBG}background:rgba(51,51,51,0.8);{/block:ifDescBG}
  211. {block:ifNotCustomAccents}padding:0 40px;{/block:ifNotCustomAccents}
  212. {block:ifCustomAccents}padding:0 20px;{/block:ifCustomAccents}
  213. {block:ifHoverDesc}opacity:0;
  214. -webkit-transition:all 1s ease;
  215. -moz-transition:all 1s ease;
  216. -o-transition:all 1s ease;
  217. transition:all 1s ease-in-out;
  218. }
  219.  
  220.  
  221. #description a {color:{color:Desc Links};}
  222. #description a:hover {color:{color:Desc Links Hover};}
  223. #description b, #description strong {color:{color:Desc Bold};}
  224. #description i, #description em {color:{color:Desc Italics};}
  225.  
  226. #accent {
  227. font-family:nymphetteregular;
  228. font-size:50px;
  229. color:{color:Desc Accents};
  230. {block:ifNotCustomAccents}position:absolute;{/block:ifNotCustomAccents}
  231. }
  232.  
  233. {block:ifNotCustomAccents}.a {margin:-25px;}
  234. .b {margin:-25px 0 0 150px;}{/block:ifNotCustomAccents}
  235.  
  236. /* BOTTOM */
  237.  
  238. #bottom {
  239. bottom:10px;
  240. left:0;
  241. width:250px;
  242. position:fixed;
  243. text-align:center;
  244. }
  245.  
  246. #pag {
  247. margin-top:5px;
  248. font-family:ahorani;
  249. font-size:13px;
  250. color:{color:Pagination Text};
  251. text-align:center;
  252. }
  253.  
  254. .np {{block:ifNotHoverDesc}display:none;{/block:ifNotHoverDesc}}
  255. .sp {{block:ifHoverDesc}display:none;{/block:ifHoverDesc}}
  256.  
  257. #pag a {color:{color:Pagination Links};}
  258. #pag a:hover {color:{color:Pagination Links Hover};}
  259.  
  260. #title {
  261. text-transform:uppercase;
  262. font-family:josefin sans;
  263. }
  264.  
  265. #main {
  266. font-size:21px;
  267. color:{color:Header 1};
  268. }
  269.  
  270. #sub {
  271. font-size:10px;
  272. margin-top:-8px;
  273. color:{color:Header 2};
  274. }
  275.  
  276. /* NAVIGATION */
  277.  
  278. #mbar {
  279. position:fixed;
  280. top:0px;
  281. height:100%;
  282. width:100px;
  283. left:250px;
  284. padding:20px;
  285. background-image:url('{image:Navigation Background}');
  286. background-color:{color:Navigation Bar};
  287. }
  288.  
  289. #port {
  290. display:block;
  291. width:80px;
  292. height:80px;
  293. padding:5px;
  294. }
  295.  
  296. #nav a {
  297. display:inline-block;
  298. width:90px;
  299. padding:5px;
  300. background:{color:Nav Links};
  301. text-align:center;
  302. margin-bottom:5px;
  303. color:{color:Nav Text};
  304. text-transform:lowercase;
  305. }
  306.  
  307. #nav {margin-top:{text:Navigation Height}px;}
  308. #nav a:hover {background:{color:Nav Links Hover};}
  309.  
  310. /* COLOR BAR */
  311.  
  312. #bar {
  313. z-index:999;
  314. position:fixed;
  315. top:0px;
  316. width:10px;
  317. height:100%;
  318. margin-left:120px;
  319. }
  320.  
  321. #sec {
  322. height:20%;
  323. width:10px;
  324. }
  325.  
  326. /* POSTS */
  327.  
  328. #container {
  329. margin:20px 0 20px 410px;
  330. }
  331.  
  332. #posts {
  333. background-color:{color:Posts};
  334. padding:10px;
  335. margin-bottom:20px;
  336. overflow:hidden;
  337. {block:PermalinkPage}padding-bottom:0px;{/block:PermalinkPage}
  338. {block:ifNotShowTags}padding-bottom:0px;{/block:ifNotShowTags}
  339. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  340. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  341. }
  342.  
  343. #posts pre {
  344. background:#eee;
  345. padding:10px;
  346. color:#888;
  347. white-space:pre-wrap;
  348. }
  349.  
  350. #posts small, #posts big, #content {font-size:{text:Font Size}px;}
  351. #content a, #description a {border-bottom:1px dotted {color:Borders};}
  352.  
  353. /* PHOTO */
  354.  
  355. #photo, iframe.photoset {
  356. display:block;
  357. {block:ifPhotoFade}opacity:0.8;
  358. -webkit-transition:all 1s ease;
  359. -moz-transition:all 1s ease;
  360. -o-transition:all 1s ease;
  361. transition:all 1s ease-in-out;
  362. }
  363.  
  364. #photo:hover {opacity:1{/block:ifPhotoFade};}
  365.  
  366. /* QUOTE */
  367.  
  368. #quote {
  369. font-size:18px;
  370. text-transform:lowercase;
  371. }
  372.  
  373. /* CHAT */
  374.  
  375. #odd b, #even b, #audio b {color:#555;}
  376. #odd, #even {padding:5px;margin-bottom:2px;}
  377. #odd {background:{color:Chat Odd};}
  378. #even {background:{color:Chat Even};}
  379.  
  380. /* AUDIO */
  381.  
  382. #audio {width:100%;}
  383. #art {position:absolute;}
  384. #audio:hover #player {opacity:1;}
  385.  
  386. #art, #alt {
  387. width:150px;
  388. height:150px;
  389. display:block;
  390. }
  391.  
  392. #player {
  393. z-index:99;
  394. position:absolute;
  395. padding:10px;
  396. background:rgba(0,0,0,0.3);
  397. margin:52px;
  398. opacity:0.3;
  399. -webkit-transition:all 1s ease;
  400. -moz-transition:all 1s ease;
  401. -o-transition:all 1s ease;
  402. transition:all 1s ease-in-out;
  403. }
  404.  
  405. #ainfo {
  406. overflow:hidden;
  407. line-height:13px;
  408. text-align:left;
  409. background:{color:Audio Info};
  410. padding-left:10px;
  411. margin-top:10px;
  412. margin-bottom:10px;
  413. margin-left:10px;
  414. padding:5px;
  415. height:13px;
  416. }
  417.  
  418. /* ASK */
  419.  
  420. #ask {
  421. padding:10px;
  422. background:{color:Ask Background};
  423. }
  424.  
  425. #arrow {
  426. position:absolute;
  427. display:inline-block;
  428. color:{color:Ask Background};
  429. font-size:30px;
  430. margin-left:20px;
  431. margin-top:-12px;
  432. }
  433.  
  434. #asker {
  435. display:inline-block;
  436. text-transform:uppercase;
  437. margin-top:3px;
  438. margin-left:45px;
  439. }
  440.  
  441. /* INFO */
  442.  
  443. #info {
  444. background:{color:Tags BG};
  445. margin:10px -10px -10px -10px;
  446. color:{color:Tags};
  447. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  448. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  449. }
  450.  
  451. #ricon {
  452. width:46px;
  453. vertical-align:top;
  454. background:#fff;
  455. }
  456.  
  457. #info img {width:23px;height:23px;display:block;float:left;}
  458. #info a {color:{color:Tags};}
  459.  
  460. /* SIDE INFO */
  461.  
  462. #date {
  463. position:absolute;
  464. font-size:10px;
  465. {block:ifNot400pxPosts}margin-left:520px;{/block:ifNot400pxPosts}
  466. {block:if400pxPosts}margin-left:420px;{/block:if400pxPosts}
  467. {block:ifHoverInfo}opacity:0;{/block:ifHoverInfo}
  468. -webkit-transition:all .5s ease;
  469. -moz-transition:all .5s ease;
  470. -o-transition:all .5s ease;
  471. transition:all .5s ease-in-out;
  472. }
  473.  
  474. #date a {
  475. display:inline-block;
  476. color:{color:Info Text};
  477. padding-left:5px;
  478. -webkit-transition:all .5s ease;
  479. -moz-transition:all .5s ease;
  480. -o-transition:all .5s ease;
  481. transition:all .5s ease-in-out;
  482. }
  483.  
  484. #a, #b, #c {position:absolute;height:13px;width:80px;}
  485. #a {border-left:13px solid {color:Bar 1};}
  486. #a:hover {border-left:25px solid {color:Bar 1};}
  487.  
  488. #b {border-left:13px solid {color:Bar 2};{block:ifHoverInfo}margin-top:-13px;{/block:ifHoverInfo}{block:ifNotHoverInfo}margin-top:0px;{/block:ifNotHoverInfo}}
  489. #b:hover {border-left:25px solid {color:Bar 2};}
  490.  
  491. #c {border-left:13px solid {color:Bar 3};{block:ifHoverInfo}margin-top:-26px;{/block:ifHoverInfo}{block:ifNotHoverInfo}margin-top:0px;{/block:ifNotHoverInfo}}
  492. #c:hover {border-left:25px solid {color:Bar 3};}
  493.  
  494. #posts:hover #date {opacity:1;margin-top:0px;}
  495. #posts:hover #a, #posts:hover #b, #posts:hover #c {{block:ifHoverInfo}margin-top:0px;{/block:ifHoverInfo}}
  496.  
  497. /* PERMALINK */
  498.  
  499. #perma {
  500. font-size:10px;
  501. text-align:center;
  502. border-top:1px dashed {color:Borders};
  503. padding-top:10px;
  504. margin-top:10px;
  505. }
  506.  
  507. /* POSTNOTES */
  508.  
  509. ol.notes {
  510. list-style-type:none;
  511. margin:20px 0 20px -40px;
  512. font-size:10px;
  513. text-transform:uppercase;
  514. }
  515.  
  516. ol.notes img {
  517. float:left;
  518. width:13px;
  519. margin-right:5px;
  520. }
  521.  
  522. .notes li {
  523. padding:5px;
  524. margin-bottom:2px;
  525. text-transform:uppercase;
  526. font-size:10px;
  527. background-color:{color:Posts};
  528. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  529. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  530. }
  531.  
  532. /* MUSIC */
  533.  
  534. #music {
  535. color: {color:Music Player};
  536. position:fixed;
  537. bottom:-18px;
  538. left:260px;
  539. width:50px;
  540. overflow:hidden;
  541. }
  542.  
  543. #billy {
  544.  
  545. margin-top:11px;
  546. margin-bottom:-1px;
  547. opacity:0;
  548. }
  549.  
  550. #billy, #icon, #music{
  551. -webkit-transition:all 1s ease;
  552. -moz-transition:all 1s ease;
  553. -o-transition:all 1s ease;
  554. transition:all 1s ease-in-out;
  555. }
  556.  
  557. #music:hover {bottom:10px;}
  558. #music:hover #icon {opacity:0;}
  559. #music:hover #billy {opacity:1;}
  560.  
  561. /* CREDITS */
  562.  
  563. #credit {
  564. z-index:999;
  565. position:fixed;
  566. bottom:5px;right:5px;
  567. width:10px;
  568. height:13px;
  569. word-wrap:break-word;
  570. overflow:hidden;
  571. -webkit-transition:all 1s ease;
  572. -moz-transition:all 1s ease;
  573. -o-transition:all 1s ease;
  574. transition:all 1s ease-in-out;
  575. }
  576.  
  577. #credit a {
  578. color:#888;
  579. text-transform:uppercase;
  580. font-size:10px;
  581. }
  582.  
  583. #credit:hover {width:84px;}
  584.  
  585. #credit span {
  586. text-shadow:1px 1px .2px #000;
  587. color:#fff;
  588. margin-right:5px;
  589. font-size:11px;
  590. }
  591.  
  592. /* MISC */
  593.  
  594. #corner {
  595. position:fixed;
  596. bottom:0px;
  597. right:0px;
  598. }
  599.  
  600. iframe#tumblr_controls {
  601. position:fixed !important;
  602. margin-top:5px !important;
  603. margin-right:5px !important;
  604. opacity:0.3 !important;
  605. -webkit-transition:all 1s ease;
  606. -moz-transition:all 1s ease;
  607. -o-transition:all 1s ease;
  608. transition:all 1s ease-in-out;
  609. }
  610.  
  611. iframe#tumblr_controls:hover {opacity:0.8 !important;}
  612.  
  613. ::-webkit-scrollbar-thumb:vertical {
  614. background-color:{color:Scrollbar};
  615. border-top:2px solid {color:Scrollbar BG};
  616. border-bottom:2px solid {color:Scrollbar BG};
  617. }
  618.  
  619. ::-webkit-scrollbar-button:vertical, ::-webkit-scrollbar-button:horizontal {
  620. height:5px;
  621. width:6px;
  622. background-color:{color:Scrollbar};
  623. }
  624.  
  625. ::-webkit-scrollbar {
  626. height:5px;
  627. width:5px;
  628. background-color:{color:Scrollbar BG};
  629. }
  630.  
  631. #ocehans1{
  632. height:13px;
  633. text-align:center;
  634. overflow:hidden;
  635. margin-top:-1px;
  636. border-bottom:1px solid #efefef;
  637. text-transform:uppercase;
  638. letter-spacing:1px;
  639. font-size:8px;
  640. line-height:10px;
  641. z-index:999999999999999999999;
  642. -webkit-transition: all 0.5s ease-in-out;
  643. -moz-transition: all 0.5s ease-in-out;
  644. -o-transition: all 0.5s ease-in-out;
  645. }
  646.  
  647. #ocehans1:hover{
  648. height:{text:Box 1 Size};
  649. -webkit-transition: all 0.5s ease-in-out;
  650. -moz-transition: all 0.5s ease-in-out;
  651. -o-transition: all 0.5s ease-in-out;
  652. }
  653.  
  654. #ocehans2{
  655. height:13px;
  656. text-align:center;
  657. overflow:hidden;
  658. border-bottom:1px solid #efefef;
  659. text-transform:uppercase;
  660. background-color:{color:Box 2};
  661. letter-spacing:1px;
  662. font-size;8px;
  663. line-height:13px;
  664. z-index:999999999999999999999;
  665. -webkit-transition: all 0.5s ease-in-out;
  666. -moz-transition: all 0.5s ease-in-out;
  667. -o-transition: all 0.5s ease-in-out;
  668. }
  669.  
  670. #ocehans2:hover{
  671. height:{text:Box 2 Size};
  672. -webkit-transition: all 0.5s ease-in-out;
  673. -moz-transition: all 0.5s ease-in-out;
  674. -o-transition: all 0.5s ease-in-out;
  675. }
  676.  
  677. #ocehans3{
  678. height:13px;
  679. text-align:center;
  680. overflow:hidden;
  681. border-bottom:1px solid #efefef;
  682. text-transform:uppercase;
  683. background-color:{color:Box 3};
  684. letter-spacing:1px;
  685. font-size;8px;
  686. line-height:13px;
  687. z-index:999999999999999999999;
  688. -webkit-transition: all 0.5s ease-in-out;
  689. -moz-transition: all 0.5s ease-in-out;
  690. -o-transition: all 0.5s ease-in-out;
  691. }
  692.  
  693. #ocehans3:hover{
  694. height:{text:Box 3 Size};
  695. -webkit-transition: all 0.5s ease-in-out;
  696. -moz-transition: all 0.5s ease-in-out;
  697. -o-transition: all 0.5s ease-in-out;
  698. }
  699.  
  700. #ocehans4{
  701. height:13px;
  702. text-align:center;
  703. overflow:hidden;
  704. border-bottom:1px solid #efefef;
  705. text-transform:uppercase;
  706. background-color:{color:Box 4};
  707. letter-spacing:1px;
  708. font-size;8px;
  709. line-height:13px;
  710. z-index:999999999999999999999;
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. }
  715.  
  716. #ocehans4:hover{
  717. height:{text:Box 4 Size};
  718. -webkit-transition: all 0.5s ease-in-out;
  719. -moz-transition: all 0.5s ease-in-out;
  720. -o-transition: all 0.5s ease-in-out;
  721. }
  722.  
  723. #ocehans5{
  724. height:13px;
  725. text-align:center;
  726. overflow:hidden;
  727. border-bottom:0px solid #efefef;
  728. text-transform:uppercase;
  729. background-color: {color:Box 5};
  730. letter-spacing:1px;
  731. font-size;8px;
  732. line-height:13px;
  733. z-index:999999999999999999999;
  734. -webkit-transition: all 0.5s ease-in-out;
  735. -moz-transition: all 0.5s ease-in-out;
  736. -o-transition: all 0.5s ease-in-out;
  737. }
  738.  
  739. #ocehans5:hover{
  740. height:{text:Box 5 Size};
  741. -webkit-transition: all 0.5s ease-in-out;
  742. -moz-transition: all 0.5s ease-in-out;
  743. -o-transition: all 0.5s ease-in-out;
  744. }
  745.  
  746. #ocehans{
  747. text-align:left;
  748. font-size:8px;
  749. text-transform:uppercase;
  750. opacity: .8;
  751. border:1px solid #eee;
  752. position:fixed;
  753. font-family:calibri;
  754. left:14px;
  755. background-color:#fff;
  756. letter-spacing:1px;
  757. width:65px;
  758. z-index:9999;
  759. padding:4px;
  760. top:14px;
  761.  
  762. }
  763.  
  764.  
  765.  
  766. </style>
  767.  
  768. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  769.  
  770. <!--- v Scroll to Top Device --->
  771. </script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/scrolltopcontrol_nb.js"></script>
  772.  
  773. {block:ifInfiniteScroll}
  774. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  775. {/block:ifInfiniteScroll}
  776.  
  777. </head><body>
  778.  
  779. <div id="ocehans">
  780. <center>
  781. <div id="ocehans1">
  782. <div style="font-size:8px;"><u> stats</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  783. </u> <script language="JavaScript">
  784. var ref = (''+document.referrer+'');
  785. var w_h = window.screen.width + " x " + window.screen.height;
  786. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4789189&e1=Darling&e2=Darlings&r=' + ref + '&wh=' + w_h + '"><\/script>');
  787. </script>
  788. <p> <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2844796&name=Visits By Beautiful People"></script> </p>
  789. <br><br>
  790. </div>
  791. </div>
  792.  
  793. <div id="ocehans2">
  794. <div style="font-size:8px;"><u> watching </div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  795. </u> {text:Watching}
  796. </script>
  797. </div></div>
  798.  
  799. <div id="ocehans3">
  800. <div style="font-size:8px;"><u> reading </div> <div style="padding-top:1px; text-transform:uppercase; opacity:1; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  801. </u> {text:Reading}
  802. <br><br>
  803. </div>
  804. </div>
  805.  
  806. <div id="ocehans4">
  807. <div style="font-size:8px;"><u> quote </div> <div style="padding-top:1px; text-transform:uppercase; opacity:1; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  808. </u> {text:Quote}
  809. <br><br>
  810. </div>
  811. </div>
  812.  
  813. <div id="ocehans5">
  814. <div style="font-size:8px;"> <u> blogs</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  815. </u> <a href="{text:Link 5 URL}">{text:Link 5}<a href="{text:Link 6 URL}">{text:Link 6}<a href="{text:Link 7 URL}">{text:Link 7}<a href="{text:Link 8 URL}">{text:Link 8}<a href="{text:Link 9 URL}">{text:Link 9}<a href="{text:Link 10 URL}">{text:Link 10}</a>
  816. </div></div>
  817. </div></div></div></div>
  818.  
  819.  
  820. <!-- SIDEBAR -->
  821.  
  822. <div id="side"><table id="desc" cellpadding="0" cellspacing="0"><tr><td>
  823.  
  824. <!-- DESCRIPTION -->
  825.  
  826. <!-- BOTTOM -->
  827.  
  828. <div id="bottom">
  829. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pag" class="sp">
  830. {block:PreviousPage}
  831. <a href="{PreviousPage}">←</a>
  832. {/block:PreviousPage}
  833.  
  834. {block:JumpPagination length="5"}
  835. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  836. {block:JumpPage}
  837. <a class="jump_page" href="{URL}">{PageNumber}</a>
  838. {/block:JumpPage}
  839. {/block:JumpPagination}
  840.  
  841. {block:NextPage}
  842. <a href="{NextPage}">→</a>
  843. {/block:NextPage}
  844. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  845.  
  846. <!-- TITLE -->
  847.  
  848. <a href="/"><div id="title"><center>
  849. <div id="main">{Title}</div>
  850. {block:ifSubtitle}<div id="sub">{text:Subtitle}</div>{/block:ifSubtitle}
  851. </center></div></a>
  852. </div>
  853. </td></tr></table></div>
  854.  
  855. <!-- END SIDEBAR -->
  856.  
  857. <!-- NAVIGATION -->
  858.  
  859. <div id="mbar">
  860.  
  861. <!-- NAVIGATION LINKS -->
  862.  
  863. <div id="nav">
  864. {block:ifPortrait}<a href="/" style="height:90px;display:block;">{block:ifNotPortraitImage}<img src="{PortraitURL-128}" id="port">{/block:ifNotPortraitImage}{block:ifPortraitImage}<img src="{image:Portrait}" id="port">{/block:ifPortraitImage}</a>{/block:ifPortrait}
  865. <a href="/">home</a>
  866. <a href="/ask">message</a>
  867. <a href="/archive">archive</a>
  868. <!-- PLEASE DO NOT REMOVE THEME CREDT -->
  869. <a href="http://viwan-th.tumblr.com" target="blank" title=
  870. "naturalis theme">theme</a>
  871. <!-- PLEASE DO NOT REMOVE THEME CREDT -->
  872.  
  873. {block:ifLink1}
  874. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  875. {/block:ifLink1}{block:ifLink2}
  876. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  877. {/block:ifLink2}{block:ifLink3}
  878. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  879. {/block:ifLink3}{block:ifLink4}
  880. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  881. {/block:ifLink4}
  882. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  883.  
  884. {block:ifInfiniteScroll}
  885. <a href="#top">back to top</a>
  886. {/block:ifInfiniteScroll}
  887. </div>
  888.  
  889. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pag" class="np">
  890. {block:PreviousPage}
  891. <a href="{PreviousPage}">←</a>
  892. {/block:PreviousPage}
  893.  
  894. {block:JumpPagination length="5"}
  895. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  896. {block:JumpPage}
  897. <a class="jump_page" href="{URL}">{PageNumber}</a>
  898. {/block:JumpPage}
  899. {/block:JumpPagination}
  900.  
  901. {block:NextPage}
  902. <a href="{NextPage}">→</a>
  903. {/block:NextPage}
  904. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  905.  
  906. <!-- COLOR BAR -->
  907.  
  908. <div id="bar">
  909. {block:ifNotReverseBars}
  910. <div id="sec" style="background:{color:Bar 1};"></div>
  911. <div id="sec" style="background:{color:Bar 2};"></div>
  912. <div id="sec" style="background:{color:Bar 3};"></div>
  913. <div id="sec" style="background:{color:Bar 4};"></div>
  914. <div id="sec" style="background:{color:Bar 5};"></div>
  915. {/block:ifNotReverseBars}
  916. {block:ifReverseBars}
  917. <div id="sec" style="background:{color:Bar 5};"></div>
  918. <div id="sec" style="background:{color:Bar 4};"></div>
  919. <div id="sec" style="background:{color:Bar 3};"></div>
  920. <div id="sec" style="background:{color:Bar 2};"></div>
  921. <div id="sec" style="background:{color:Bar 1};"></div>
  922. {/block:ifReverseBars}
  923. </div>
  924. </div>
  925.  
  926. <!-- END NAVIGATION -->
  927.  
  928. <div id="container">
  929.  
  930. <!-- POSTS BLOCK -->
  931.  
  932. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  933.  
  934. {block:ContentSource}
  935. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  936. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  937. {/block:SourceLogo}
  938. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  939. {/block:ContentSource}
  940.  
  941. <div id="posts">
  942.  
  943. {block:IndexPage}<div id="date">
  944. <a id="a" href="{Permalink}">{TimeAgo}</a></br>
  945. <a id="b" href="{Permalink}">{NoteCountWithLabel}</a></br>
  946. <a id="c" href="{ReblogURL}">reblog</a></br>
  947. </div>{/block:IndexPage}
  948.  
  949. <!-- ENTRIES -->
  950.  
  951. <!-- TEXT -->
  952.  
  953. {block:Text}
  954.  
  955. {block:Title}<a href="{Permalink}"><h1 style="margin-bottom:20px;">{Title}</h1></a>{/block:Title}
  956. <div id="content" style="margin-top:-10px;">{Body}</div>
  957.  
  958. {/block:Text}
  959.  
  960. <!-- PHOTO -->
  961.  
  962. {block:Photo}
  963.  
  964. {block:IndexPage}
  965. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  966. {/block:IndexPage}
  967.  
  968. {block:PermalinkPage}{LinkOpenTag}
  969. <center><img src="{PhotoURL-500}" id="photo"></center>
  970. {LinkCloseTag}{/block:PermalinkPage}
  971.  
  972. {block:ifShowCaptions}
  973. {block:Caption}
  974. <div id="content">{Caption}</div>
  975. {/block:Caption}
  976. {/block:ifShowCaptions}
  977.  
  978. {/block:Photo}
  979.  
  980. <!-- PANORAMA -->
  981.  
  982. {block:Panorama}
  983.  
  984. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  985.  
  986. {block:ifShowCaptions}
  987. {block:Caption}
  988. <div id="content">{Caption}</div>
  989. {/block:Caption}
  990. {/block:ifShowCaptions}
  991.  
  992. {/block:Panorama}
  993.  
  994. <!-- PHOTOSET -->
  995.  
  996. {block:Photoset}
  997.  
  998. <div id="photo">
  999. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  1000. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  1001. </div>
  1002.  
  1003. {block:ifShowCaptions}
  1004. {block:Caption}
  1005. <div id="content">{Caption}</div>
  1006. {/block:Caption}
  1007. {/block:ifShowCaptions}
  1008.  
  1009. {/block:Photoset}
  1010.  
  1011. <!-- QUOTE -->
  1012.  
  1013. {block:Quote}
  1014.  
  1015. <center><span id="quote">❝ {Quote} ❞</span></center>
  1016. <p align="right" id="content">- {Source}
  1017.  
  1018.  
  1019. {/block:Quote}
  1020.  
  1021. <!-- LINK -->
  1022.  
  1023. {block:Link}
  1024.  
  1025. <a href="{URL}" target="{Target}"><h1 id="link">{Name} →</h1></a>
  1026.  
  1027. {block:Description}
  1028. <div id="content">{Description}</div>
  1029. {/block:Description}
  1030.  
  1031. {/block:Link}
  1032.  
  1033. <!-- CHAT -->
  1034.  
  1035. {block:Chat}
  1036.  
  1037. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1038.  
  1039. <div id="content">{block:Lines}<div id="{Alt}">
  1040. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1041. </div>{/block:Lines}</div>
  1042.  
  1043. {/block:Chat}
  1044.  
  1045. <!-- AUDIO -->
  1046.  
  1047. {block:Audio}
  1048.  
  1049. <table id="audio" cellpadding="0" cellspacing="0"><tr>
  1050. <td width="150px">
  1051. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div>
  1052. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  1053. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  1054. {block:ifAlbumArtImage}<img src="{image:Album Art}" id="alt">{/block:ifAlbumArtImage}{block:ifNotAlbumArtImage}<img src="http://static.tumblr.com/mtdphun/mrbmtls9g/albumart_gray.jpg" id="alt">{/block:ifNotAlbumArtImage}
  1055. {block:IndexPage}</a>{/block:IndexPage}</td>
  1056. <td>
  1057. <div id="ainfo"><b>Track: </b>{block:TrackName}{TrackName}{/block:TrackName}</div>
  1058. <div id="ainfo"><b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</div>
  1059. <div id="ainfo"><b>Album: </b>{block:Album}{Album}{/block:Album}</div>
  1060. <div id="ainfo"><b>Plays: </b>{block:PlayCount}{FormattedPlayCount}{/block:PlayCount}</div>
  1061. </td>
  1062. </tr></table>
  1063.  
  1064. {block:ifShowCaptions}
  1065. {block:Caption}
  1066. <div id="content">{Caption}</div>
  1067. {/block:Caption}
  1068. {/block:ifShowCaptions}
  1069.  
  1070. {/block:Audio}
  1071.  
  1072. <!-- VIDEO -->
  1073.  
  1074. {block:Video}
  1075.  
  1076. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  1077. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  1078.  
  1079. {block:ifShowCaptions}
  1080. {block:Caption}
  1081. <div id="content">{Caption}</div>
  1082. {/block:Caption}
  1083. {/block:ifShowCaptions}
  1084.  
  1085. {/block:Video}
  1086.  
  1087. <!-- ANSWER -->
  1088.  
  1089. {block:Answer}
  1090.  
  1091. <div id="ask">{Question}</div>
  1092. <span id="arrow">◥</span>
  1093. <span id="asker">{Asker}</span></p>
  1094.  
  1095. <div id="content">{Answer}</div>
  1096.  
  1097. {/block:Answer}
  1098.  
  1099. <!-- END ENTRIES -->
  1100.  
  1101. {block:ifNotShowCaptions}
  1102. {block:Caption}
  1103. <div id="content">{Caption}</div>
  1104. {/block:Caption}
  1105. {/block:ifNotShowCaptions}
  1106.  
  1107. <!-- PERMALINK -->
  1108. {block:PermalinkPage}
  1109.  
  1110. {block:Date}<div id="perma">
  1111. {12Hour}:{Minutes}<span style="text-transform:uppercase;">{AmPm}</span> &middot; {DayofWeek}, {Month} {DayofMonth}{DayofMonthSuffix}, {Year} &middot; {NoteCountWithLabel}</br>
  1112. {block:HasTags}tags <span style="font-size:10px;">&raquo;</span> {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}</br>{/block:HasTags}
  1113. {block:RebloggedFrom}
  1114. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &middot;
  1115. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1116. {/block:RebloggedFrom}
  1117. </div>{/block:Date}
  1118.  
  1119. {/block:PermalinkPage}
  1120.  
  1121. {block:ifNotShowTags}{block:IndexPage}<div style="height:1px;margin-top:9px;"></div>{/block:IndexPage}{/block:ifNotShowTags}
  1122. {block:PermalinkPage}<div style="height:1px;margin-top:9px;"></div>{/block:PermalinkPage}
  1123.  
  1124. <!-- INFO -->
  1125.  
  1126. <div id="info"><table cellpadding="0" cellspacing="0" width="100%"><tr>
  1127. {block:ifReblogInfo}{block:RebloggedFrom}<td id="ricon">
  1128. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  1129. <img src="{ReblogParentPortraitURL-64}"></a>
  1130. <a href="{ReblogRootURL}" title="org {ReblogRootName}">
  1131. <img src="{ReblogRootPortraitURL-64}"></a>
  1132. </td>{/block:RebloggedFrom}{/block:ifReblogInfo}
  1133. {block:HasTags}<td style="padding:5px;">
  1134. &middot; {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}
  1135. </td>{/block:HasTags}
  1136. </tr></table></div>
  1137.  
  1138. </div><!-- posts -->
  1139.  
  1140. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1141.  
  1142. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  1143.  
  1144. <!-- END POSTS BLOCK -->
  1145.  
  1146. </div><!-- container -->
  1147.  
  1148. <!-- MUSIC PLAYER -->
  1149.  
  1150. {block:IndexPage}{block:ifMusicPlayerCode}<div id="music">
  1151. </img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif" id="icon">
  1152. </div id="billy">{text:Music Player Code}</div>
  1153. </div>{/block:ifMusicPlayerCode}{/block:IndexPage}
  1154.  
  1155. <!-- CORNER IMAGE -->
  1156.  
  1157. <img src="{image:Corner}" id="corner">
  1158.  
  1159. <!-- CREDIT -->
  1160.  
  1161. <div id="credit"><div style="width:86px;">
  1162. <a href="http://viwan-th.tumblr.com" target="blank">
  1163. <span>✿</span>viwan themes</a>
  1164. </div></div>
  1165.  
  1166. </body></html>
  1167.  
  1168. <style type="text/css">
  1169. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  1170. </style>
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!