API tools faq
paste
Advertisement
sarahcaths

theme 5 | saved url #1

sarahcaths
Sep 8th, 2012
6,024
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © SARAHCATHS.TUMBLR.COM | "SAVED URL #1" #5
  17.  
  18. + Do not steal any portion of this code, or use this code as a base.
  19. + Feel free to edit anything, but do not remove the credit.
  20. + If you have any questions or concerns, just contact me!
  21. + Thanks for using my theme! :) Hope you enjoy it!
  22.  
  23. ---->
  24.  
  25. <!-- VARIABLES -->
  26.  
  27. <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/FW5m81f6j/tumblr_ltqq73kh5g1qhvdofo3_100.png"/>
  28. <meta name="image:Sidebar Image" content="http://static.tumblr.com/vqqnpua/kaAm9sov2/base_image.png" />
  29.  
  30. <meta name="image:Sidebar Image 2" content="http://static.tumblr.com/vqqnpua/PDAma1hfc/base_image_2.png" />
  31.  
  32. <meta name="color:Background" content="#ECECEC" />
  33. <meta name="color:Body Text" content="#FFFFFF" />
  34. <meta name="color:Body Shadow" content="#030303">
  35. <meta name="color:Body Dark Shadow" content="#030303">
  36. <meta name="color:Signature Color" content="#677a94" />
  37. <meta name="color:Entries BG" content="#fffefc" />
  38. <meta name="color:Main Links" content="#FFFFFF" />
  39. <meta name="font:Body Font" content="Courier New" />
  40. <meta name="font:Special Font" content="Trembuchet MS" />
  41. <meta name="text:Body Font Size" content="10px" />
  42. <meta name="text:Link 1 URL" content="http://" />
  43. <meta name="text:Link 1" content="URL Owner" />
  44. <meta name="text:Link 2 URL" content="http://" />
  45. <meta name="text:Link 2" content="Contact" />
  46. <meta name="text:Link 4 URL" content="http://sarahcaths.tumblr.com" />
  47. <meta name="text:Link 4" content="© Image" />
  48.  
  49. <style type="text/css">
  50.  
  51. /* MAIN */
  52.  
  53. body {
  54. background-color:{color:Background};
  55. background-image: url('{image:Background}');
  56. color:{color:Body Text};
  57. font-family: {font:Body Font};
  58. font-size: {text:Body Font Size};
  59. text-shadow: {color:Body Shadow} 1px 1px 1px;
  60. margin: 0px;
  61. padding: 0px;}
  62.  
  63. a:link, a:active {
  64. text-decoration:none;
  65. color: {color:Body Dark Shadow}; }
  66.  
  67. a:visited {
  68. text-decoration:none;
  69. color: {color:Body Dark Shadow}; }
  70.  
  71. a:hover {
  72. text-decoration:none;
  73. color: {color:Date};
  74. -webkit-transition: all 0.9s ease-in-out;
  75. -moz-transition: all 0.9s ease-in-out;
  76. -o-transition: all 0.9s ease-in-out;
  77. transition: all 0.9s ease-in-out; }
  78.  
  79.  
  80. blockquote {
  81. border-left:2px solid {color:Body Text};
  82. padding-left:6px; }
  83.  
  84. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  85.  
  86.  
  87.  
  88. /* NAVIGATION */
  89.  
  90. .navigation {
  91. float:center;
  92. z-index:0;
  93. position:absolute;
  94. margin:auto;
  95. margin-top:40px;
  96. height:200px;
  97. overflow:auto;
  98. width:250px;}
  99.  
  100. /* MAIN DIVS */
  101.  
  102.  
  103.  
  104. #cred {
  105. font-size:8px;
  106. letter-spacing:1px;
  107. opacity:0.3;
  108. font-weight:bold;
  109. color: #000000;
  110. font-family: georgia;
  111. text-shadow:none;
  112. background-color: #FFFFFF;
  113. padding:4px;
  114. border:1px dashed #514a4d;
  115. text-transform:uppercase;
  116. bottom:10px;
  117. right:10px;
  118. position:fixed; }
  119.  
  120. #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  121. color:#000000 }
  122.  
  123.  
  124. #cred:hover {
  125. font-size:8px;
  126. letter-spacing:1px;
  127. font-weight:bold;
  128. color: #000000;
  129. opacity:1.0;
  130. font-family: georgia;
  131. background-color: #FFFFFF;
  132. padding:4px;
  133. border:1px dashed #514a4d;
  134. text-transform:uppercase;
  135. bottom:10px;
  136. right:10px;
  137. position:fixed;
  138. -webkit-transform: rotate(4deg);
  139. -moz-transform: rotate(4deg);
  140. -o-transform: rotate(4deg);
  141. -ms-transform: rotate(4deg);
  142. transform: rotate(4deg);
  143. -webkit-transition: all 0.9s ease-in-out;
  144. -moz-transition: all 0.9s ease-in-out;
  145. -o-transition: all 0.9s ease-in-out;
  146. transition: all 0.9s ease-in-out; }
  147.  
  148. /* EXTRAS */
  149.  
  150. .content {
  151. margin:auto;
  152. width:600px;
  153. height:100%;
  154. margin-top:100px;
  155. text-align:center;}
  156.  
  157. #sidebar {
  158. width:450px;
  159. margin:auto;
  160. height:400px;
  161. z-index:1000;
  162. background-color:transparent;
  163. padding:10px;}
  164.  
  165. #sidebarimg {
  166. background-image:url('{image:Sidebar Image}');
  167. background-repeat:no-repeat;
  168. width:400px;
  169. position:fixed;
  170. height:400px;
  171. opacity:0.7;
  172. z-index:1000;
  173. overflow:auto;
  174. box-shadow:#818482 0px 0px 20px;
  175. -moz-border-radius: 400px;
  176. border-radius: 400px;
  177. border:10px solid {color:Entries BG};
  178. transition-duration: 1s;
  179. -moz-transition-duration: 1s;
  180. -webkit-transition-duration: 1s;
  181. -o-transition-duration: 1s;}
  182.  
  183. #sidewhole {
  184. width:300px;
  185. height:auto;
  186. opacity:0.0;
  187. -webkit-transition: opacity 0.7s linear;
  188. -webkit-transition: all 0.7s ease-out;
  189. -moz-transition: all 0.7s ease-out;
  190. transition: all 0.7s ease-out;}
  191.  
  192.  
  193. #sidebarimg:hover {
  194. opacity:1.0;
  195. background-image:url('{image:Sidebar Image 2}');
  196. background-repeat:no-repeat;
  197. -webkit-transform: rotate(360deg);
  198. -moz-transform: rotate(360deg);
  199. -o-transform: rotate(360deg);
  200. -ms-transform: rotate(360deg);
  201. transform: rotate(360deg);
  202. transition-duration: 1s;
  203. -moz-transition-duration: 1s;
  204. -webkit-transition-duration: 1s;
  205. -o-transition-duration: 1s;}
  206.  
  207.  
  208.  
  209. #sidebarimg:hover #sidewhole {
  210. opacity:1.0;
  211. margin-top:70px;
  212. margin-left:50px;
  213. -webkit-transition: opacity 0.7s linear;
  214. -webkit-transition: all 0.7s ease-out;
  215. -moz-transition: all 0.7s ease-out;
  216. transition: all 0.7s ease-out;}
  217.  
  218. .title {
  219. font-family: century gothic;
  220. font-size:30px;
  221. text-align:center;
  222. margin-top:150px;
  223. text-shadow:{color:Body Shadow} 1px 1px 1px;
  224. color:{color:Entries BG};
  225. -webkit-transition: opacity 0.7s linear;
  226. -webkit-transition: all 0.7s ease-out;
  227. -moz-transition: all 0.7s ease-out;
  228. transition: all 0.7s ease-out;}
  229.  
  230. #sideinfo {
  231. width:300px;
  232. height:auto;
  233. font-weight:bold;
  234. font-family:{font:Body Font};
  235. color:{color:Body Text};
  236. text-shadow:{color:Body Dark Shadow} 1px 1px 1px;
  237. max-height:100px;
  238. padding: 0px 5px 0px 5px;
  239. float:center;
  240. overflow:auto;
  241. text-align:justify;
  242. opacity:0.0;
  243. border-left:0px;
  244. border-right:0px;}
  245.  
  246. #sidebarimg:hover #sideinfo {
  247. opacity:0.6;
  248. -webkit-transition: opacity 0.7s linear;
  249. -webkit-transition: all 0.7s ease-out;
  250. -moz-transition: all 0.7s ease-out;
  251. transition: all 0.7s ease-out;}
  252.  
  253. /* NAVIGATION */
  254.  
  255.  
  256. .nav a, .nav a:active, .nav a:visited {
  257. font-size:10px;
  258. text-transform:uppercase;
  259. text-align:left;
  260. padding:10px;
  261. opacity:0.4;
  262. border:0;
  263. text-shadow:none;
  264. color:{color:Signature Color};
  265. background-color:{color:Entries BG};
  266. display:block;
  267. font-family:{font:Special Font};
  268. -webkit-transition: opacity 0.3s linear;
  269. -webkit-transition: all 0.3s ease-out;
  270. -moz-transition: all 0.3s ease-out;
  271. transition: all 0.3s ease-out; }
  272.  
  273. .nav a:hover {
  274. text-transform:uppercase;
  275. text-align:left;
  276. padding:10px;
  277. opacity:1.0;
  278. color: {color:Signature Color};
  279. border-left:10px solid {color:Signature Color};
  280. background-color:{color:Entries BG};
  281. display:block;
  282. font-family:{font:Special Font};
  283. -webkit-transition: opacity 0.3s linear;
  284. -webkit-transition: all 0.3s ease-out;
  285. -moz-transition: all 0.3s ease-out;
  286. transition: all 0.3s ease-out; }
  287.  
  288. .page a, .page a:active, .page a:visited {
  289. font-size:10px;
  290. text-transform:uppercase;
  291. text-align:right;
  292. padding:10px;
  293. opacity:0.9;
  294. border:0;
  295. color:{color:Dark Body Shadow};
  296. background-color:{color:Entries BG};
  297. display:block;
  298. font-family:{font:Special Font};
  299. -webkit-transition: opacity 0.3s linear;
  300. -webkit-transition: all 0.3s ease-out;
  301. -moz-transition: all 0.3s ease-out;
  302. transition: all 0.3s ease-out; }
  303.  
  304. .page a:hover {
  305. text-transform:uppercase;
  306. text-align:right;
  307. padding:10px;
  308. opacity:1.0;
  309. color: {color:Signature Color};
  310. border-right:10px solid {color:Signature Color};
  311. background-color:{color:Entries BG};
  312. display:block;
  313. font-family:{font:Special Font};
  314. -webkit-transition: opacity 0.3s linear;
  315. -webkit-transition: all 0.3s ease-out;
  316. -moz-transition: all 0.3s ease-out;
  317. transition: all 0.3s ease-out; }
  318.  
  319.  
  320. </style>
  321.  
  322.  
  323. </head>
  324.  
  325. <body>
  326.  
  327. <div class="content">
  328.  
  329. <div class="navigation">
  330. <div class="nav">
  331. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  332. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  333. <a href="http://sarahcaths.tumblr.com" target="_blank">Theme</a><br>
  334. <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  335. </div> <!-- END NAV -->
  336. </div> <!-- END NAVIGATION -->
  337.  
  338. <div id="sidebar">
  339. <div id="sidebarimg">
  340. <div id="sidewhole">
  341. <div class="title">{Title}</div>
  342. <div id="sideinfo">{Description}</div>
  343. </div> <!-- END SIDE WHOLE -->
  344. </div> <!-- END SIDE IMG -->
  345. </div> <!-- END SIDEBAR -->
  346. </div> <!-- END CONTENT -->
  347.  
  348.  
  349. <div id="cred">
  350. <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
  351. </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  352. </body>
  353. </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!