SHARE
TWEET

me & my girls

rachaelsux Apr 23rd, 2014 419 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--theme 5: me & my girls by dimplekink; don't remove the credit cause that's rly fucking rude lmao-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--Default Variables-->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#aaaaaa"/>
  17. <meta name="color:Link" content="#000000"/>
  18. <meta name="color:link bg" content ="#000"/>
  19. <meta name="color:sb link" content ="#fff"/>
  20.  
  21. <meta name="image:Sidebar Image" content=""/>
  22.  
  23.  
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 2 URL" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 3 URL" content="" />
  29. <meta name="text:Link 3" content="" />
  30.  
  31.  
  32. <!-- jquery for tooltips-->
  33.  
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38.  
  39. <script>
  40.  
  41. (function($){
  42.  
  43. $(document).ready(function(){
  44.  
  45. $("a[title]").style_my_tooltips({
  46.  
  47. tip_follows_cursor:true,
  48.  
  49. tip_delay_time:30,
  50.  
  51. tip_fade_speed:300,
  52.  
  53. attribute:"title"
  54.  
  55. });
  56.  
  57. });
  58.  
  59. })(jQuery);
  60.  
  61. </script>
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68. <!--CSS customization here. -->
  69.  
  70. <style type="text/css">
  71.  
  72. #s-m-t-tooltip{
  73.     position:absolute;
  74.     margin-top: 15px;
  75.     z-index:9999;
  76.     background:{color:background};
  77. }
  78.  
  79.  
  80.  
  81. /*basics*/
  82. blockquote {padding:0px 0 0px 20px;
  83. border-left:1px solid #eee;
  84. margin-left:10px;
  85. }
  86.  
  87. body {
  88. background:{color:background};
  89. font-family:arial;
  90. font-size:9px;
  91. text-align:justify;
  92. margin:0;
  93. line-height:11px;}
  94.  
  95. a {
  96. color:{color:link};
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover {
  101. text-decoration:underline;}
  102.  
  103. img{opacity:1;
  104. border:none;
  105. text-decoration:none}
  106.  
  107.  
  108. small {
  109. font-size:9px;}
  110.  
  111. big {
  112. font-size:12px;}
  113.  
  114.  
  115. #title {font-size:12px;
  116. line-height:18px;
  117. font-weight:bold;
  118. margin-bottom:10px;
  119. text-transform:uppercase;
  120. text-align:left;}
  121.  
  122.  
  123. /*sidebar*/
  124. #sidebar {text-align:left;
  125. position:fixed;
  126. margin-left:-300px;
  127. margin-top:150px;
  128. width:185px;
  129. }
  130.  
  131. #sidebarim {margin-bottom:0px}
  132.  
  133. #sidebarim img {width:195px}
  134.  
  135.  
  136. #blogt {font-size:18px;
  137. font-weight:bold;
  138.     margin-bottom:8px;
  139. }
  140.  
  141.  
  142. #links {
  143. line-height:10px;
  144. text-transform:lowercase;
  145. background:{color:link bg};
  146. color:{color:sb link};
  147. width:195px;
  148. height:10px;
  149. margin-top:1px;
  150. }
  151.  
  152.  
  153. #links a {
  154. margin-right:5px;
  155. display:inline-block;
  156. margin-bottom:5px;
  157. margin-top:0px;
  158. color:{color:sb link};
  159. }
  160.  
  161. #description {
  162. margin:5px 0;
  163. color:{color:text};
  164. }
  165.  
  166.  
  167.  
  168. /*pagination*/
  169. #pagination {
  170. margin:50px 0;
  171. text-transform:lowercase;
  172. font-weight:bold;
  173. }
  174. #pagination a {
  175. padding:0 15px;
  176. }
  177.  
  178. /*container*/
  179. #con {
  180. left:50%;
  181. margin-left:-20px;
  182. position:absolute;
  183. }
  184.  
  185.  
  186.  
  187. /*posts*/
  188.  
  189. #entries {
  190. margin-top:75px;
  191. width:400px;
  192. }
  193.  
  194.  
  195.  
  196. #posts {
  197. width:400px;
  198. {block:IndexPage}
  199. margin-bottom:75px;
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. margin-bottom:50px;
  203. {/block:PermalinkPage}
  204.  
  205. }
  206. #posts img {
  207. max-width:400px;
  208. }
  209.  
  210. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  211. .caption {width:100%;
  212. margin-top:10px;
  213.  
  214. }
  215.  
  216. /*quote*/
  217.  
  218. #titlequote{text-align:left;
  219. font-size:18px;
  220. line-height:18px;
  221. font-weight:bold;
  222. font-style:italic;
  223. }
  224. #source {
  225. margin-top:15px;
  226. margin-left:190px;
  227.     font-size:9px;
  228. }
  229.  
  230. /*audio*/
  231.  
  232. .player {
  233. width:25px;
  234. height:25px;
  235. overflow:hidden;
  236. position:absolute;
  237. background:white;}
  238.  
  239. .audioinfo {
  240. margin-left:50px;
  241. }
  242.  
  243.  
  244. /*asks*/
  245. #q {
  246.     -webkit-transition: all 0.3s linear;
  247.     -moz-transition: all 0.3s linear;
  248.     transition: all 0.3s linear;
  249. background-color:transparent;
  250. color: {color:text};
  251. margin-left:0px;
  252. padding:0px;
  253. margin-top:-10px;
  254. margin-bottom:5px;
  255. font-size:10px;
  256. font-style:italic;
  257. text-align:left;
  258. }
  259. #q img{
  260.     border: 1px solid #fff;
  261.     border-radius:30px;
  262.    width:50px;
  263.      -webkit-transition: all 1s ease-in-out;
  264.     -moz-transition: all 0.6s ease-in-out;
  265.     -o-transition: all 0.6s ease-in-out;
  266.     -ms-transition: all 0.6s ease-in-out;
  267. }
  268. #q:hover img{
  269.      -webkit-transition: all 1s ease-in-out;
  270.     -moz-transition: all 0.6s ease-in-out;
  271.     -o-transition: all 0.6s ease-in-out;
  272.     -ms-transition: all 0.6s ease-in-out;
  273.      -webkit-transform: rotate(360deg);
  274.     -moz-transform: rotate(0deg);
  275.     -o-transform: rotate(360deg);
  276. }
  277.  
  278.  
  279. /*chat*/
  280.  
  281. .chat ol {
  282. padding:0;
  283. list-style:none;
  284. }
  285. .line {padding:5px 0;}
  286.  
  287. .label {font-weight:bold;
  288. }
  289.  
  290.  
  291.  
  292.  
  293.  
  294. /*permalink and notes*/
  295.  
  296. #permalink {
  297. text-align:right;
  298.     margin-top:4px;
  299.     text-transform:none;
  300.     opacity:0;
  301.     font-size:9px;
  302.     font-style:italic;
  303.     -webkit-transition: all 0.6s ease-in-out;
  304.     -moz-transition: all 0.6s ease-in-out;
  305.     -o-transition: all 0.6s ease-in-out;
  306.     -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  307. }
  308.  #posts:hover #permalink{
  309.     opacity:1;
  310.     -webkit-transition: all 0.6s ease-in-out;
  311.     -moz-transition: all 0.6s ease-in-out;
  312.     -o-transition: all 0.6s ease-in-out;
  313.     -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  314.  }
  315.  
  316. .tags { word-break:break-all; font-size:9px; opacity:0; -webkit-transition: opacity 0.5s linear; }
  317. #posts:hover .tags{ opacity:1; }
  318.  
  319. .pagenotes {
  320. {block:IndexPage}
  321. display: none!important;
  322. {/block:IndexPage}
  323. width:400px;
  324. text-align:left;
  325.  
  326. }
  327. .pagenotes img {
  328. display:none!important;}
  329. .pagenotes li {
  330. list-style-type:none;
  331. padding:5px 0px;
  332. text-align:left;
  333. margin:0 0 0 -40px;
  334. }
  335.  
  336.  #credit {
  337.     bottom:10px;
  338.     font-style:none;
  339.     font-size:10px;
  340.     right:35px;
  341.     position:fixed;
  342.     font-weight:bold;
  343.     }
  344.  
  345.  
  346. {CustomCSS}
  347.  
  348.  
  349. </style>
  350.  
  351.  
  352.  
  353. </head>
  354.  
  355. <body>
  356.  
  357. <div id="con">
  358.  
  359. <div id="sidebar">
  360. <div id="blogt">{Title}</div>
  361. <div id="links">
  362. <a href="/">home</a>
  363. <a href="/ask">ask</a>
  364. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  365. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  366. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}<div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  367. <div id="description">{Description}</div>
  368. </div>
  369.  
  370.  
  371.  
  372.  
  373. </div>
  374.  
  375.  
  376.  
  377.  
  378. <div id="entries">
  379.  
  380. {block:Posts}
  381. <div id="posts">
  382.  
  383.  
  384. {block:Quote}
  385.  
  386.  
  387. <div id="titlequote">“{Quote}”</div>
  388. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  389. {/block:Quote}
  390.  
  391.  
  392.  
  393. {block:Text}
  394.  
  395. {block:Title}
  396. <div id="title">{Title}</div>{/block:Title}
  397. {Body}
  398. {/block:Text}
  399.  
  400. {block:Link}
  401. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  402. {/block:Link}
  403.  
  404. {block:Chat}
  405. {block:Title}
  406. <h1>{Title}</h1>
  407. {/block:Title}
  408. <div class="chat">
  409. <ol>{block:Lines}
  410. <li class="line {Alt}">
  411. {block:Label}
  412. <span class="label">
  413. {Label}</span>
  414. {/block:Label}{Line}</li>
  415. {/block:Lines}
  416. </ol></div>
  417. {/block:Chat}
  418.  
  419. {block:Photo}
  420. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  421. {/block:Photo}
  422.  
  423. {block:Photoset}
  424. {Photoset-400}
  425. {/block:Photoset}
  426.  
  427. {block:Video}
  428. {Video-400}
  429. {/block:Video}
  430.  
  431. {block:Audio}
  432. <div class="player">{AudioPlayerWhite}</div>
  433. <div class="audioinfo">
  434. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  435. </div>
  436. {/block:Audio}
  437.  
  438. {block:Answer}<div id="q"><img src="{AskerPortraitURL-64}"/> {Asker}: {Question}</div>
  439. <div id="answer"> {Answer}</div>{/block:answer}
  440.  
  441. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  442.  
  443. {block:Date}
  444. <div id="permalink">
  445. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a> {block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a> {/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">©</a> {/block:ContentSource}{/block:RebloggedFrom}
  446. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  447. </div>
  448. {/block:Date}
  449.  
  450.  
  451.  
  452. </div>
  453.  
  454.  
  455. {block:PostNotes}
  456. <div class="pagenotes">
  457. {PostNotes}
  458. </div>
  459. {/block:PostNotes}
  460.  
  461.  
  462. {/block:Posts}
  463.  
  464. <div id="pagination">
  465. {block:Pagination}
  466. {block:PreviousPage}
  467. <a href="{PreviousPage}">&larr; previous </a>
  468. {/block:PreviousPage}
  469.  
  470.  
  471. {block:NextPage}
  472. <a href="{NextPage}">next &rarr;</a>
  473. {/block:NextPage}
  474. {/block:Pagination}
  475. </div>
  476.  
  477.  
  478.  
  479. </div>
  480.  
  481. </div>
  482.  
  483.  
  484. {block:ContentSource}
  485. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  486. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  487. {/block:SourceLogo}
  488. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  489. {/block:ContentSource}<!---DONT TOUCH THIS ---> <div id="credit"><a href="http://dimplekink.tumblr.com">©</a></div>
  490.  
  491. </body></html>
RAW Paste Data
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
 
Top