Advertisement
gravitycantcontain

Theme #2

Feb 1st, 2013
772
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.06 KB | None | 0 0
  1. <html>
  2.  
  3. <!--Theme 2 by http://gravity-cant-contain.tumblr.com
  4. If you have any questions, ask me :)-->
  5.  
  6. <head>
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  15.  
  16. <!--Default Variables-->
  17. <!--Colors-->
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#333333"/>
  21. <meta name="color:Link" content="#717581"/>
  22. <meta name="color:Hover" content="#333333"/>
  23. <meta name="color:Border" content="#969696"/>
  24.  
  25. <!--Images-->
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Sidebar" content=""/>
  29.  
  30. <!--Links-->
  31.  
  32. <meta name="text:Title" content="" />
  33. <meta name="text:Title Link" content="/" />
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="" />
  42.  
  43.  
  44. <!--cursor credit goes to http://1dcursors.tumblr.com -->
  45. <style type="text/css">body, a:hover {cursor: url(http://static.tumblr.com/yx3v7rx/JbTmc7976/1dcb.gif), progress !important;}</style><a href="http://1dcursors.tumblr.com"></a>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. ::-webkit-scrollbar {height: auto;width: 6px;}
  51. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  53.  
  54. body {
  55. background:{color:background};
  56. background-image: url('{image:background}');
  57. margin:0px;
  58. color:{color:text};
  59. font-family:consolas;
  60. font-size:10px;
  61. line-height:100%;
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. outline:none;
  67. -moz-outline-style:none;
  68. color:{color:link};
  69. -webkit-transition: all 0.5s ease;
  70. -moz-transition: all 0.5s ease;
  71. -o-transition: all 0.5s ease
  72. }
  73.  
  74. img {
  75. opacity:0.7;
  76.  
  77. border:none;
  78. border-radius: 11px;
  79. border-color: {color:Border};
  80. -webkit-transition: all 0.5s ease;
  81. -moz-transition: all 0.5s ease;
  82. -o-transition: all 0.5s ease
  83. }
  84.  
  85. img:hover {
  86. opacity:1;
  87.  
  88. border-color: {color:Border};
  89. -webkit-transition: all 0.5s ease;
  90. -moz-transition: all 0.5s ease;
  91. -o-transition: all 0.5s ease
  92. }
  93.  
  94. blockquote blockquote {
  95. padding-left:5px;
  96. border-left:1px solid;
  97. }
  98.  
  99. h1 {
  100. font-size:16px;
  101. text-transform:lowercase;
  102. text-align:center;
  103. font-family:arial;
  104. }
  105.  
  106. a:hover {
  107. opacity:10;
  108. color:{color:hover};
  109. -webkit-transition: all 0.7s ease;
  110. -moz-transition: all 0.7s ease;
  111. -o-transition: all 0.7s ease
  112. }
  113.  
  114. small{
  115. font-size:9px;
  116. line-height:110%
  117. }
  118.  
  119. big {
  120. font-size:12px;
  121. line-height:110%
  122. }
  123.  
  124. b, strong{
  125. color:{color:text}
  126. }
  127. i, em {
  128. color:{color:text}
  129. }
  130. p{
  131. margin-top:5px;
  132. margin-bottom:5px
  133. }
  134. blockquote {
  135. padding:0px;
  136. padding-left:5px;
  137. margin:5px;
  138. border-left:1px dotted {color:border}
  139. }
  140.  
  141. blockquote img {
  142. max-width:300px
  143. }
  144.  
  145. ul, li img {
  146. max-with:250px
  147. }
  148.  
  149. .audio {width:500px;height:160px;}
  150. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  151. .albumart img {width:150px;height:150px;float:left;}
  152. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  153. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  154. overflow:hidden;background-color:white;}
  155. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  156.  
  157. #entries {
  158. padding:10px;
  159. width:500px;
  160. margin-left:510px;
  161. margin-top:20px;
  162. }
  163.  
  164.  
  165. #post {
  166. width:500px;
  167. padding-bottom:3px;
  168. font-family:arial;
  169. opacity:1;
  170. }
  171.  
  172. #sidebar {
  173. width:400px;
  174. position:fixed;
  175. margin-left:100px;
  176. margin-top:150px;
  177. opacity:1;
  178. }
  179.  
  180. #title {
  181. margin-left:150px;
  182. font-size:19px;
  183. text-transform:lowercase;
  184. font-family:consolas;
  185. font-style:italic;
  186. }
  187.  
  188. #sidebarimage img{
  189. width:180px;
  190. padding:3px;
  191. border:1px solid;
  192. border-radius: 360px;
  193. border-color: {color:Border};
  194. -webkit-transition: all 0.5s ease;
  195. -moz-transition: all 0.5s ease;
  196. -o-transition: all 0.5s ease
  197. }
  198.  
  199. #links {
  200. font-family:consolas;
  201. font-size:10px;
  202. opacity:1;
  203. text-align:left;
  204. padding-top:54px;
  205. letter-spacing:1px;
  206. text-transform:uppercase;
  207. padding-bottom:5px;
  208. margin-top:-50px;
  209. margin-left:8px;
  210. }
  211.  
  212. #description {
  213. font-family:consolas;
  214. line-height:15px;
  215. padding-left:100px;
  216. font-size:10px;
  217. opacity: 0.8;
  218. text-align:center;
  219. margin-top:-180px;
  220. margin-left:90px;
  221. }
  222.  
  223. #pagination {
  224. font-size:9px;
  225. text-align:center;
  226. color:{color:link};
  227. font-family:consolas;
  228. letter-spacing:2px;
  229. margin-left:11px;
  230. }
  231.  
  232. #info {
  233. text-align:center;padding:5px;
  234. margin-top:5px;
  235. margin-bottom:20px;
  236. text-transform: uppercase;
  237. font-family:consolas;
  238. font-size:9px;
  239. border-top:2px dotted;
  240. border-color: {color:border};
  241. }
  242.  
  243. #tags {
  244. font-family:consolas;
  245. letter-spacing:1px;
  246. text-transform:uppercase;
  247. font-size:9px;
  248. margin-top:4px;
  249. a {display:inline; background-color:{color:linkb};
  250. padding:-4px;
  251. text-align:left;
  252. -webkit-transition: all 0.6s ease-in-out;
  253. -moz-transition: all 0.6s ease-in-out;
  254. -o-transition: all 0.6s ease-in-out;
  255. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  256.  
  257. #asker {
  258. float:left;
  259. margin-right:5px;
  260. }
  261.  
  262. #asked {
  263. font-family:consolas;
  264. text-transform:lowercase;
  265. letter-spacing:1px;
  266. padding-bottom:3px;
  267. }
  268.  
  269. #notes {
  270. font-family:consolas;
  271. text-transform:lowercase;
  272. font-size:9px;
  273. }
  274.  
  275. #question {
  276. font-family:consolas;
  277. font-style:italic;
  278. font-size:10px;
  279. }
  280.  
  281. #answer {
  282. font-family:consolas;
  283. text-transform:uppercase;
  284. font-size:10px;
  285. }
  286.  
  287. {CustomCSS}</style></head><body>
  288.  
  289. <div id="sidebar">
  290. <div id="title">{Title}
  291. {block:ifTitle}<a href="{text:Title Link}">{text:Title}</a>{/block:ifTitle}
  292. </div>
  293. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  294. <div id="links">
  295. <a href="/ask">askbox</a>
  296. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  297. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  298. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  299. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  300. </div>
  301.  
  302. <div id="description">{Description}</div>
  303.  
  304. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}</div>{/block:Pagination}
  305. </div>
  306.  
  307. <div id="entries">{block:Posts}<div id="post">
  308.  
  309. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  310.  
  311. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312.  
  313. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  316.  
  317. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  318.  
  319. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  320.  
  321. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  322. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  323. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  324. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  325. {/block:Audio}
  326.  
  327. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  328.  
  329. {block:Answer}<div id="asker"></div><div id="asked">{Asker} asked: {Question} {Answer}{/block:Answer}
  330.  
  331. <div id="info"> posted <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  332. {block:ContentSource}<a href="{SourceURL}">(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  333. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  334. {/block:Posts}
  335. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  336. {/block:Posts}</div></div></div>
  337.  
  338. <div style="font-size: 9px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://gravity-cant-contain.tumblr.com">weyhey</a></div>
  339.  
  340. </body>
  341.  
  342. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement