API tools faq
paste
Advertisement
moremarijuana

Theme Purplex

moremarijuana
Apr 22nd, 2013
167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4. <head>
  5.  
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="http://lh6.ggpht.com/_FJH0hYZmVtc/St6dTXiK79I/AAAAAAAAD8w/YX2oZ1VbSpw/tumblr-s-webtreatsetc%5B3%5D.png">
  9.  
  10. <meta name="color:sidebar" content="" />
  11. <meta name="color:side" content="" />
  12.    
  13.    <meta name="color:background" content="#ffff" />
  14.    
  15.    
  16.    <script type="text/javascript" src="http://static.tumblr.com/xrcfs5e/SGnmlod7h/like2.js"></script>
  17. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  18.  
  19. </head>
  20.  
  21.  
  22. <style type="text/css" media="screen">
  23.  
  24. /*----------------- BODY---*/
  25. body {text-align: justify;   font: 11px tahoma;   background: #edebe7  fixed;  background:{color:background}; }
  26. /*fim*/
  27.  
  28. /*----------------- LINKS E SELEÇÃO DE CORES---*/  
  29. ::-moz-selection { color: #fff; background: #8ca1cb; text-shadow: 0 1px 1px #FFF; }
  30. ::selection { color:#fff; background: #000;  }
  31. a {color: #4F4F4F; text-decoration: none; }
  32. a:hover {color: #8B0A50; }
  33. /*fim*/
  34.  
  35. /*----------------- BLOCKQUOTE---*/
  36. blockquote { margin-bottom: 5px; padding: 3px 3px 3px 3px; background: #; margin-top: 5px; margin-left: 2px; margin-right: 2px; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; border-left: 5px solid  #000;
  37. text-shadow: -1px -1px 0px #;
  38. font-size: 8pt; color: #000; }
  39. ful { list-style: none; }
  40. ol { list-style-position: inside; }
  41.  { margin: 0; padding: 0; outline: none; }
  42. /*fim*/
  43.  
  44. /*----------------- layout (header-footer-content-menu)---*/
  45. #content {position: relative; width:800px; background: #; background-repeat: repeat-y; margin-left: auto;margin-right: auto; margin-top: 0px; }    
  46. #header {background: url(''); background-repeat:  repeat-x;  width: 800px;  height: 49px; margin-left: auto 0px;}
  47. #footer {background: url(''); background-repeat:  no-repeat; background-position: bottom; width: 800px; height: 49px; clear: both; }
  48. #menu {background: url(''); background-repeat:  repeat-x;  width: 800px;  height: 0px; margin-left: auto 0px; margin-top: 4px;}  
  49. /*fim*/
  50.  
  51. /*----------------- parte dos posts---*/
  52. #main {width: 520px; float: right; position: relative; margin-left: 0px;}
  53. .caixa  {background: #cbb99d; overflow: hidden; padding: 13px;font-family: Verdana, Geneva, sans-serif;font-size: 8pt;color: #fff;text-align: justify;outline: 0px solid #; margin-top: 10px; margin-bottom: 10px;}
  54. /*fim*/
  55.  
  56.  
  57. h1 {color: #1e5960; font-family: 'Adobe Fan Heiti Std ', serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  58.  
  59.  
  60.  /**Isso é a parte da side***/
  61. #sidebar { width: 200px;   float: left ;margin-top: -65px; position: fixed;  margin-top: x; margin-right: 15px;  height:200%; -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #9C9C9C; box-shadow: 0 0 1em #9C9C9C; background-color: {color:sidebar};}
  62. .side  { padding: 7px;text-align: justify; color: #957e6d; margin-bottom: 10px; margin-top: 70px;   background-color: {color:side};}
  63. #caixadasidebar img{max-width:185px;-webkit-border-radius: 20px;
  64. -moz-border-radius: 20px;
  65. border-radius: 20px; }
  66. .side2  { padding: 7px;text-align: justify; color: #fff; margin-bottom: 10px; margin-top: 70px;   background-color: {color:side};}
  67. #caixadasidebar img{max-width:185px;-webkit-border-radius: 20px;
  68. -moz-border-radius: 20px;
  69. border-radius: 20px; }
  70.  
  71. .cac {background-color: #fff; margin: 0px 10px 5px;   padding: 10px; font-family: tahoma;    overflow: hidden; -webkit-box-shadow: 0 0 1em #9C9C9C; box-shadow: 0 0 1em #9C9C9C; -webkit-border-radius: 20px;
  72. -moz-border-radius: 20px;
  73. border-radius: 20px;}
  74. /*fim*/
  75.  
  76.  
  77.  
  78. .fotinha{margin: -2px 0 0 -3px;}
  79.  
  80.  
  81.  
  82.  
  83. /***IMAGEM HOVER SIMONE (CEREJADOSUNDAE)***/
  84.  
  85. .imageside  { margin-bottom:2px;margin-top:0px; }
  86.  
  87. .imageside img  {background:#fff;width:177px; height:220px ;align:center;border: 5px solid #fff;}
  88.  
  89. .imageside .descrip  {-webkit-transition: all 1.0s ease-out; -moz-transition: all 2.5s ease-out;  width:177px; height:220px;margin-top:-230px;color:#696969; background:#fff; opacity: 0;border: 5px solid #fff }
  90. .imageside:hover .descrip  {background:#ffffff; opacity: 0.99;margin-bottom:2px;  -webkit-transition: all 1.0s ease-out; -moz-transition: all 2.5s ease-out;}
  91. /*** FINAL DA IMAGEM HOVER ***/
  92.  
  93. .reb {position: absolute; margin-left: 547px; margin-top: 20px;}
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. .likep a:hover {background-position: 0px 0px;}
  101. .likep a {position: absolute;
  102. background-image: url("http://static.tumblr.com/xrcfs5e/RxMmlod84/like.png") ;
  103. background-repeat: no-repeat;
  104. background-position: 0px 0px;
  105. display: block;z-index: 9999999;
  106. webkit-transition: all 0s linear;-webkit-transition: all 0s linear;
  107. -moz-transition: all 0s linear;
  108. transition: all 0s linear;}
  109. .likep img {width: 50px;
  110. height: 45px;
  111. webkit-transition: all 0.2s linear;
  112. -webkit-transition: all 0.2s linear;
  113. -moz-transition: all 0.2s linear;
  114. transition: all 0.2s linear;}
  115. #likeiframe {display: none;}
  116.  
  117. .rl {position: absolute;
  118. width: 50px;
  119. height: 45px;
  120. padding-top: 3px;
  121. padding-left: 2px;
  122. float: left;
  123. text-align: center;
  124. color: #fff;
  125. margin-left: 505px;
  126. margin-top: 0px;
  127. line-height:17px; }
  128.  
  129. .per {position: absolute; margin-left: 505px; margin-top: 60px;width: 40px;
  130. height: 45px;}
  131.  
  132.  
  133. /* --- Reblogue e outros ------------------------------- */
  134. .reblogue{
  135.           margin-top: -25px;
  136.           margin-left: 145px;
  137.           position: absolute;
  138.           opacity: 0;
  139.           -webkit-transition: all 1s ease;
  140.           -moz-transition: all 1s ease;
  141.           -o-transition: all 1s ease;
  142.           transition: all 1s ease;
  143.           }
  144.      
  145.       .menu {position: absolute; margin-left: -8px; margin-top: 7px;}
  146. .menu a {overflow: hidden; font-family:arial; display: block; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase; color: #fff; width: 0px; border-left: 8px solid #323232; text-align: left; text-shadow: 1px 1px 1px #000; margin-bottom: 1px; height: 20px;}
  147. .menu a:hover {overflow: hidden;margin-right: 3px; background: url('http://static.tumblr.com/ifqwhnb/QcQm4x9v4/menu.png'); font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase; display: block; color: #fff; width: 170px; border-left: 8px solid #323232; padding: 5px; text-align: left; text-shadow: 1px 1px 1px #000; margin-bottom: 1px;height: 10px; letter-spacing: 3px;}
  148.  
  149.  
  150. /*****paginação por Banner Desings***/
  151.  
  152. #paginacaodk {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #;}
  153.  
  154. #paginacaodk a {background: #FF6A6A; margin: 0 1px 0 0; padding: 2px 4px; color: #fff; text-decoration: none;border-radius: 25px 10px / 10px 25px;
  155.  
  156. -moz-border-radius: 25px 10px / 10px 25px;}
  157.  
  158. #paginacaodk a:hover {background: #DC0B71; border: none;}
  159.  
  160. #paginacaodk span.pagina_atual {background: #FF6A6A; margin: 0 1px 0 0; padding: 2px 4px; color: #CORDAFONTEAMESMA; text-decoration: none;border-radius: 10px 30px / 30px 10px;
  161.  
  162. -moz-border-radius: 25px 10px / 10px 25px;}
  163.  
  164. #paginacaodk span.info {background: #FF6A6A; margin: 0 1px 0 0; padding: 2px 4px; color: #CORDAFONTEAMESMA; text-decoration: none;border-radius: 25px 10px / 10px 25px;
  165.  
  166. -moz-border-radius: 25px 10px / 10px 25px;}
  167.  
  168. .creditohl {display: inline-block; background: #; width: 20px; height: 11px; padding: 3px; font-family: verdana; font-size: 10px; color: #fff; text-align: center; -webkit-transition: all 0.5s ease; overflow: hidden}
  169. .creditohl:hover {display: inline-block; background: #; width: 137px; padding: 3px; font-family: verdana; font-size: 10px; color: #828282; text-align: center;overflow: hidden}
  170.  
  171. </style>
  172.  
  173. <body>
  174. <div id="content">
  175. <div id="header"></div>
  176. <div id="menu"></div>
  177. <div id="sidebar">
  178. <div class="side">
  179. <div class="menu">  
  180. <a href="/"> Home</a>
  181. <a href="/ask">Ask</a>
  182. <a href="/submit">Submit</a>
  183. <a href="LINK">LINK</a>
  184. <a href="LINK">LINK</a>
  185. <a href="LINK">LINK</a>
  186.  </div>
  187. <div class="imageside"><img src="http://static.tumblr.com/xrcfs5e/bOWml2dwb/33.jpg"/ >  </div> </div>
  188. <div class="side2">
  189. {block:Description}{Description}{/block:Description}
  190. </div>
  191.  <br>
  192.  <br>
  193.  <!-- paginação por love-is-train -->
  194.  
  195. <center><div id="paginacaodk"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  196. {block:JumpPagination length="7"}
  197. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  198. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  199. {/block:JumpPagination}
  200. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  201. </div></center><br><br>
  202. <br>
  203. <br>
  204. <div class="creditohl"><font color="828282">©</font> theme by <a href="http://intersessao.tumblr.com/">Intersessão</a></div>
  205.  
  206. </div>
  207.  
  208. <div id="main">
  209.  
  210. <div id="frame">
  211. {block:Posts}
  212. {block:IndexPage}
  213. <div class="rl">
  214. <div class="likep">
  215. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  216. <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="50" height="49" alt="Like this post" id="likeimage{PostID}"/></a>
  217. </div>
  218. </div>
  219.  
  220. {/block:IndexPage}
  221. <div class="per"><a href="{Permalink}"><img src="http://static.tumblr.com/xrcfs5e/n5Wmlodow/reb.png" width="37" height="35"></a></div>
  222. <div class="cac">
  223.  
  224.  
  225. {block:Text}
  226. {block:Title}
  227. <h1>{Title}</h1>
  228. {/block:Title}
  229. {Body}<div class="shadow"></div>
  230. {/block:Text}
  231.  
  232. {block:Photo}
  233. <center><img src="{PhotoURL-500}"width="470px"alt="{PhotoAlt}" /></center>
  234. {block:Caption}
  235. <div class="caption">{Caption}</div>
  236. <div class="shadow"></div>
  237. {/block:Caption}
  238.  
  239. {/block:Photo}
  240.  
  241. {block:Photoset}
  242. <center>{Photoset-500}</center>
  243. {block:Caption}
  244. <div class="caption">{Caption}</div>
  245. {/block:Caption}
  246. {/block:Photoset}
  247.  
  248. {block:Quote}
  249. <h1>"{Quote}"</h1>
  250. {block:Source}
  251. <div class="source"><div style="text-align: right">— {Source}</div></div>
  252. {/block:Source}
  253. <div class="shadow"></div>
  254. {/block:Quote}
  255.  
  256. {block:Link}
  257. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  258. {block:Description}
  259. <div class="description">{Description}</div>
  260. <div class="shadow"></div>
  261. {/block:Description}
  262. <div class="shadow"></div>
  263. {/block:Link}
  264.  
  265. {block:Chat}
  266. {block:Title}
  267. {Title}
  268. {/block:Title}
  269. <ul class="chat">
  270. {block:Lines}
  271. {block:Label}
  272. <span class="label"><b>{Label}</b></span>
  273. {/block:Label}
  274. {Line}<br>
  275. {/block:Lines}
  276. </ul>
  277. {/block:Chat}
  278.  
  279. {block:Video}
  280. {Video-500}
  281. {block:Caption}
  282. <div class="caption">{Caption}</div>
  283. {/block:Caption}
  284. <div class="shadow"></div>
  285. {/block:Video}
  286.  
  287. {block:Audio}
  288. {AudioPlayerBlack}
  289. {block:Caption}
  290. <div class="caption">{Caption}</div>
  291. {/block:Caption}
  292. <div class="shadow"></div>
  293. {/block:Audio}
  294.  
  295.  
  296. {block:Answer}
  297. {/block:Answer}
  298. </div><br>
  299. {/block:Posts}</div>
  300. </div>
  301. <br>
  302. <div id="footer"></div>
  303. </div>
  304.         </body>
  305.  </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!