Advertisement
Hardrockdesign

Inception Theme

Jun 9th, 2015
646
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.18 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <meta name="image:Widgets" content=""/>
  10. <meta name="image:Widgets icono" content=""/>
  11. <meta name="color:Principal" content="#2a2648" />
  12. <meta name="color:Secundario" content="#e2dfd8" />
  13. <meta name="color:Terciario" content="#681617" />
  14. <meta name="color:Cuaternario" content="#5a5a70" />
  15. <meta name="color:Fondo widgets" content="#b9b8ab" />
  16. <meta name="color:Fondo del blog" content="#d5d2cd" />
  17. <meta name="text:Link 1" content="" />
  18. <meta name="text:Link 1 URL" content="" />
  19. <meta name="text:Link 2" content="" />
  20. <meta name="text:Link 2 URL" content="" />
  21. <meta name="text:Link 3" content="" />
  22. <meta name="text:Link 3 URL" content="" />
  23. <meta name="text:Link 4" content="" />
  24. <meta name="text:Link 4 URL" content="" />
  25. <meta name="text:Link 5" content="" />
  26. <meta name="text:Link 5 URL" content="" />
  27. <meta name="text:Link 6" content="" />
  28. <meta name="text:Link 6 URL" content="" />
  29. <meta name="text:Link 7" content="" />
  30. <meta name="text:Link 7 URL" content="" />
  31. <meta name="text:Link 8" content="" />
  32. <meta name="text:Link 8 URL" content="" />
  33. </head>
  34. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
  35. <style type="text/css">
  36.  
  37. body {
  38. background: {color:Fondo del blog};
  39. background-repeat: repeat;
  40. background-attachment: fixed;
  41. font-family: Open Sans;
  42. font-size: 13px;
  43. line-height: 100%;
  44. }
  45.  
  46. ::-webkit-scrollbar {background-color: {color:Secundario}; height:8px; width:8px}
  47. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Terciario};}
  48. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Terciario}; height:8px!important}
  49.  
  50. a {
  51. text-decoration: none;
  52. color: #3C3534;
  53. font-weight: bold;
  54. }
  55.  
  56. .notas li {
  57. list-style-type:none;
  58. }
  59.  
  60. .notas {
  61. max-width: 400px;
  62. max-height: 200px;
  63. overflow-y:auto;
  64. }
  65.  
  66. .notas img {
  67. display:none!important;
  68. }
  69.  
  70. .posts {
  71. width: 400px;
  72. padding: 10px;
  73. padding-top: 62px;
  74. text-align: justify;
  75. background: {color:Secundario};
  76. }
  77.  
  78. .widgets {
  79. width: 340px;
  80. padding: 10px;
  81. height: 100%;
  82. background:url('{image:Widgets}');
  83. position: fixed;
  84. background-color: {color:Fondo widgets};
  85. background-repeat: no-repeat;
  86. background-position: bottom;
  87. left: 0px;
  88. top: 0px;
  89. }
  90.  
  91. .caption {
  92. font-size: 12px;
  93. }
  94.  
  95. .notastumblr {
  96. background: {color:Principal};
  97. color: {color:Secundario};
  98. width: 100px;
  99. position: absolute;
  100. left: 0px;
  101. margin-bottom: 10px;
  102. font-size: 9px;
  103. text-transform: uppercase;
  104. text-align: center;
  105. font-family: Open Sans;
  106. line-height: 100%;
  107. padding-top: 14px;
  108. padding-bottom: 5px;
  109. height: 23px;
  110. margin-top: 8px;
  111. }
  112.  
  113. .triangulo {
  114. width: 0;
  115. height: 0;
  116. border-top: 10px solid {color:Cuaternario};
  117. border-left: 10px solid transparent;
  118. position: absolute;
  119. top: 60px;
  120. left: 0px;
  121. }
  122.  
  123. .notastumblr a {
  124. color: {color:Secundario};
  125. }
  126.  
  127. .postumblr {
  128. position: relative;
  129. padding: 10px;
  130. }
  131.  
  132. .cuerpo {
  133. margin-left: 380px;
  134. }
  135.  
  136. .fecha {
  137. font-size: 16px;
  138. font-family: Open Sans;
  139. font-weight: 800;
  140. bottom: 3px;
  141. position: relative;
  142. }
  143.  
  144. h3 {
  145. background: {color:Terciario};
  146. width: 100%;
  147. padding-top: 10px;
  148. padding-bottom: 10px;
  149. text-transform: uppercase;
  150. text-align: center;
  151. margin-top: 0px;
  152. font-size: 18px;
  153. display: block;
  154. letter-spacing: 1px;
  155. }
  156.  
  157. h3 a {
  158. font-weight: 900;
  159. color: {color:Secundario};
  160. }
  161.  
  162. .submitter {
  163. font-size: 9px;
  164. letter-spacing: 4px;
  165. font-weight: normal;
  166. }
  167.  
  168. .titulowid {
  169. text-align: center;
  170. font-size: 16px;
  171. font-weight: 800;
  172. font-family: Open Sans;
  173. letter-spacing: 2px;
  174. text-transform: uppercase;
  175. }
  176.  
  177. #description {
  178. max-height: 107px;
  179. padding-right: 10px;
  180. text-align: justify;
  181. font-size: 12px;
  182. overflow-y: auto;
  183. }
  184.  
  185. .widgets a {
  186. display: inline-block;
  187. width: 105px;
  188. text-align: center;
  189. font-size: 9px;
  190. line-height: 100%;
  191. padding: 2px;
  192. margin: 1px;
  193. background: {color:Principal};
  194. color: {color:Secundario};
  195. }
  196.  
  197. #footer a {
  198. text-transform: uppercase;
  199. font-size: 12px;
  200. font-weight: 700;
  201. background-color: {color:Terciario};
  202. }
  203.  
  204. .source {
  205. font-size: 11px;
  206. text-transform: uppercase;
  207. }
  208.  
  209. .autorquest {
  210. width: 100%;
  211. border-radius: 20px;
  212. display: block;
  213. background: {color:Terciario};
  214. text-transform: uppercase;
  215. text-align: center;
  216. padding-top: 5px;
  217. padding-bottom: 5px;
  218. margin-top: 10px;
  219. font-weight: 900;
  220. color: {color:Secundario};
  221. }
  222.  
  223. .autorquest a {
  224. color: {color:Secundario};
  225. }
  226.  
  227. .question {
  228. padding: 40px;
  229. font-size: 12px;
  230. }
  231.  
  232. .firstq {
  233. color: {color:Terciario};
  234. font-size: 40px;
  235. float: left;
  236. margin-right: 10px;
  237. font-weight: 900;
  238. margin-bottom: 10px;
  239. }
  240.  
  241. .more {
  242. width: 100%;
  243. text-align: center;
  244. display: block;
  245. text-transform: uppercase;
  246. margin-bottom: 20px;
  247. }
  248. </style>
  249. <body>
  250. <div class="widgets"><div class="titulowid">{Title}</div>
  251. {block:Description}
  252. <p id="description"><img style="float: left; width: 60px; height: 60px; border-radius: 60px; margin: 10px; border: 5px double {color:Secundario};" src="{image:Widgets icono}" />{Description}</p>
  253. {/block:Description}<a href="/">Inicio</a><a href="{text:Link 1 URL}">{text:Link 1}</a><a href="{text:Link 2 URL}">{text:Link 2}</a><a href="{text:Link 3 URL}">{text:Link 3}</a><a href="{text:Link 4 URL}">{text:Link 4}</a><a href="{text:Link 5 URL}">{text:Link 5}</a><a href="{text:Link 6 URL}">{text:Link 6}</a><a href="{text:Link 7 URL}">{text:Link 7}</a><a href="{text:Link 8 URL}">{text:Link 8}</a><a href="/ask">Pregunta</a><a href="/submit">Colabora</a><a href="http://thecaptainknowsbest.tumblr.com">Crédito</a>
  254. <center><p id="footer">
  255. {block:PreviousPage}
  256. <a href="{PreviousPage}">Previous</a>
  257. {/block:PreviousPage}{block:NextPage}
  258. <a href="{NextPage}">Next</a>
  259. {/block:NextPage}
  260. </p></center>
  261. </div><div class="cuerpo">{block:Posts}<div class="postumblr">{block:indexpage}<div class="notastumblr">{block:Date}<a href="{Permalink}" class="fecha">{DayOfMonthWithZero} {ShortMonth}</a>{/block:Date}<br>{block:NoteCount}<a href="{Permalink}" style="font-weight: normal;">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div class="triangulo"></div>{/block:indexpage}<div class="posts">
  262. {block:Title}
  263. <h3><a href="{Permalink}">{Title}</a>{block:Submission}<br><a href="{SubmitterURL}" class="submitter">Autor: {Submitter}</a>{/block:Submission}</h3>
  264. {/block:Title}{block:Text}
  265. {Body}
  266. {block:More}<a href="{Permalink}" class="more">{lang:Read more}</a>{/block:More}
  267. {/block:Text}{block:Photo}
  268. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  269.  
  270. {block:Caption}
  271. <div class="caption">{Caption}</div>
  272. {/block:Caption}
  273. {/block:Photo}{block:Panorama}
  274. {LinkOpenTag}
  275. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  276. {LinkCloseTag}{block:Caption}
  277. <div class="caption">{Caption}</div>
  278. {/block:Caption}
  279. {/block:Panorama}{block:Photoset}
  280. {Photoset-400}{block:Caption}
  281. <div class="caption">{Caption}</div>
  282. {/block:Caption}
  283. {/block:Photoset}
  284. {block:Answer}<div class="question"><div class="firstq">?</div>{Question}<div class="autorquest">Preguntado por {Asker}</div></div>
  285. <div class="replies">{Replies}</div>{/block:Answer}
  286. {block:Quote}
  287. "{Quote}"
  288.  
  289. {block:Source}
  290. <div class="source">{Source}</div>
  291. {/block:Source}
  292. {/block:Quote}{block:Link}
  293. <a href="{URL}" class="link" {Target}>{Name}</a>
  294.  
  295. {block:Description}
  296. <div class="description">{Description}</div>
  297. {/block:Description}
  298. {/block:Link}{block:Chat}
  299. {block:Title}
  300. <h3><a href="{Permalink}">{Title}</a></h3>
  301. {/block:Title}
  302.  
  303. <ul class="chat">
  304. {block:Lines}
  305. <li class="{Alt} user_{UserNumber}">
  306. {block:Label}
  307. <span class="label">{Label}</span>
  308. {/block:Label}{Line}
  309. </li>
  310. {/block:Lines}
  311. </ul>
  312. {/block:Chat}{block:Video}
  313. {Video-500}{block:Caption}
  314. <div class="caption">{Caption}</div>
  315. {/block:Caption}
  316. {/block:Video}{block:Audio}
  317. {AudioEmbed}{block:Caption}
  318. <div class="caption">{Caption}</div>
  319. {/block:Caption}
  320. {/block:Audio}</div></div>
  321. {block:permalinkpage}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}
  322. </div>
  323. </body>
  324. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement