API tools faq
paste
Advertisement
Guest User

Su-Barbie-A Theme

a guest
May 1st, 2014
324
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.98 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>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  5.  
  6. <script src="jquery.js"></script>
  7. <script>
  8. $(document).ready(function(){
  9. $("#click").click(function(){
  10. $("#guts").slideToggle("fast");
  11. });
  12. });
  13. </script>
  14.  
  15. <script src="jquery.js"></script>
  16. <script>
  17. $(document).ready(function(){
  18. $("#click2").click(function(){
  19. $("#guts2").slideToggle("fast");
  20. });
  21. });
  22. </script>
  23.  
  24. <script src="jquery.js"></script>
  25. <script>
  26. $(document).ready(function(){
  27. $("#click3").click(function(){
  28. $("#guts3").slideToggle("fast");
  29. });
  30. });
  31. </script>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38. <!---- Base code by llermans © tumblr.com --->
  39.  
  40. <meta name="color:Background" content="#ffffff"/>
  41. <meta name="color:Text" content="#000000"/>
  42. <meta name="color:Link" content="#6b6b6b"/>
  43. <meta name="color:Link Hover" content="#000000" />
  44. <meta name="color:gradient" content="#000000" />
  45.  
  46. <meta name="image:Sidebar" content=""/>
  47.  
  48. <meta name="text:link 1" content="home"/>
  49. <meta name="text:link 1 url" content="/"/>
  50. <meta name="text:link 2" content="link 2"/>
  51. <meta name="text:link 2 url" content="/"/>
  52. <meta name="text:link 3" content="link 3"/>
  53. <meta name="text:link 3 url" content="/"/>
  54. <meta name="text:link 4" content="link 4"/>
  55. <meta name="text:link 4 url" content="/"/>
  56.  
  57. <!--- CSS --->
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {background-color:{color:gradient}; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:gradient}; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
  63. ::-webkit-scrollbar-button:vertical {height:10px; background:{color:gradient}; display:block;}
  64. ::-webkit-scrollbar-button:horizontal {height:10px; background:{color:gradient}; display:block;}
  65. ::-webkit-scrollbar {background-color:#ffffff; height:9px; width:9px;}
  66.  
  67. #updatesbar{
  68. position:absolute;
  69. margin-top:-24px;
  70. margin-left:-8px;
  71. padding:3px;
  72. padding-right:5px;
  73. text-align:right;
  74. width:106px;
  75. height:9px;
  76. background:#f4f4f4; /*bar background*/
  77. border:1px solid #ebebeb; /*matching border color with #box border looks best*/
  78. /*delete the following for no rounded edges*/
  79. -webkit-border-top-left-radius: 4px;
  80. -webkit-border-top-right-radius: 4px;
  81. -moz-border-radius-topleft: 4px;
  82. -moz-border-radius-topright: 4px;
  83. border-top-left-radius: 4px;
  84. border-top-right-radius: 4px;
  85. }
  86.  
  87. #updates{
  88. position:fixed;
  89. width:100px;
  90. margin-top:35px;
  91. margin-left:20px;
  92. padding-top:7px;
  93. padding-left:7px;
  94. padding-right:7px;
  95. padding-bottom:4px;
  96. font-family:consolas;
  97. font-size:10px;
  98. line-height:12px;
  99. background-color:#ffffff; /*background hex color code*/
  100. border:1px solid #ebebeb; /*change color code for different colored borders*/
  101. color:#000000; /*text color, note link colors and styles will change with the theme you're using*/
  102. z-index:999;
  103. /*delete the following for no shadows*/
  104. box-shadow:rgba(0,0,0,0.07)7px 7px;
  105. /*delete the following for no rounded edges*/
  106. -webkit-border-bottom-right-radius: 4px;
  107. -webkit-border-bottom-left-radius: 4px;
  108. -moz-border-radius-bottomright: 4px;
  109. -moz-border-radius-bottomleft: 4px;
  110. border-bottom-right-radius: 4px;
  111. border-bottom-left-radius: 4px;
  112. }
  113.  
  114. #guts,#click{
  115. padding:1px;
  116. display:inline-block;
  117. }
  118.  
  119. #click{
  120. margin-bottom:4px;
  121. padding:1px;
  122. text-transform:uppercase;
  123. letter-spacing:1px;
  124. text-align:center;
  125. background:#f4f4f4; /*tab 1 background color*/
  126. border:1px solid #f4f4f4;
  127. padding:1px;
  128. display:block;
  129. -webkit-transition: all 0.1s ease;
  130. -moz-transition: all 0.1s ease;
  131. transition: all 0.1s ease;
  132. /*delete the following for no rounded edges*/
  133. -webkit-border-radius: 4px;
  134. -moz-border-radius: 4px;
  135. border-radius: 4px;
  136. }
  137.  
  138. #click:hover{
  139. cursor:help;
  140. }
  141.  
  142. #click:active{
  143. background:#ffffff; /*color of tab when clicked*/
  144. }
  145.  
  146. #guts{
  147. padding:1px;
  148. display:none;
  149. }
  150.  
  151. #guts2,#click2{
  152. padding:1px;
  153. display:inline-block;
  154. }
  155.  
  156. #click2{
  157. margin-bottom:4px;
  158. padding:1px;
  159. text-transform:uppercase;
  160. letter-spacing:1px;
  161. text-align:center;
  162. background:#f4f4f4; /*tab 2 background color*/
  163. border:1px solid #f4f4f4;
  164. padding:1px;
  165. display:block;
  166. -webkit-transition: all 0.1s ease;
  167. -moz-transition: all 0.1s ease;
  168. transition: all 0.1s ease;
  169. /*delete the following for no rounded edges*/
  170. -webkit-border-radius: 4px;
  171. -moz-border-radius: 4px;
  172. border-radius: 4px;
  173. }
  174.  
  175. #click2:hover{
  176. cursor:help;
  177. }
  178.  
  179. #click2:active{
  180. background:#ffffff; /*color of tab when clicked*/
  181. }
  182.  
  183. #guts2{
  184. padding:1px;
  185. display:none;
  186. }
  187.  
  188. #guts3,#click3{
  189. padding:1px;
  190. display:inline-block;
  191. }
  192.  
  193. #click3{
  194. margin-bottom:4px;
  195. padding:1px;
  196. text-transform:uppercase;
  197. letter-spacing:1px;
  198. text-align:center;
  199. background:#f4f4f4; /*tab 3 background color*/
  200. border:1px solid #f4f4f4;
  201. padding:1px;
  202. display:block;
  203. -webkit-transition: all 0.1s ease;
  204. -moz-transition: all 0.1s ease;
  205. transition: all 0.1s ease;
  206. /*delete the following for no rounded edges*/
  207. -webkit-border-radius: 4px;
  208. -moz-border-radius: 4px;
  209. border-radius: 4px;
  210. }
  211.  
  212. #click3:hover{
  213. cursor:help;
  214. }
  215.  
  216. #click3:active{
  217. background:#ffffff; /*color of tab when clicked*/
  218. }
  219.  
  220. #guts3{
  221. padding:1px;
  222. display:none;
  223. }
  224.  
  225. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {
  226. margin:0;
  227. padding:0;
  228. list-style:none;
  229.  
  230. }
  231. h1 {
  232. font-size:15px;
  233. text-align:center;
  234. padding:10px;
  235. color:{color:text};
  236. text-shadow:1px 1px #b5b3b3;
  237. }
  238.  
  239. body {
  240. font: 10px Helvetica;
  241. color: {color:text};
  242. background-color: {color:background};
  243. text-align:justify;
  244. line-height:5px;
  245.  
  246. }
  247.  
  248. a {color: {color:link};}
  249. a:hover {color: {color:link hover};
  250. text-decoration:underline;
  251. }
  252. a {text-decoration:none;}
  253.  
  254. b, strong {color:{color:text}}
  255. i, em {color:{color:text}}
  256. small {font-size:8px;}
  257. big {font-size:12px;}
  258. ul {list-style:square;text-align:justify;}
  259.  
  260. blockquote {border-left:1px solid gray;
  261. padding-left:15px;
  262. margin-left:25px;}
  263.  
  264. blockquote p {display:block!important;}
  265.  
  266. blockquote img {max-width:220px!important;}
  267.  
  268. /* content */
  269. #content {
  270. left:50%;
  271. margin-left:-130px;
  272. position:absolute;
  273. width:400px;
  274. margin-top: 25px;
  275. margin-bottom: 25px;
  276.  
  277. }
  278.  
  279. /* sidebar */
  280. #sidebar {
  281. margin-left: -380px;
  282. overflow: hidden;
  283. top: 1px;
  284. line-height:15px;
  285. width: 250px;
  286. position: fixed;
  287. margin-bottom: 15px;
  288. text-align: center;
  289. margin-top:100px;
  290.  
  291. }
  292. #sidebar h1 a {
  293. color: {color:text};
  294. text-decoration: none;
  295.  
  296. }
  297. #sidebar h1 a:hover {
  298. color: {color:text};
  299. text-decoration: none;
  300.  
  301. }
  302.  
  303. #sidebar img {
  304. width:250px;
  305.  
  306. }
  307.  
  308. #description {
  309. width:230px;
  310. padding-left:10px;
  311. padding-right:10px;
  312. text-align:center;
  313.  
  314. }
  315.  
  316. #links {
  317. padding:10px;
  318.  
  319.  
  320. }
  321. #links a {
  322. padding:3px;
  323. margin-right:0px;
  324. color:black;
  325. background-color: #C8C8C8 ;
  326. border-right:1px solid #000;
  327. border-bottom:1px solid #000;
  328. border-left:1px solid #989898;
  329. border-top:1px solid #989898;
  330.  
  331. }
  332. #links a:hover {
  333. border-left:1px solid #000;
  334. border-top:1px solid #000;
  335. border-right:1px solid #989898;
  336. border-bottom:1px solid #989898;
  337.  
  338. }
  339. #gradient {
  340. width: 25px;
  341. height: 20px;
  342. margin-bottom: 5px;
  343. background: {color:gradient};
  344. float: left;
  345. }
  346. #title {
  347. font-family:tahoma;
  348. font-size:30px;
  349. margin-bottom:3px;
  350. font-weight:bold;
  351. text-align:right;
  352. width:250px;
  353. line-height:100%;
  354. -webkit-transition:all 0.3s ease-out;
  355. -moz-transition:all 0.3s ease-out;
  356. transition:all 0.3s ease-out;
  357.  
  358. }
  359. #title:hover{
  360. color: transparent;
  361. text-shadow: #000 0 0 5px;
  362. text-decoration:none;-webkit-transition:all 0.3s ease-out;
  363. -moz-transition:all 0.3s ease-out;
  364. transition:all 0.3s ease-out;
  365. }
  366.  
  367. /* pagination */
  368. #pagination {
  369. width: 225px;
  370. border-top:1px solid #eee;
  371. padding: 3px;
  372. font-size: 9px;
  373. line-height: 21px;
  374. text-shadow: 0 1px 1px #fff;
  375. text-align: center;
  376. margin-top: 10px;
  377. letter-spacing:1px;
  378. text-transform: lowercase;
  379. font-style: italic;
  380. font-family: tahoma;
  381.  
  382. }
  383.  
  384. /* posts */
  385. .post {
  386. line-height: 18px;
  387. clear: both;
  388.  
  389. }
  390. .post h3 {
  391. font-size: 1em;
  392.  
  393. }
  394. .caption blockquote {
  395. padding-left: 20px;
  396.  
  397. }
  398.  
  399. /* kinds of posts */
  400. .audioinfo {font-family:arial;line-height:100%;}
  401.  
  402. .post text {text-align: left;}
  403.  
  404. .post photo {margin-bottom: 5px; text-align: center;}
  405. .post photo img {border: 0;}
  406.  
  407. .post quote {text-align: center; font-size:15px;}
  408. .quote{font-family:arial;font-weight:bold;text-align:center;font-size:15px;text-shadow:1px 1px #b5b3b3;}
  409. .post quote .source {font-size: 12px;}
  410. .source{
  411. text-shadow:none;font-weight:normal;font-size:12px;text-align:right;
  412. }
  413. .answer {text-align: justify; line-height: 15px;}
  414. .question {margin-bottom: 0px; line-height: 15px;}
  415.  
  416. .post link {text-align: left;}
  417.  
  418. .post video {text-align: left;}
  419.  
  420. .post chat {text-align: left;}
  421. .post chat li {list-style-type: none;}
  422.  
  423. /* metadata */
  424. #info {margin-top: 10px; font-size: 10px; text-transform:none; margin-bottom: 60px; line-height:150%;}
  425.  
  426. ol.notes {display:block; text-align:left; margin-bottom:30px;}
  427. ol.notes li.note{padding:1%;}
  428.  
  429. .pagenotes {text-align:right;}
  430.  
  431. .tags {}
  432. .tags a {margin-left:5px;}
  433. .tags a:hover {margin-right:5px;text-decoration:underline;}
  434.  
  435. /*custom css */
  436. .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;font-style:italic;padding-right:10px;}
  437.  
  438. .post img{width:400px;}
  439.  
  440. /*credit*/
  441. #credit {font-weight:bold ;position:fixed; right:10px; bottom:10px; text-shadow:2px 1px #eee; text-transform:uppercase; font:30px 'tahoma'; letter-spacing:1px; padding:3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
  442. #credit:hover{color: transparent;
  443. text-shadow: #000 0 0 5px;
  444. text-decoration:none;-webkit-transition:all 0.3s ease-out;
  445. -moz-transition:all 0.3s ease-out;
  446. transition:all 0.3s ease-out;}
  447. {CustomCSS}
  448.  
  449. </style></head>
  450. <body>
  451. <div id="updates">
  452.  
  453. <!-- delete this part to take off bar and buttons-->
  454. <div id="updatesbar">
  455. <img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png">
  456. <img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png">
  457. <img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png">
  458. </div>
  459. <!--end-->
  460.  
  461. <div id="click">stats</div>
  462. <div id="guts">
  463. Put your hit counter, users online, etc. here.
  464. </div>
  465.  
  466. <div id="click2">info</div>
  467. <div id="guts2">
  468. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
  469. </div>
  470.  
  471. <div id="click3">networks</div>
  472. <div id="guts3">
  473. Put networks and things if you're into that kind of stuff.
  474. </div>
  475.  
  476. </div>
  477. <div id="content">
  478.  
  479. <div id="sidebar">
  480.  
  481. <div id="title"><div id="gradient" style="opacity: 0.1;"></div>
  482. <div id="gradient" style="opacity: 0.2;"></div>
  483. <div id="gradient" style="opacity: 0.3;"></div>
  484. <div id="gradient" style="opacity: 0.4;"></div>
  485. <div id="gradient" style="opacity: 0.5;"></div>
  486. <div id="gradient" style="opacity: 0.6;"></div>
  487. <div id="gradient" style="opacity: 0.7;"></div>
  488. <div id="gradient" style="opacity: 0.8;"></div>
  489. <div id="gradient" style="opacity: 0.9;"></div>
  490. <div id="gradient"></div>{title}</div>
  491.  
  492. <img src="{image:Sidebar}" />
  493.  
  494. <div id="links">
  495. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  496. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  497. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  498. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  499.  
  500. </div>
  501.  
  502. <div id="description">{description}
  503.  
  504. <div id="pagination">
  505. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  506. </div>
  507.  
  508. </div>
  509.  
  510. </div>
  511.  
  512.  
  513. <div id="entries">
  514.  
  515. <ol id="posts">
  516.  
  517. {block:ContentSource}
  518. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  519. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  520. {/block:SourceLogo}
  521. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  522. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  523.  
  524. {block:Posts}
  525. {block:Text}
  526. <li class="post text">
  527. {block:Title}
  528. <h3><a href="{Permalink}">{Title}</a></h3>
  529. {/block:Title}{Body}
  530. </li>
  531. {/block:Text}
  532.  
  533. {block:Photo}
  534. <li class="post photo">
  535. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  536.  
  537. {block:Caption}
  538. <div class="caption">{Caption}</div>
  539. {/block:Caption}
  540. </li>
  541. {/block:Photo}
  542.  
  543. {block:Photoset}
  544. <li class="post photoset">
  545. {Photoset-400}{block:Caption}
  546. <div class="caption">{Caption}</div>
  547. {/block:Caption}
  548. </li>
  549. {/block:Photoset}
  550.  
  551. {block:Quote}
  552. <li class="post quote">
  553. "{Quote}"
  554. {block:Source}
  555. <div class="source">— <i>{Source}</i></div>
  556. {/block:Source}
  557. </li>
  558. {/block:Quote}
  559.  
  560. {block:Link}
  561. <li class="post link">
  562. <a href="{URL}" {Target}><h1>{Name}</h1></a>
  563.  
  564. {block:Description}
  565. <div class="description">{Description}</div>
  566. {/block:Description}
  567. </li>
  568. {/block:Link}
  569.  
  570. {block:Chat}
  571. <li class="post chat">
  572. {block:Title}
  573. <h3><a href="{Permalink}">{Title}</a></h3>
  574. {/block:Title}
  575.  
  576. <ul class="chat">
  577. {block:Lines}
  578. <li class="{Alt} user_{UserNumber}">
  579. {block:Label}
  580. <span class="label">{Label}</span>
  581. {/block:Label}{Line}
  582. </li>
  583. {/block:Lines}
  584. </ul>
  585. </li>
  586. {/block:Chat}
  587.  
  588. {block:Answer}
  589. <div style="color:{color:text};">
  590. <b>{Asker}</b>: <div class="question">{Question}</div>
  591. </div><br>
  592. <div class="answer">{Answer}</div>
  593. {/block:Answer}
  594.  
  595. {block:Video}
  596. <li class="post video">
  597. {Video-500}{block:Caption}
  598. <div class="caption">{Caption}</div>
  599. {/block:Caption}
  600. </li>
  601. {/block:Video}
  602.  
  603. {block:Audio}<div class="audio"><div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div><br><div class="playercontainer">{AudioPlayerWhite}</div></div><br>{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  604.  
  605. <div id="info">
  606. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date} with <a href="{Permalink}"> {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank" style="color:{color:text}">Reblog</a>
  607. {block:permalinkpage} / {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}<br/>{block:HasTags}<div class="tags">Filed under➝ {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  608. </div>
  609.  
  610. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  611. {/block:Posts}
  612. </ol>
  613.  
  614. <div id="credit">
  615. <a href="http://hipthrustshoran.tumblr.com/">
  616. ☠
  617. </a>
  618.  
  619. </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!