Advertisement
electrotistic

Theme 1

Jan 27th, 2012
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.74 KB | None | 0 0
  1. <!--
  2. theme by 1ovelythemes
  3. remove my credit i remove you
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12. <meta name="color:Background" content="#AEBAC2"/>
  13. <meta name="color:Link" content="#000000"/>
  14. <meta name="color:Text" content="#000000"/>
  15. <meta name="color:Title" content="#000000"/>
  16. <meta name="color:Hover" content="#000000"/>
  17. <meta name="color:scrollbar" content="#000"/>
  18. <meta name="image:sidebar" content="1"/>
  19. <meta name="image:Background" content="1"/>
  20. <meta name="if:show photo" content="0"/>
  21. <meta name="if:shadow hover" content="1"/>
  22. <meta name="if:rainbow links" content="1"/>
  23. <meta name="if:tiny cursor" content="1"/>
  24. <meta name="if:tiny scrollbar" content="1"/>
  25. <meta name="text:title font size" content="12"/>
  26. <meta name="text:text font size" content="10"/>
  27. <meta name="text:title line height" content="12"/>
  28. <meta name="text:text line height" content="11"/>
  29. <meta name="font:text font" content="arial"/>
  30. <meta name="font:title font" content="georgia"/>
  31. <meta name="text:Link One Title" content="" />
  32. <meta name="text:Link One" content="" />
  33. <meta name="text:Link Two Title" content="" />
  34. <meta name="text:Link Two" content="" />
  35. <meta name="text:Link Three Title" content="" />
  36. <meta name="text:Link Three" content="" />
  37. <meta name="text:Link Four Title" content="" />
  38. <meta name="text:Link Four" content="" />
  39. <meta name="text:Link Five Title" content="" />
  40. <meta name="text:Link Five" content="" />
  41. <meta name="text:Link Six Title" content="" />
  42. <meta name="text:Link Six" content="" />
  43.  
  44. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  45.  
  46. <style type="text/css">
  47.  
  48. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  49.  
  50. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:background}; }
  51.  
  52. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  53.  
  54. #tumblr_controls{
  55. position:fixed !important;
  56. }
  57.  
  58. body {
  59. margin:0px;
  60. background-color: {color:background};
  61. background-image:url({image:background});
  62. background-attachment: fixed;
  63. background-repeat: repeat;
  64. }
  65.  
  66. body, div, p, textarea, submit, input{
  67. font-family: {font:text font};
  68. font-size: {text:text font size}px;
  69. line-height:{text:text line height}px;
  70. color: {color:Text};
  71. }
  72.  
  73. p {
  74. margin:0px;
  75. margin-top:0px;
  76. }
  77.  
  78.  
  79. a:link, a:active, a:visited{
  80. color: {color:Link};
  81. text-decoration: none;
  82. -webkit-transition: color 0.2s ease-out;
  83. -moz-transition: color 0.2s ease-out;
  84. }
  85.  
  86. a:hover{
  87. color: {color:Hover};
  88. {block:ifshadowhover}
  89. text-shadow: 0px 0px 2px black;
  90. {/block:ifshadowhover}
  91. -webkit-transition: color 0.2s ease-out;
  92. -moz-transition: color 0.2s ease-out;
  93. }
  94.  
  95.  
  96. div#center{
  97. margin:auto;
  98. position:relative;
  99. width:910px;
  100. background-color:;
  101. overflow:auto;
  102. overflow-y:hidden;
  103. }
  104.  
  105. div#content{
  106. float:right;
  107. margin-right: 190px;
  108. padding:0px;
  109. margin-top: 0px;
  110. padding-top: 0px;
  111. background: transparent;
  112. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  113. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  114. box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  115. }
  116.  
  117. div#entry{
  118. width: 400px;
  119. margin-top: 0px;
  120. padding: 0px;
  121. background-color:white;
  122. }
  123.  
  124. #permalink {
  125. position: absolute;
  126. margin-top: 9px;
  127. margin-left: 6px;
  128. opacity: 0;
  129. -webkit-transition: all .3s ease;
  130. -moz-transition: all .3s ease;
  131. -o-transition: all .3s ease;
  132. transition: all .3s ease;
  133. }
  134.  
  135. #entry:hover #permalink {
  136. margin-top: 9px;
  137. margin-left: 6px;
  138. opacity: 1;
  139. }
  140.  
  141. .countreblog {
  142. color: #FFFFFF;
  143. letter-spacing:1px;
  144. font-family: arial;
  145. font-size:10px;
  146. line-height:14px;
  147. margin: 2px;
  148. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  149. background-repeat:repeat;
  150. border:1px solid rgba(0,0,0,0.1);
  151. padding:3px 5px;
  152. -webkit-border-radius:2px;
  153. moz-border-radius:2px;
  154. -o-border-radius:2px;
  155. border-radius:2px;
  156. }
  157.  
  158. .countreblog a { color: #FFF; }
  159.  
  160. #sidebar {
  161. position:fixed !important;
  162. width: 210px;
  163. height: auto;
  164. margin-top: 335px;
  165. margin-left: 95px;
  166. font-family: {font:text font};
  167. font-size: {text:text font size}px;
  168. line-height:{text:text line height}px;
  169. text-align: center;
  170. margin-bottom: 0px;
  171. background-color:white;
  172. color: black;
  173. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  174. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  175. box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  176. }
  177.  
  178. #links {
  179. position:fixed !important;
  180. width:60px;
  181. height: auto;
  182. margin-top: 330px;
  183. margin-left: 28px;
  184. font-family: {font:text font};
  185. font-size: {text:text font size}px;
  186. line-height:{text:text line height}px;
  187. text-align: center;
  188. margin-bottom: 0px;
  189. color: black;
  190. }
  191.  
  192. div.navigate a{
  193. background: #fff;
  194. color: #000;
  195. width: 59px;
  196. height: 13px;
  197. line-height: 13px;
  198. text-align: center;
  199. padding-top:1px;
  200. margin-left:3px;
  201. margin-top:5px;
  202. position:relative;
  203. text-align: center;
  204. display:block;
  205. z-index:1;
  206. display: inline-block;
  207. -webkit-transition: all 0.2s linear;
  208. -webkit-transition: all 0.2s linear;
  209. -moz-transition: all 0.2s linear;
  210. transition: all 0.2s linear;
  211. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  212. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  213. box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  214. }
  215.  
  216. div.navigate a:hover{
  217. -webkit-border-radius:10px;
  218. moz-border-radius:10px;
  219. -o-border-radius:10px;
  220. border-radius:10px;
  221. -webkit-transition: all 0.4s linear;
  222. -webkit-transition: all 0.4s linear;
  223. -moz-transition: all 0.4s linear;
  224. transition: all 0.4s linear;
  225. }
  226.  
  227. #postnotes{
  228. text-align: justify;}
  229.  
  230. #postnotes blockquote{
  231. border: 0px;}
  232.  
  233.  
  234. .title{
  235. font-family: {font:title font};
  236. font-size: {text:title font size}px;
  237. line-height:{text:title line height}px;
  238. color: {color:Title};
  239. font-weight: normal;
  240. padding-bottom: 0px;
  241. }
  242.  
  243. .notecount{
  244. color: #FFFFFF;
  245. font-weight: normal;
  246. padding-bottom: 0px;
  247. }
  248.  
  249. blockquote{
  250. padding:0px 0px 2px 5px;
  251. margin:0px 0px 2px 10px;
  252. border-left: 1px dotted #555555;
  253. }
  254.  
  255. blockquote p, ul{
  256. margin:0px;
  257. padding:0px;
  258. }
  259.  
  260.  
  261. a img{border: 0px;}
  262.  
  263. .perma{ display: block; font-size: 9px; text-align: right; background-color:auto;}
  264.  
  265. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  266.  
  267. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  268. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  269.  
  270. .notes img{width:10px; position:relative; top:3px;}
  271.  
  272. small{font-size: 90%;}
  273.  
  274.  
  275. </style>
  276.  
  277. {block:ifrainbowlinks}
  278. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  279. "></script>{/block:ifrainbowlinks}
  280.  
  281. <title>{title}</title>
  282.  
  283. <link rel="shortcut icon" href="{Favicon}">
  284. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  285. <meta name="viewport" content="width=820" />
  286.  
  287. </head>
  288. <body>
  289.  
  290. <div id="cage">
  291. <div id="center">
  292. <div style="position:fixed;right:2px;top:25px;">
  293. <a href="http://1ovelythemes.tumblr.com/" target="_blank"><img src="http://img850.imageshack.us/img850/3373/oiecanvasv.png" border="0" alt=""></a>
  294. </div>
  295.  
  296. <div id="sidebar">
  297. <center>{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=210px></a>{/block:ifshowphoto}
  298. </center>
  299. <center>{Description}</center>
  300. </div>
  301.  
  302. <div id="links">
  303. <div class="navigate">{block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}{block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}{block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}</div>
  304. </div>
  305.  
  306.  
  307. <div id="content">
  308.  
  309. {block:Posts}
  310. <div id="entry">
  311.  
  312. {block:Text}
  313. {block:Title}<span class="title">{Title}</span>{/block:Title}
  314. <span class="entrytext">{Body}</span>
  315. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  316. {/block:Text}
  317.  
  318. {block:Link}
  319. <a href="{URL}" class="title">{Name}</a>
  320. {block:Description}{Description}{/block:Description}
  321. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  322. {block:Link}
  323.  
  324. {block:Photo}
  325. {block:IndexPage}
  326. <div id="permalink">
  327. <span class="countreblog"><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  328. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
  329. {/block:IndexPage}
  330. {LinkOpenTag}<div class="photo"><a href="{Permalink}"><img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px"/></a></div>{LinkCloseTag}
  331. {/block:Photo}
  332.  
  333. {block:Photoset}
  334. <center>{Photoset-400}</center>
  335. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  336. {/block:Photoset}
  337.  
  338. {block:Quote}
  339. {Quote}</span>
  340. {block:Source}<strong>{Source}</strong>{/block:Source}
  341. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  342. {/block:Quote}
  343.  
  344. {block:Chat}
  345. {block:Title}<span class="title">{Title}</span>{/block:Title}
  346. <ul class="chat">
  347. {block:Lines}
  348. <li class="user_{UserNumber}">
  349. {block:Label}
  350. <span class="label">{Label}</span>
  351. {/block:Label}
  352.  
  353. {Line}
  354. </li>
  355. {/block:Lines}
  356. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  357. {/block:Chat}
  358.  
  359. {block:Audio}
  360. <div style="width:300px; height:30px;">
  361. {AudioPlayerBlack}
  362. </div>
  363. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  364. {/block:Audio}
  365.  
  366. {block:Video}
  367. <center>
  368. {Video-400}</center>
  369. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size: 10px; line-height:10px;">Posted : {TimeAgo}</a></div></div>{/block:IndexPage}
  370. {block:Video}
  371.  
  372. {block:PermalinkPage}
  373. <center>
  374. {block:Date}
  375. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  376. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  377. {/block:Date}
  378. </center>
  379. {/block:PermalinkPage}
  380.  
  381. {block:PostNotes}{PostNotes}
  382. {/block:PostNotes}
  383. </div>
  384.  
  385. {/block:Posts}
  386. </center>
  387. </div></div>
  388. <center>
  389. </center>
  390.  
  391. </body>
  392. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement