API tools faq
paste
Advertisement
parispier

Theme11: Pretty in Pink

parispier
Mar 22nd, 2013
5,653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme made by nialljhoren ---->
  2. <!---- do not use as base code, remove credit, or claim as your own --->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <script>
  12. window.onload = function () {
  13. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  14. document.addEventListener( 'click', function ( event ) {
  15. var myLike = event.target;
  16. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  17. var frame = document.getElementById( 'my-like-frame' ),
  18. liked = ( myLike.className == 'my-liked' ),
  19. command = liked ? 'unlike' : 'like',
  20. reblog = myLike.getAttribute( 'data-reblog' ),
  21. id = myLike.getAttribute( 'data-id' ),
  22. oauth = reblog.slice( -8 );
  23. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  24. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  25. };
  26. }, false );
  27. };
  28. </script>
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:text" content="#a3a3a3" />
  32. <meta name="color:destext" content="#a3a3a3" />
  33. <meta name="color:link" content="#b3b2b1" />
  34. <meta name="color:linkhovercolor" content="#f3f3f3" />
  35. <meta name="color:navlink" content="#b3b2b1" />
  36. <meta name="color:navlinkhovercolor" content="#b3b2b2" />
  37. <meta name="color:border" content="#e4e3e2" />
  38. <meta name="color:sbarborder" content="#e4e3e2" />
  39. <meta name="color:scrollbar" content="#b1b1b1"/>
  40.  
  41. <meta name="text:Name" content="name" />
  42. <meta name="text:NameLink" content="/" />
  43. <meta name="text:Link1" content="/" />
  44. <meta name="text:Link1 Title" content="link 1" />
  45. <meta name="text:Link2" content="/" />
  46. <meta name="text:Link2 Title" content="link 2" />
  47. <meta name="text:Link3" content="/" />
  48. <meta name="text:Link3 Title" content="link 3" />
  49. <meta name="text:Link4" content="/" />
  50. <meta name="text:Link4 Title" content="link 4" />
  51.  
  52. <meta name="image:sidebar" content="http://static.tumblr.com/8dc7986dda4812c14fedb16e94cf5ff3/u2cvgr8/jLqmk1k82/tumblr_static_tumblr_inline_mk160v54ur1qz4rgp.png"/>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  58.  
  59. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  60.  
  61. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  62.  
  63. body {
  64. background:{color:background};
  65. margin:0px;
  66. color:{color:text};
  67. font-size:10px;
  68. line-height:100%;
  69. font-family:cambria;
  70. }
  71.  
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. -moz-outline-style:none;
  76. color:{color:link};
  77. -webkit-transition: all 0.9s ease-in;
  78. -moz-transition: all 0.9s ease-in;
  79. -o-transition: all 0.9s ease-in;
  80. -webkit-transition: all 0.5s ease-out;
  81. -moz-transition: all 0.5s ease-out;
  82. -o-transition: all 0.5s ease-out;
  83. }
  84.  
  85. a:hover {
  86. color:{color:linkhovercolor};
  87. -webkit-transition: all 0.9s ease-in;
  88. -moz-transition: all 0.9s ease-in;
  89. -o-transition: all 0.9s ease-in;
  90. -webkit-transition: all 0.5s ease-out;
  91. -moz-transition: all 0.5s ease-out;
  92. -o-transition: all 0.5s ease-out;
  93. }
  94.  
  95. img {
  96. border:none;
  97. }
  98.  
  99. blockquote {
  100. padding-left:5px;
  101. border-left:2px solid;
  102. }
  103.  
  104. blockquote blockquote {
  105. padding-left:5px;
  106. border-left:2px solid;
  107. }
  108.  
  109. h1 {
  110. font-size:12px;
  111. font-family:consolas;
  112. text-transform:uppercase;
  113. padding-bottom:2px;
  114. }
  115.  
  116. #entries {
  117. width:500px;
  118. margin-left:520px;
  119. margin-top:80px;
  120. margin-bottom:30px;
  121. }
  122.  
  123. #post {
  124. font-family:cambria;
  125. width:500px;
  126. padding-right:20px;
  127. padding-left:15px;
  128. padding-top:15px;
  129. margin-top:18px;
  130. }
  131.  
  132. #sidebar {
  133. position:fixed;
  134. width:280px;
  135. position:fixed;
  136. margin-left:255px;
  137. margin-top:40px;
  138. }
  139.  
  140. #sidebarimage img {
  141. position:fixed;
  142. width:190px;
  143. height:400px;
  144. padding:3px;
  145. opacity:.7;
  146. border:1px solid {color:sbarborder};
  147. }
  148.  
  149. #sw {
  150. z-index:5;
  151. position:fixed;
  152. margin-top:-250px;
  153. margin-left:13px;
  154. }
  155.  
  156. #description {
  157. width:100px;
  158. font-family:cambria;
  159. font-size:8px;
  160. position:fixed;
  161. padding:5px;
  162. margin-top:290px;
  163. margin-left:50px;
  164. text-align:justify;
  165. opacity:1;
  166. font-weight:bolder;
  167. color:{color:destext};
  168. }
  169.  
  170. #name {
  171. position:fixed;
  172. margin-top:280px;
  173. margin-left:55px;
  174. font-family:consolas;
  175. font-size:14px;
  176. text-decoration:underline;
  177. letter-spacing:1px;
  178. font-weight:bolder;
  179. }
  180.  
  181. #name a {
  182. color:{color:navlink};
  183. }
  184.  
  185. #name a:hover {
  186. color:{color:navlinkhovercolor};
  187. }
  188.  
  189. #links {
  190. font-family:consolas;
  191. z-index:5;
  192. position:fixed;
  193. margin-left:5px;
  194. margin-top:280px;
  195. width:35px;
  196. height:80px;
  197. line-height:140%;
  198. font-size:9px;
  199. text-align:right;
  200. padding-right:5px;
  201. text-transform:uppercase;
  202. letter-spacing:0px;
  203. opacity:1;
  204. border-right:1px solid #d5d2d0;
  205. font-weight:bolder;
  206. }
  207.  
  208. #pagination {
  209. z-index:5;
  210. position:fixed;
  211. font-family:cambria;
  212. font-size:7.5px;
  213. text-align:center;
  214. margin-top:344px;
  215. margin-left:55px;
  216. text-transform:uppercase;
  217. font-weight:bolder;
  218. letter-spacing:1px;
  219. }
  220.  
  221. #pagination a {
  222. color:{color:navlink};
  223. }
  224.  
  225. #pagination a:hover {
  226. color:{color:navlinkhovercolor};
  227. }
  228.  
  229. #tags {
  230. font-family:consolas;
  231. font-size:8px;
  232. text-transform:uppercase;
  233. opacity:0;
  234. padding:2px;
  235. margin-top:-10px;
  236. -webkit-transition: all 0.9s ease-in;
  237. -moz-transition: all 0.9s ease-in;
  238. -o-transition: all 0.9s ease-in;
  239. -webkit-transition: all 0.5s ease-out;
  240. -moz-transition: all 0.5s ease-out;
  241. -o-transition: all 0.5s ease-out;
  242. }
  243.  
  244. #tags a {
  245. color:{color:link};
  246. }
  247.  
  248. #tags a:hover {
  249. color:{color:linkhovercolor};
  250. }
  251.  
  252. #post:hover #tags {
  253. opacity:1;
  254. margin-top:-3px;
  255. padding-bottom:3px;
  256. -webkit-transition: all 0.9s ease-in;
  257. -moz-transition: all 0.9s ease-in;
  258. -o-transition: all 0.9s ease-in;
  259. -webkit-transition: all 0.5s ease-out;
  260. -moz-transition: all 0.5s ease-out;
  261. -o-transition: all 0.5s ease-out;
  262. }
  263.  
  264. #info {
  265. font-family:consolas;
  266. text-align:right;
  267. text-transform:uppercase;
  268. font-size:7.5px;
  269. margin-top:2px;
  270. padding-top:2px;
  271. opacity:1;
  272. border-top:1px solid #ececec;
  273. -webkit-transition: all 0.9s ease-in;
  274. -moz-transition: all 0.9s ease-in;
  275. -o-transition: all 0.9s ease-in;
  276. -webkit-transition: all 0.5s ease-out;
  277. -moz-transition: all 0.5s ease-out;
  278. -o-transition: all 0.5s ease-out;
  279. }
  280.  
  281. #info a {
  282. color:{color:link};
  283. }
  284.  
  285. #info a:hover {
  286. color:{color:linkhovercolor};
  287. }
  288.  
  289. #question{
  290. font-family: consolas;
  291. font-size:10px;
  292. padding:8px 3px 8px 5px;
  293. width:500px;
  294. text-align:left;
  295. font-style:italic;
  296. background-color:#ffffff;
  297. background-color:#fcfcfc;
  298. border-bottom:1px dotted #e4e3e2;
  299. color:{color:text};
  300. }
  301.  
  302. #question a:hover{
  303. color:{color:linkhovercolor};
  304. }
  305.  
  306. #heyo {
  307. font-family:cambria;
  308. position:fixed;
  309. text-align:center;
  310. bottom:10px;
  311. right:7px;
  312. font-size:6.5px;
  313. text-transform:uppercase;
  314. display:block;
  315. background-color:#fff;
  316. letter-spacing:1px;
  317. }
  318.  
  319. #heyo a{
  320. color:#b3b2b1;
  321. border: 1px solid #e4e3e2;
  322. padding: 3px 5px 3px 5px;
  323. border-radius:500px;
  324. background-color:#fff;
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330. #heyo a:hover{
  331. color:#fff;
  332. background-color:#969194;
  333. border: 1px solid #7a7979;
  334. -moz-transition-duration:0.5s;
  335. -webkit-transition-duration:0.5s;
  336. -o-transition-duration:0.5s;
  337. }
  338.  
  339. i, em{color:{color:italic}; font-style:italic;}
  340. b, strong{color:{color:bold}; font-style:bold; font-weight:900;}
  341.  
  342. #albumart {
  343. position:absolute;
  344. width:125px;
  345. height:125px;}
  346. #albumart img {
  347. width:125px;
  348. height:125px;
  349. float:left;
  350. padding:5px;}
  351. #audioinfo {
  352. font-size:7px;
  353. color:text;}
  354.  
  355.  
  356. {CustomCSS}</style></head><body>
  357.  
  358. <div id="sidebar">
  359.  
  360. <div id="sw">
  361.  
  362. <div id="links">
  363. <a href="{text:Link1}" style="color:{color:navlink};">{text:Link1 Title}</a><p>
  364. <a href="{text:Link2}" style="color:{color:navlink};">{text:Link2 Title}</a> <p>
  365. <a href="{text:Link3}" style="color:{color:navlink};">{text:Link3 Title}</a> <p>
  366. <a href="{text:Link4}" style="color:{color:navlink};">{text:Link4 Title}</a>
  367. </div>
  368.  
  369. <div id="description">{Description}</div>
  370. <div id="name"><a href="{text:NameLink}">{text:Name}</a></div>
  371.  
  372. <div id="pagination">{block:Pagination}
  373. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  374. {block:JumpPagination length="5"}
  375. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  376. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  377. {/block:JumpPagination}
  378. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  379. {/block:Pagination}</div>
  380.  
  381. </div>
  382. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  383.  
  384. </div>
  385.  
  386.  
  387. <div id="entries">{block:Posts}<div id="post">
  388.  
  389. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  390.  
  391. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  392.  
  393. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  394.  
  395. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  396.  
  397. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  398.  
  399. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  400.  
  401. {block:Audio}
  402. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  403. {AudioPlayerWhite}
  404. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  405. <br>
  406. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  407. <br>
  408. {block:Album}<b>Album:</b> {Album}{/block:Album}
  409. <br>
  410. <b>Plays:</b> {PlayCount}
  411. {/block:Audio}
  412.  
  413. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  414.  
  415. {block:Answer}
  416. <a href="{AskerURL}"><img align="left" src="{AskerPortraitUR-24}"></a> <div id="question" style="width:500px;">{Asker}: {Question}</div> <BR>
  417. {Answer}
  418. {/block:Answer}
  419.  
  420. <div id="info">
  421. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  422. {NoteCountWithLabel}</a>{block:RebloggedFrom} via <a href="{ReblogParentURL}"
  423. title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  424. + <a href="{ReblogURL}" target="_blank">reblog</a>
  425.  
  426. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div></div>
  427.  
  428. {/block:Posts}
  429. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  430. {/block:Posts} </div></div>
  431.  
  432. <div id="heyo"><a href="http://nialljhoren.tumblr.com">N</a></div>
  433.  
  434. </div>
  435.  
  436. </div>
  437.  
  438. </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!