Advertisement
ru2

Andalusia (Column Option)

ru2
Oct 16th, 2012
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.52 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Andalusia
  5.  
  6. By >> Ruba [http://ru2.tumblr.com/]
  7.  
  8. >> Free to use, to share and alter
  9.  
  10. >> Please give credit.
  11.  
  12. -->
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  14. <head>
  15. <meta name="color:text" content="#434343"/>
  16. <meta name="color:Link" content="#ed4c20"/>
  17. <meta name="color:Hover" content="#fca38e"/>
  18. <meta name="color:background color" content="#e7dfc0"/>
  19. <meta name="color:permalink" content="#434343"/>
  20. <meta name="image:background image" content=""/>
  21. <META name="image:Sidebar Image" content="http://media.tumblr.com/tumblr_m3905bpfD91qan8h1.png"/>
  22. <META name="color:Description" content="#000">
  23. <META name="color:Post Background" content="#ece4c6">
  24. <meta name="color:title" content="#3fbea3"/>
  25. <meta name="color:NavBackground" content="#fcf2cd">
  26. <meta name="color:Nav Link Background" content="#812f00">
  27. <meta name="color:Nav Link Text" content="#74e1c6">
  28. <meta name="color:Nav Link Background Hover" content="#B2A980">
  29. <meta name="color:Nav Link Text Hover" content="#857097">
  30. <META name="text:Link1" content="Enlace1">
  31. <META name="text:URL1" content="">
  32. <META name="text:Link2" content="Enlace2">
  33. <META name="text:URL2" content="">
  34. <meta name="if:OneColumn" content="0"/>
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. ::-webkit-scrollbar {width: 6px; height: 4px; background: #fff; }
  40. ::-webkit-scrollbar-thumb { background-color: #000; -webkit-border-radius: 1ex; }
  41.  
  42. body{
  43. background-attachment: fixed;
  44. background-repeat: repeat-y;
  45. background-position:right bottom;
  46. background-image: url({image:background image});
  47. background-color: {color:background color};
  48. color:{color:text};
  49. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  50. font-size: 13px;
  51. text-align: justify;}
  52.  
  53. a:link, a:active, a:visited{
  54. color: {color:Link};
  55. text-decoration: none;}
  56.  
  57. a:hover{
  58. color: {color:Hover};
  59. -webkit-transition-duration: 0.5s;}
  60.  
  61.  
  62. #wast{
  63. position: fixed !important;
  64. width: auto;
  65. height: auto;
  66. right: 3px;
  67. top: 16px;}
  68.  
  69. .entry {
  70. float: left;
  71. background-color:{color:Post Background};border:3px;{color:Post Background};
  72. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  73. font-size: 13px;
  74. text-align: justify;
  75. margin: 2px;
  76.  
  77. {block:indexpage}
  78. width: 420px;
  79. {/block:indexpage}
  80. {block:permalinkpage}
  81. width: 1100px;
  82. {/block:permalinkpage}
  83. overflow:hidden;
  84. {block:indexpage}
  85. {block:IfOneColumn}
  86. width: 460px;
  87. float:left;
  88. overflow:hidden;
  89. margin-left:180px;
  90. overflow:hidden;
  91. {/block:IfOneColumn}
  92. {/block:IndexPage}
  93. .entry img {
  94. background-color:{color:Post Background};border:11px;{color:Post Background};
  95. {block:indexpage}
  96. width: 420px;
  97. {/block:indexpage}
  98. {block:permalinkpage}
  99. width: 1100px;
  100. {/block:permalinkpage}
  101. }
  102. #entry:hover #infos {
  103. opacity:0.9;
  104. filter: alpha(opacity=90);
  105. -moz-opacity:0.9;}
  106. #entry #infos #details {
  107. margin-top:50px;}
  108. a.notecount {
  109. color: {color:permalink};
  110. font-size: 8px;
  111. line-height: 10px;
  112. font-family: Lucida Console;
  113. font-weight:normal;
  114. text-transform: uppercase;
  115. letter-spacing: 2px;
  116. margin-left:0px;}
  117. a.notecount:hover {
  118. color: #888888;}
  119. a.reblog {
  120. color: {color:permalink};
  121. font-size: 9px;
  122. line-height: 12px;
  123. font-family: Lucida Console;
  124. font-weight:normal;
  125. text-transform: normal;
  126. letter-spacing: 2px;}
  127. a.reblog:hover {
  128. color: #888888;}
  129. .ask {
  130. width:420px;
  131. border-bottom:1px dotted {color:Link};
  132. font-style:none;
  133. font-size:13px;
  134. font-family: tahoma;}
  135.  
  136. .ask a{
  137. color:{color:Link};
  138. font-style:none;
  139. font-size:13px;
  140. font-family: tahoma;}
  141.  
  142. .answer{
  143. padding-bottom:4px;}
  144.  
  145. #pages{
  146. position: fixed;
  147. bottom: 427px;
  148. right: 150px;}
  149. }
  150.  
  151.  
  152. .perma{
  153. opacity: 0.0;
  154. filter: alpha(opacity = 0);
  155. position: absolute;
  156. margin-top: 0px;
  157. margin-left: 5px;
  158. width: 30px;
  159. height: 30px;
  160. line-height: 30px;
  161. font-size: 9px;
  162. text-align: center;
  163. z-index:9999991;
  164. color: {color:permalink};}
  165.  
  166.  
  167. #nav {
  168. width: 270px;
  169. opacity:0.4;
  170. filter:alpha(opacity=40);
  171. background-color: {color:NavBackground};
  172. margin-top: 0px;
  173. font-family: lucida sans unicode;
  174. font-size: 10px;
  175. font-weight: normal;
  176. text-transform: uppercase;
  177. text-align: center;
  178. letter-spacing: 4px;
  179. color: {color:Title Text};
  180. padding-top: 0px;
  181. margin-left: 0px;
  182. padding-right: 0px;
  183. padding-bottom: 15px;
  184. top: 0;
  185. left:30px;
  186. position: fixed;
  187. -moz-border-radius: 0px 0px 10px 10px;
  188. -webkit-border-radius: 0px 0px 10px 10px;
  189. border-radius: 0px 0px 10px 10px;
  190. -webkit-transition: all 1.5s ease;
  191. -moz-transition: all 1.5s ease;
  192. -o-transition: all 1.5s ease;
  193. margin-top: -190px;
  194. }
  195. #nav:hover {
  196. opacity:1.0;
  197. filter:alpha(opacity=100);
  198. padding-top: 300px;
  199. }
  200. #nav a {
  201. width: 110px;
  202. background-color: {color:Nav Link Background};
  203. display: block;
  204. line-height: 15px;
  205. font-family: lucida sans unicode;
  206. font-size: 9px;
  207. color: {color:Nav Link Text};
  208. text-transform: uppercase;
  209. text-decoration: none;
  210. letter-spacing: 4px;
  211. text-align: center;
  212. margin-bottom: 1px;
  213. -webkit-transition: all 0.5s ease;
  214. -moz-transition: all 0.5s ease;
  215. -o-transition: all 0.5s ease;
  216. }
  217. #nav a:hover {
  218. background-color: {color:Nav Link Background Hover};
  219. color: {color:Nav Link Text Hover};
  220. }
  221. #portrait .profilepic{
  222. background: url('{image:Sidebar Image}');
  223. width: 220px;
  224. height:220px;
  225. border: 5px solid #fff;
  226. -webkit-border-radius: 110px;
  227. -moz-border-radius: 110px;
  228. border-radius: 110px;
  229. -webkit-transition: 0.7s ease-in-out;
  230. -moz-transition: 0.7s ease-in-out;
  231. -o-transition: 0.7s ease-in-out;
  232. }
  233. #Description{
  234. color: {color:Description}
  235. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  236. font-size: 13px;
  237. text-align: justify;}
  238.  
  239. {CustomCSS}
  240. </style>
  241. </head>
  242. <body>
  243. <div id="nav">
  244. <div id="descrip">{description}</div><p>
  245. <center>
  246. <p><a href="http://ru2themes.tumblr.com/">Tema</a>&nbsp;&nbsp <a href="/archive">archivo</a><br/>
  247. <a href="{text:URL1}">{text:Link1}</a>&nbsp;&nbsp <a href="{text:URL2}">{text:Link2}</a><br/>
  248. <a href="/ask">Pedir</a>&nbsp;&nbsp<a href="/">Casa</a><br/><p/>
  249. <center>
  250. <div id="portrait"><div class="profilepic"></div><br/>
  251. <font color="{color:title}"font size="4px"font family="Lucida Grande">{title}</font></a>
  252. </div></div></div>
  253. </div></div>
  254. <br><br><br><br>
  255.  
  256. <div style="max-width: 1000px;margin-left:auto;margin-right:auto;">
  257. <center>
  258. {block:Posts}
  259.  
  260. <div class="entry">
  261. {block:IndexPage}
  262. <center><div id="infos">
  263. <div id="details">
  264. <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" class="reblog">Este Reblog</a> | {block:HasTags} <font size="1px"font family="Lucida Console">· E&nbsp;t&nbsp;i&nbsp;q&nbsp;u&nbsp;e&nbsp;t&nbsp;a&nbsp;s&nbsp;:<br/></font> {block:Tags}<small><a href="{TagURL}">#{Tag} </a></small>{/block:Tags}{/block:HasTags}
  265. </div>
  266. </div></center>
  267. {/block:IndexPage}
  268. {block:Text}
  269. {block:IndexPage}<div class="text">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}{Body}</div>
  270. {/block:IndexPage}{/block:Text}
  271.  
  272. {block:Photo}{block:IndexPage}
  273. {LinkOpenTag}<a href="{Permalink}"><center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/><br/></center></a>{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=1100px/></center>{LinkCloseTag}{/block:permalinkpage}
  274. {/block:Photo}
  275.  
  276. {block:Photoset}
  277. {block:IndexPage}
  278. <div class="photoset"><center>{Photoset-400}<br/></center></div>{/block:IndexPage}
  279. {block:permalinkpage}<div class="photoset">{Photoset-500}</div>{/block:permalinkpage}
  280. {/block:Photoset}
  281.  
  282. {block:Quote}
  283. {block:IndexPage}<div class="text">&#10077;{Quote}{block:Source}<div class="source">_{Source}</div>{/block:Source}</div>{/block:IndexPage}{/block:Quote}
  284.  
  285. {block:Link}{block:IndexPage}<div class="text"><a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  286. {/block:IndexPage}{/block:Link}
  287.  
  288. {block:Chat}{block:IndexPage}<div class="text">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}</div>
  289. {/block:IndexPage}{/block:Chat}
  290.  
  291. {block:Video}{block:IndexPage}<center><br/>{Video-400}</center><br/>{/block:IndexPage}{/block:Video}
  292. {block:Audio}{block:IndexPage}<br/>{AudioPlayerWhite}<br/><div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  293. {/block:IndexPage}{/block:Audio}
  294. {block:Answer}
  295. {block:IndexPage}<div class="ask">{Asker} asked: {Question}</div>
  296. <div class="answer"> {Answer}</div>
  297. {/block:IndexPage}{/block:Answer}
  298.  
  299.  
  300. <div class="permal">{block:PermalinkPage}
  301. <center><br><br>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · Etiquetas: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center><br><br><br>
  302. {/block:PermalinkPage}</div>
  303.  
  304. </div>
  305. <br><br>
  306. {/block:Posts}
  307. <p id="footer">
  308. {block:Pagination}<div id="page"><div id="pages">{block:PreviousPage}<a href="{PreviousPage}"><img src="http://media.tumblr.com/tumblr_m394bceWOV1qan8h1.png" /></a> &nbsp;&nbsp;&nbsp; {block:PreviousPage}{block:NextPage}<a href="{NextPage}"><img src="http://media.tumblr.com/tumblr_m394biUQEG1qan8h1.png" /></a>{block:NextPage}
  309. </div></div></div>
  310. </div>
  311. </body>
  312. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement