Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 01

By: horanme on Jun 3rd, 2012  |  syntax: None  |  size: 10.06 KB  |  hits: 2,847  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2.  
  3. <!--
  4. THEME EDITED BY HORANME.
  5. http://horanme.tumblr.com/
  6. CREDITS TO: POLINOMIAL http://polinomial.tumblr.com & CATONISS http://catoniss.tumblr.com
  7. -->
  8.  
  9. <head>
  10.  
  11.  
  12.  
  13.  
  14. <meta name="color:background" content="#fffbe4" />
  15. <meta name="color:background2" content="#fffbe4" />
  16. <meta name="color:text" content="#9c989a" />
  17. <meta name="color:sidetext" content="#fffbe4" />
  18. <meta name="color:links" content="#ff7e6d" />
  19. <meta name="color:bold" content="#d44e60" />
  20. <meta name="color:notes" content="#fff7c7" />
  21. <meta name="color:sidebar border" content="#d6827e" />
  22. <meta name="color:Link 1" content="#db221c" />
  23. <meta name="color:Link 2" content="#f3caa9" />
  24. <meta name="color:Link 3" content="#fe8091" />
  25. <meta name="color:Link 4" content="#ccc4c0" />
  26.  
  27. <meta name="text:Link One" content="" />
  28. <meta name="text:Link One Title" content="" />
  29. <meta name="text:Link Two" content="" />
  30. <meta name="text:Link Two Title" content="" />
  31. <meta name="text:Link Three" content="" />
  32. <meta name="text:Link Three Title" content="" />
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <title>{Title}</title>
  37.         <link rel="shortcut icon" href="{Favicon}">
  38.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. </head>
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  45.  
  46. body{
  47. color:{color:text};
  48. background-color:{color:background};
  49. background-image:url({image:Background});
  50. background-position:bottom left;
  51. background-repeat: no-repeat;
  52. font-family:arial;
  53. font-size:10px;
  54. line-height: 105%;
  55. text-align:justify;
  56. }
  57.  
  58. a:link, a:active, a:visited{
  59. color:{color:links};
  60. text-decoration:none;
  61. -webkit-transition-duration: 0.4s;
  62. }
  63.  
  64. a:hover{
  65. border-bottom:1px dotted {color:links};
  66. }
  67.  
  68. #todo {
  69. margin:auto;
  70. width:880px;
  71. margin-top:35px;
  72. background-color:{color:background};
  73. margin-bottom:30px;}
  74.  
  75. #descripcion{
  76. float:left;
  77. position:fixed;
  78. background-color:{color:background2};
  79. border-top:35px solid {color:background2};
  80. border-bottom:35px solid {color:background2};
  81. border-right:8px solid {color:background2};
  82. border-left:8px solid {color:background2};
  83. -webkit-border-radius: 10px;
  84. -moz-border-radius: 10px;
  85. border-radius: 10px;
  86. }
  87.  
  88. #entradas{
  89. float:right;
  90. width:530px;
  91. height:500px;
  92. border-top:10px solid {color:background};
  93. border-bottom:10px solid {color:background};
  94. border-right:10px solid {color:background};
  95. border-left:10px solid {color:background};
  96. }
  97.  
  98. #sidebarlinks{
  99. margin-left:-120px;
  100. margin-top:90px;
  101. padding:0px;
  102. position:fixed;
  103. }
  104.  
  105. .circle1 {
  106. display:inline-table;
  107. width: 90px;
  108. height: 90px;
  109. margin-top: 30px;
  110. margin-left: 0px;
  111. border-top-right-radius:90px;
  112. border-top-left-radius:90px;
  113. border-bottom-right-radius:90px;
  114. border-bottom-left-radius:90px;
  115. background-color:{color:Link 1};
  116. text-align:center;
  117. opacity:0.4;
  118. }
  119.  
  120. .circle1 a {
  121. color:{color:sidetext};
  122. opacity:1;
  123. text-decoration:none;
  124. font-family: arial;
  125. font-size:10px;
  126. letter-spacing:1px;
  127. }
  128.  
  129. .circle1:hover a {
  130. color:{color:sidetext};
  131. opacity:0;
  132. }
  133.  
  134.  
  135. .circle2 {
  136. display:inline-table;
  137. width: 80px;
  138. height: 80px;
  139. margin-top: -50px;
  140. margin-left: 40px;
  141. border-top-right-radius:90px;
  142. border-top-left-radius:90px;
  143. border-bottom-right-radius:90px;
  144. border-bottom-left-radius:90px;
  145. background-color:{color:Link 2};
  146. text-align:center;
  147. opacity:0.6;
  148. }
  149.  
  150. .circle2 a {
  151. color:{color:sidetext};
  152. opacity:1;
  153. text-decoration:none;
  154. font-family: arial;
  155. font-size:10px;
  156. letter-spacing:1px;
  157. }
  158.  
  159. .circle2:hover a {
  160. color:{color:sidetext};
  161. opacity:0;
  162. }
  163.  
  164.  
  165. .circle3 {
  166. display:inline-table;
  167. width: 70px;
  168. height: 70px;
  169. margin-top: -120px;
  170. margin-left: 0px;
  171. border-top-right-radius:90px;
  172. border-top-left-radius:90px;
  173. border-bottom-right-radius:90px;
  174. border-bottom-left-radius:90px;
  175. background-color:{color:Link 3};
  176. text-align:center;
  177. opacity:0.8;
  178. }
  179.  
  180. .circle3 a {
  181. color:{color:sidetext};
  182. opacity:1;
  183. text-decoration:none;
  184. font-family: arial;
  185. font-size:10px;
  186. letter-spacing:1px;
  187. }
  188.  
  189. .circle3:hover a {
  190. color:{color:sidetext};
  191. opacity:0;
  192. }
  193.  
  194.  
  195. .circle4 {
  196. display:inline-table;
  197. width: 55px;
  198. height: 55px;
  199. margin-top: -120px;
  200. margin-left: 40px;
  201. border-top-right-radius:90px;
  202. border-top-left-radius:90px;
  203. border-bottom-right-radius:90px;
  204. border-bottom-left-radius:90px;
  205. background-color:{color:Link 4};
  206. text-align:center;
  207. opacity:1;
  208. }
  209.  
  210. .circle4 a {
  211. color:{color:sidetext};
  212. opacity:1;
  213. text-decoration:none;
  214. font-family: arial;
  215. font-size:10px;
  216. letter-spacing:1px;
  217. }
  218.  
  219. .circle4:hover a {
  220. color:{color:sidetext};
  221. opacity:0;
  222. }
  223.  
  224.  #sidebarlinks a:hover{
  225. padding-left:49px;
  226. border-bottom:0px dotted {color:links};}
  227.  
  228. #pagination {
  229. font-family: georgia;
  230. text-align: center;
  231. font-size: 70px;
  232. padding-top: 10px;
  233. margin-right: 94px;
  234. float: right;
  235. padding-bottom: 2px;
  236. }
  237.  
  238.  
  239. b, strong{
  240. color:{color:bold};
  241. }
  242.  
  243. i, em {
  244. color:{color:text};
  245. }
  246.  
  247.  
  248. #caption{
  249. text-align:center;}
  250.  
  251. #caption a{
  252. background-color:{color:link1};
  253. padding:3px 10px 3px 10px;
  254. }
  255.  
  256.  
  257. .chat {line-height: 12px; list-style: none }
  258.  
  259. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  260.  
  261. .person1 {background-color:#FAF6EB; color: #999999; }
  262.  
  263. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:}
  264.  
  265. .person2 {color:  }
  266.  
  267. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:}
  268.  
  269.  
  270. background-color:{color:background};
  271. z-index:100;}
  272.  
  273. blockquote {
  274. border-left:2px solid {color:links};
  275. padding-left:10px;}
  276.  
  277. #titulo2 {
  278. font-size:20px;
  279. margin-bottom:15px;
  280. font-style:italic;
  281. text-align:center;}
  282.  
  283. #quote{
  284. font-size:14px;
  285. font-style:italic;}
  286.  
  287. #date{background-color:{color:notes}; width: 500px; font-size:7.5px; text-align: right; color:{color:link}; letter-spacing:1px; padding:3px; text-transform:uppercase; font-family:arial; opacity:0.7; border-bottom-right-radius:20px;
  288. border-bottom-left-radius:20px;  border-bottom: 1px solid {color:sidebar border};}
  289. #date a{color:{color:link}; opacity:1; margin-right:10px;}
  290.  
  291. small {
  292. font-size:10px;
  293. }
  294.  
  295. .notes img {
  296. width:10px;
  297. position:relative;
  298. top:1px;
  299. }
  300.  
  301. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;padding-left:10px;}
  302. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  303.  
  304. #imagen img{
  305. width:250px;
  306. height:auto;
  307. border: 5px solid {color:sidebar border};
  308. }
  309.  
  310. </style>        
  311.  
  312.  
  313.  
  314.  
  315.  
  316. <div id="todo">
  317.  
  318. <div id="sidebarlinks">
  319.  
  320. <div class="circle1">
  321. {block:IfLinkOneTitle}<a href="{text:Link One}"><br><br><br><br>{text:Link one title}</a>{/block:IfLinkOneTitle}</div><br><br><br><br>
  322. <div class="circle2">
  323. {block:IfLinktwoTitle}<a href="{text:Link two}"><br><br><br>{text:link two title}</a>{/block:IfLinktwoTitle}</div><br><br><br><br>
  324. <div class="circle3">
  325. {block:IfLinkthreeTitle}<a href="{text:Link three}"><br><br><br>{text:Link three title}</a>{/block:IfLinkthreeTitle}</div><br><br><br><br>
  326. <div class="circle4">
  327. <a href="http://horanme.tumblr.com/themecredits"><br><br>©theme</a></div><br><br><br><br>
  328.  
  329. </div>
  330.  
  331.  
  332. <div id="descripcion" style="width:282px;text-align:center;">{block:ifSidebarImage}<div id="imagen"><img src="{image:Sidebar}"/></div>{/block:ifSidebarImage}
  333. <br><br><a href="/"><img src="http://i307.photobucket.com/albums/nn296/fulltimephotography/62.png"></a> &nbsp;<a href="/ask"><img src="http://i307.photobucket.com/albums/nn296/fulltimephotography/48.png"></a> &nbsp;<a href="/archive"><img src="http://i307.photobucket.com/albums/nn296/fulltimephotography/30.png"> &nbsp;</a></br></br>
  334.  
  335. {Description}
  336. <br><br><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></br></br>
  337.  
  338. </div>
  339.  
  340. <div id="entradas">
  341. {block:Posts}
  342. <div style="padding:10px;margin-bottom:10px;width:500px;">
  343.  
  344. {block:Answer}
  345. <div style="background-color:{color:background2};-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;text-align:center;padding:10px;"><i>{Question}</i></div><center><b>{Asker}</b></center>
  346. {Answer}{/block:Answer}
  347.  
  348. {block:Text}
  349. {block:Title}<div id="titulo2"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}
  350. {/block:Text}
  351.  
  352. {block:Photo}
  353. <img src="{PhotoURL-500}" alt="{PhotoAlt}"  width="500px" />{block:Caption}{Caption}{/block:Caption}
  354. {/block:Photo}
  355.                
  356. {block:Photoset}
  357. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  358. {/block:Photoset}
  359.  
  360. {block:Quote}
  361. <center><div id="quote">"{Quote}"</div>{block:Source}<br><b>—{Source}</b>{/block:Source}</center>
  362. {/block:Quote}
  363.  
  364. {block:Link}
  365. <div id="titulo2"><a href="{URL}" class="link" {Target}>↘ {Name}</a></div>{block:Description}{Description}{/block:Description}
  366. {/block:Link}
  367.  
  368. {block:Chat}
  369. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  370. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>
  371. {/block:Chat}
  372.  
  373. {block:Video}
  374. {Video-500}{block:Caption}{Caption}{/block:Caption}
  375. {/block:Video}
  376.  
  377. {block:Audio}
  378. <div style="background-color:#e4e4e4;width:500px;">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}
  379. {/block:Audio}
  380.  
  381. {block:Date}
  382. <div id="date">posted <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth} {ShortMonth}, {ShortYear} with {NoteCountWithLabel}{block:RebloggedFrom} <br>via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, from <a href="{SourceURL}">{SourceLink}</a></a>
  383. <br>{/block:ContentSource}{block:HasTags} tagged as:{block:Tags} •<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  384. {/block:Date}
  385.  
  386. </div>
  387. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  388. {/block:Posts}
  389. <br><br>
  390.  
  391.    
  392. </div>
  393.  
  394.  
  395. </div>
  396.  
  397. </body>
  398.  
  399.  
  400. </html>
create a new version of this paste RAW Paste Data