API tools faq
paste
tylerfuckinposey

My Kind Of Love Theme

tylerfuckinposey
Sep 9th, 2012
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme #1 by www.ptonkins.tumblr.com
  5. ~~~ don't remove the credit pls ~~~
  6.  
  7. -->
  8.  
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:title" content="#e8b2c0" />
  14. <meta name="color:title shadow" content="#f9f9f9" />
  15. <meta name="color:sidebarbg" content="#f9f9f9" />
  16. <meta name="color:scroll" content="#dd82a0" />
  17. <meta name="color:scroll background" content="#f9f9f9" />
  18. <meta name="color:text" content="#cbcbcb" />
  19. <meta name="color:link" content="#e8b2c0" />
  20. <meta name="color:words" content="#e8b2c0" />
  21. <meta name="color:link hover" content="#dd82a0" />
  22. <meta name="color:tag background" content="#f9f9f9" />
  23. <meta name="color:Permalink Bg" content="#e8b2c0" />
  24. <meta name="color:border" content="#e8b2c0" />
  25.  
  26.  
  27.  
  28.  
  29. <meta name="font:title" content="none" />
  30. <meta name="font:body" content="calibri" />
  31. <meta name="font:description" content="calibri" />
  32.  
  33. <meta name="image:sidebarimage" content=""/>
  34. <meta name="image:background" content="" />
  35.  
  36. <meta name="text:link1" content="link one">
  37. <meta name="text:link1 url" content="">
  38. <meta name="text:link2" content="link two">
  39. <meta name="text:link2 url" content="">
  40. <meta name="text:link3" content="link three">
  41. <meta name="text:link3 url" content="">
  42.  
  43.  
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'>
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52. <style type="text/css">
  53.  
  54.  
  55.  
  56. /* -------------------------- SCROLL ----------------------------- */
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll}; height:50px}
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scroll}; height:10px}
  61.  
  62. ::-webkit-scrollbar {height:8px; width:8px; background-color: {color:Scroll Background}}
  63.  
  64.  
  65. /* ------------------------- BODY ------------------------- */
  66.  
  67. body
  68. { background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:no-repeat; background-attachment:fixed; background-position:left; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;; font-size:10.5px; text-align:justify; color:{color:text}; line-height:110%; }
  69.  
  70.  
  71.  
  72. a:link, a:active, a:visited
  73. { color: {color:link}; text-decoration:none; }
  74.  
  75. a:hover
  76. { -webkit-transition: all 0.5s linear; color:{color:link hover};}
  77.  
  78. small
  79. { font-size:9px} big{font-size:12px}
  80.  
  81. b
  82. { text-transform: block; color:{color:Words}; color:{color:link}}
  83. i
  84. { text-transform: italic; color:{color:Words}}
  85. u
  86. { text-transform: underline; color:{color:Words}}
  87. p
  88. { margin:1px 1px 0px 0px; padding: 1px;}
  89.  
  90.  
  91.  
  92. img a
  93. { border:none; width:100%}
  94.  
  95.  
  96.  
  97. /* ------------------------- SIDEBAR & NAV ------------------------- */
  98.  
  99. #sidebar
  100. { background-color: transparent; position: fixed; width: auto; height: 600px; margin-left: 80px; margin-top: 50px; padding:10px; }
  101.  
  102.  
  103. #sidebarimage:hover {opacity:1;}
  104.  
  105. .sidebarimage img
  106. { position: relative; width:200px; height: 250px;; text-align:center; margin-top:10px; border: 15px solid {color:border}; -webkit-transition: all 0.8s ease;
  107. -moz-transition: all 0.8s ease;
  108. -o-transition: all 0.8s ease;}
  109.  
  110.  
  111. .description
  112. {position: relative; padding:15px; width: 200px; height: 250px; font-size:10px; text-align: justify; margin-left: 0px; font-family:{font:Description}; position:relative; background-color:{color:sidebarbg} ; margin-top:-282px; margin-left: +300px; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out;
  113. }
  114.  
  115. .effect
  116. { text-align:center; position:relative; width:230px; overflow:hidden; height: 350px; }
  117.  
  118. .effect:hover .sidebarimage .description
  119. { margin-left:0px; -webkit-transition: all 3s ease-in-out; -moz-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; transition: all 3s ease-in-out; -webkit-transition: all 0.9s linear;
  120. -moz-transition: all 0.9s linear;
  121. transition: all 0.9s linear;}
  122.  
  123.  
  124.  
  125.  
  126.  
  127. #pagination
  128. { font-size:25px; text-transform:lowercase; margin-top:30px; margin-left: 0px; text-align: center; font-family: Contrail One; }
  129.  
  130.  
  131. #box1
  132. { position: fixed; margin-left: -120px; margin-top: 10px;}
  133.  
  134. #box2
  135. { background-color: {color:sidebarbg}; width: 100px; height: 260px; padding: 10px; -moz-border-radius: 15px 0px 0px 15px;
  136. -webkit-border-radius: 15px 0px 0px 15px;}
  137.  
  138. #box3
  139. { font-size:20px; text-transform:lowercase; margin:0px; text-align: center; font-family: Contrail One; padding: 4px; line-height:100%; color: {color: title}}
  140.  
  141.  
  142.  
  143. /* ------------------------- TITLE ------------------------- */
  144.  
  145.  
  146. h1
  147. { color:{color:post title}; font-family: Contrail One; font-style: none; padding: 3px; font-weight: none; font-size:30px; line-height:105%; text-transform:normal;text-align:center;}
  148.  
  149. h2
  150. { color:{color:text}; font:15px {font:text}; text-transform:lowercase; text-align:left}
  151.  
  152. #title a
  153. { color:{color:title}; font-size:30px; text-transform:lowercase; margin:0px; text-align: center; font-family: Contrail One; font-style: none; line-height:50%; margin-left: -150px; text-shadow: 2px 1px {color:title shadow{color:title shadow}; }
  154.  
  155.  
  156.  
  157. /* ------------------------- POSTS ------------------------- */
  158.  
  159. #container
  160. { background-color:transparent; width: 800px; text-align: center; margin: 0 auto 0px auto}
  161.  
  162. #entries
  163. { 500px; margin: -9px 0px 0px 0px; margin-right:-100px; float:right; text-align: justify; background-color: #ffffff;}
  164.  
  165. #entry
  166. { width: 500px; background-color:#ffffff; text-align:justify; padding: 20px;}
  167.  
  168. blockquote
  169. { border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  170.  
  171.  
  172.  
  173. /* ------------------------- ETC ------------------------- */
  174.  
  175. #info
  176. { background-color: transparent; opacity:0.5; font-family:calibri; text-align:center; margin:0px 0px 0px; padding: 3px; text-transform:uppercase; font-style:none; font-size:9px; width:500px; line-height:100%; {color:text};}
  177.  
  178. .tags
  179. { margin-top:-20px;font-size: 9px; text-transform: uppercase; text-align:center;}
  180.  
  181. .tags a
  182. { font-family:'calibri'; background-color: {color:tag background}; color:{color:link}; text-decoration:none; text-align:center; padding: 1px;}
  183.  
  184. .tags a:hover { margin: 0 5 5 0; background-color:{color:Permalink Bg}; color: #ffffff; text-decoration:none; text-align:center; padding: 1px;}
  185.  
  186. #audio
  187. { padding: 10px; margin-left: 0px; background: {color:link}; width: 490px; color: #ffffff; text-align: left; font-size: 10px; height: 8px; letter-spacing: 4px; }
  188.  
  189. /* ------------------------- ASK & QUESTIONS ------------------------- */
  190.  
  191.  
  192.  
  193. /* ------------------------- ASK & QUESTIONS ------------------------- */
  194.  
  195. .portrait {
  196. float:left;
  197. border: 3px solid #ffffff;
  198. margin-top: -3px;
  199. }
  200.  
  201. .asker a { background-color: #ffffff; text-transform:uppercase; font-weight:none; text-align: right; font-family: Contrail One; font-size: 13px; padding: 4px;
  202. }
  203.  
  204. .questions { font-family:calibri; font-size: 8px; text-transform: uppercase; padding:3px; background-color: #ffffff;color:{color:text}; }
  205.  
  206.  
  207.  
  208. .answer { margin-left:0px;}
  209.  
  210.  
  211.  
  212. /* ------------------------- FOLLOW/DASH ------------------------- */
  213.  
  214. iframe#tumblr_controls {position: fixed; margin-top:5px; margin-right:10px; -webkit-transition: opacity 0.7s linear; opacity: 0.4; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  215.  
  216. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.5s linear;
  217. opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  218.  
  219.  
  220. </style>
  221. <style type="text/css">{CustomCSS}</style>
  222. </head>
  223.  
  224. <body>
  225.  
  226. <div id="container">
  227.  
  228.  
  229.  
  230.  
  231.  
  232. <div id="entries">
  233.  
  234. {block:Posts}
  235. <div id="entry">
  236.  
  237. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  238. {block:Text}{Body}{/block:Text}
  239.  
  240. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  241.  
  242. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  243. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  244.  
  245. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  246. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  247.  
  248. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  249.  
  250. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  251.  
  252. {block:Answer}<div class="portrait"><img src="{AskerPortraitURL-24}"></div><div class="questions"> <span class="asker">{Asker}</span><br>{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  253.  
  254.  
  255.  
  256.  
  257. {block:Audio}
  258. {block:AlbumArt}
  259. {/block:AlbumArt}<div id="audio">{block:trackname}{TrackName}{/block:TrackName} ⋅ {block:Artist}{Artist}{/block:Artist}
  260. </div>
  261. <div style="background-color:#ffffff; width: 100%; padding: 5px; margin-left: 0px;">{AudioPlayer}</div>{/block:Audio}
  262. <br><br>
  263.  
  264. <center>
  265. <div id="info">
  266. posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} <a href="{Permalink}">{NoteCount}</a> notes {/block:NoteCount} {block:RebloggedFrom}/ reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  267. {block:ContentSource}/ originally from <a href="{SourceURL}">{SourceLink}</a>{block:ContentSource}{/block:RebloggedFrom}<br></div></div></center>
  268. <div class="tags">
  269. {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a></i> {/block:Tags}{/block:HasTags}</div><br>
  270. {/block:Posts}
  271.  
  272. {block:PostNotes}{PostNotes}{/block:PostNotes}
  273. </div>
  274. <center>
  275.  
  276.  
  277.  
  278. <div id="sidebar">
  279. <div id="title"><a href="/">{Title}</a></div>
  280.  
  281.  
  282. <div id="box1">
  283.  
  284. <div id="box2"><div id="box3"><img src="{PortraitURL-64}"></div>
  285. <div id="box3">
  286. <a href="/">refresh</a></div>
  287. <div id="box3"><a href="/ask">ask me</a> </div>
  288. <div id="box3"><a href="{text:link1 url}">{text:link1}</a></div>
  289. <div id="box3"><a href="{text:link2 url}">{text:link2}</a></div>
  290. <div id="box3"><a href="{text:link3 url}">{text:link3}</a></div>
  291. <div id="box3"><a href="/archive">archive</a></div>
  292. <div id="box3">
  293. <a href="http://www.ptonkins.tumblr.com">theme</a></div>
  294.  
  295.  
  296. </div>
  297.  
  298.  
  299.  
  300. </div>
  301.  
  302.  
  303.  
  304. <center><div class="effect"><div class="sidebarimage"><img src="{image:sidebarimage}"/>
  305. <div class="description">
  306. {block:Description}
  307.  
  308.  
  309. {Description}
  310. {/block:Description} </div></div></div>
  311.  
  312.  
  313.  
  314. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  315.  
  316. <div style="padding:15px; width: 250px; height: 250px; font-size:10px; text-align: justify; margin-left: -50px; margin-top: -70px;"> hover over the sidebar image to see the description, it slides! the image size is <b>200 x 250</b> and will automatically resize if any bigger. if you have any questions or something is wrong, feel free to message me and i'll do my best to assist you. you can download this theme <a href="/ask">here.</a> enjoy! <br>
  317. </div>
  318.  
  319. </div>
  320.  
  321.  
  322. </div>
  323. </div>
  324. </body>
  325.  
  326. </html>
  327.  
  328. <!--
  329.  
  330.  
  331. theme #1 by www.ptonkins.tumblr.com
  332. ~~~ don't remove the credit pls ~~~
  333.  
  334. -->
Add Comment
Please, Sign In to add comment
Public Pastes
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!