API tools faq
paste
Advertisement
Guest User

Simplicity v.1 by Cliffedgeoftheworld

a guest
Apr 13th, 2013
348
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.76 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Simplicity Theme v1
  4. Created by Cliffedgeoftheworld (cliffedgeoftheworld.tumblr.com)
  5. Please do not delete the credit link and do not delete this box.
  6.  
  7. Theme is best viewed on Google Chrome, with a resolution of 1280x800.
  8.  
  9. *~*~HOW TO INSTALL~*~*
  10. 1) Copy this entire code.
  11. 2) Open up the customise.
  12. 3) Click on Edit HTML
  13. 4) Delete the code already in there.
  14. 5) Replace it with this code.
  15. 6) Hit Update Preview, and then Save.
  16. 7) Refresh the page, and press Save again.
  17. 8) If it wont let you paste in the box, or if it still does not work, use classic customize. (http://tumblr.com/customize-classic/)
  18.  
  19. If you are experiencing any problems with this theme, please message me. (http://cliffedgeoftheworld.tumblr.com/ask)
  20. Thank you for using my theme <3!
  21.  
  22. -->
  23. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26.  
  27.  
  28.  
  29.  
  30.  
  31. <meta name="font:Text" content="lucida sans"/>
  32. <meta name="color:background" content="#ffffff"/>
  33. <meta name="color:text" content="#838282"/>
  34. <meta name="color:link" content="#e2bfde"/>
  35. <meta name="color:link hover" content="#e0e0e0"/>
  36. <meta name="if:CustomLink1" content="0">
  37. <meta name="if:CustomLink2" content="0">
  38. <meta name="if:CustomLink3" content="0">
  39. <meta name="if:CustomLink4" content="0">
  40. <meta name="if:CustomLink5" content="0">
  41. <meta name="text:Link 1 Title" content="custom link">
  42. <meta name="text:Link 1" content="http://">
  43. <meta name="text:Link 2 Title" content="custom link">
  44. <meta name="text:Link 2" content="http://">
  45. <meta name="text:Link 3 Title" content="custom link">
  46. <meta name="text:Link 3" content="http://">
  47. <meta name="text:Link 4 Title" content="custom link">
  48. <meta name="text:Link 4" content="http://">
  49. <meta name="text:Link 5 Title" content="custom link">
  50. <meta name="text:Link 5" content="http://">
  51. <meta name="text:Ask Link" content="message">
  52. <meta name="image:Background" content=""/>
  53.  
  54.  
  55.  
  56.  
  57. <meta name="image:sidebar" content=""/>
  58.  
  59. <title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <style type="text/css">
  64. /*** ask ***/
  65. .bubble {align:right;background: #cffde7; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  66. .bubble p {margin:1px 0px;}
  67. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  68.  
  69. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #000000}
  70. ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  71.  
  72. ::-webkit-scrollbar-thumb {background-color:{color:Link} ; }
  73. * {
  74. font-family: {font:body};
  75. {block:ifanimation}
  76. -webkit-transition: all 0.3s ease;
  77. -moz-transition: all 0.3s ease;
  78. transition: all 0.3s ease;
  79. -o-transition: all 0.3s ease;
  80. {/block:ifanimation}
  81. }
  82.  
  83. body {
  84. font-family:{font:Text};
  85. font-size:{text:Font Size};
  86. color:{color:Text};
  87. background:{color:background};
  88. background-image:url('{image:Background}');
  89. background-repeat: repeat;
  90. background-position: top center;
  91. background-attachment: fixed;
  92. margin:0px;
  93. color:{color:text};
  94. font-size:10px;
  95. line-height:100%;
  96. font-style: none;
  97. }
  98.  
  99. a:link, a:visited, a:active {
  100. color: {color:link};
  101. text-decoration: none;
  102. font-weight: normal;
  103. }
  104.  
  105. a:hover {
  106. color: {color:link hover};
  107. text-decoration: none;
  108. font-weight: normal;
  109. }
  110.  
  111. #entries {
  112. position:relative;
  113. float:left;
  114. width:522px;
  115. top:-20px;
  116. text-align:justify;
  117. left:530px;
  118. padding:40px;
  119. }
  120.  
  121. #post {
  122. margin-bottom:25px;
  123. width:500px;
  124. padding:0px;
  125. background-color: {color:background};
  126. }
  127.  
  128. #pagination {
  129. text-align:center;
  130. font-size:20px;
  131. margin-bottom:1px;
  132. text-transform:none;
  133. font-style:none;
  134. text-transform: lowercase;
  135. }
  136.  
  137. #sidebar {
  138. width:245px;
  139. position:fixed;
  140. margin-left:250px;
  141. margin-top:150px;
  142. padding:10px;
  143. }
  144.  
  145. #sidebarimage {
  146. width 245px;
  147. }
  148.  
  149. #sidebarimage img {
  150. width:245px;
  151. }
  152.  
  153. .desc {
  154. width:245px;
  155. }
  156.  
  157. #info {
  158. text-transform:lowercase;
  159. font-style:none;
  160. font-size: 9px;
  161. width:500px;
  162. color:{color:text};
  163. text-align:center;
  164. padding-top:5px;
  165. }
  166.  
  167. #info a:link {
  168. color:{color:link};
  169. }
  170.  
  171. #info a:hover {
  172. color:{color:link hover};
  173. }
  174.  
  175. #title2 {
  176. color:{color:text};
  177. font-style:italic;
  178. letter-spacing:1px;
  179. text-align:center;
  180. font-size:11px;
  181. margin-top:1px;
  182. margin-left:0px;
  183. padding:2px;
  184. width:245px;
  185. z-index:100;
  186. }
  187.  
  188. #ask {
  189. float:left;
  190. margin-right:5px;
  191. }
  192.  
  193. #meow a {
  194. display:block;
  195. width:auto;
  196. }
  197.  
  198. #meow .cat {
  199. margin-top:-10px;
  200. filter: alpha(opacity = 0);
  201. opacity:0;
  202. -webkit-transition: all 1s ease-out;
  203. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  204. line-height:15px;
  205. }
  206.  
  207. #meow:hover .cat {
  208. margin-top:5px;line-height:15px;
  209. -webkit-transition: all s ease-out;
  210. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  211. filter: alpha(opacity = 80);
  212. filter: alpha(opacity = 100);
  213. opacity:100;
  214. }
  215.  
  216. {CustomCSS}
  217.  
  218. </style>
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. </head>
  227. <body>
  228.  
  229. <div id="sidebar">
  230. <div id="sidebarimage">
  231. <img src="{image:sidebar}"></div>
  232. <div id="title2"><a href="/">{Title}</a></div>
  233. <br>
  234. <div class="desc">
  235. <center>{Description}
  236.  
  237. </center>
  238. </br>
  239. </center>
  240.  
  241. <center><div id="meow">
  242. <font color={color:Link}>hover for links</font>
  243. <div class="cat" >
  244. <a href="/">home</a>
  245. <a href="/ask">{text:Ask Link}</a>
  246. {block:IfCustomLink1}
  247. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  248. {/block:IfCustomLink1}
  249. {block:IfCustomLink2}
  250. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  251. {/block:IfCustomLink2}
  252. {block:IfCustomLink3}
  253. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  254. {/block:IfCustomLink3}
  255. {block:IfCustomLink4}
  256. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  257. {/block:IfCustomLink4}
  258. {block:IfCustomLink5}
  259. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  260. {/block:IfCustomLink5}
  261. {block:Pages}
  262. <a href="{URL}">{Label}</a>
  263. {/block:Pages}
  264.  
  265. <a href="http://cliffedgeoftheworld.tumblr.com">theme</a></div></div><Br><br></div>
  266.  
  267. </div>
  268. </div>
  269. </center>
  270.  
  271.  
  272.  
  273. </div>
  274.  
  275.  
  276.  
  277. </div>
  278.  
  279. <div id="entries">{block:Posts}<div id="post">
  280. {block:ContentSource}
  281. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  282. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  283. {/block:SourceLogo}
  284. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  285. {/block:ContentSource}
  286.  
  287. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  288.  
  289. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  290.  
  291. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  292.  
  293. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  294.  
  295. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  296.  
  297. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  298.  
  299. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  300.  
  301. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  302.  
  303. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question} </div>{Answer}{/block:Answer}
  304.  
  305.  
  306. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}・ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}・ <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  307. {block:ContentSource}・ <a href="{SourceURL}">source</a>{/block:ContentSource} <br>
  308. {block:HasTags}<a href="{TagURL}"></a> {/block:Tags}{/block:HasTags}
  309.  
  310. </div>
  311.  
  312.  
  313. </div>
  314.  
  315.  
  316.  
  317. {block:PostNotes}{PostNotes}{/block:PostNotes}
  318. {/block:Posts}
  319. <br><div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}{/block:Pagination}</div></br>
  320.  
  321. <div style="bottom:5px;left:5px;display:block;position:fixed;font-size:12px;"><a href="http://cliffedgeoftheworld.tumblr.com"><big><big>©</big></big></a></div>
  322. </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!