API tools faq
paste
ubc-themes

theme 26

ubc-themes
Oct 13th, 2012
1,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.54 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <! - - - - - - - - - - - - - - - - - - - - - - - - - -
  3.                  @umabonecaciumenta
  4.           sem cópias totais ou parciais.
  5.                
  6. - - - - - - - - - - - - - - - - - - - - - - - - - - !>
  7.  
  8. <html><link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  9. <head>
  10.  
  11. <meta name="color:background" content="#f0f0f0" />
  12. <meta name="color:text" content="#b5b5b5" />
  13. <meta name="color:linkhover" content="#b5b5b5" />
  14. <meta name="color:link" content="#b5b5b5" />
  15. <meta name="color:entry" content="#fff" />
  16. <meta name="color:sidebar" content="#f0f0f0" />
  17. <meta name="color:bglinkshover" content="#ffc3e7" />
  18. <meta name="color:bglinks" content="#f0f0f0" />
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="link 1" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="link 2" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="link 3" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="link 4" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link5 Title" content="link 5" />
  29. <meta name="text:Link6" content="/" />
  30. <meta name="text:Link6 Title" content="link 6" />
  31. <meta name="text:Link7" content="/" />
  32. <meta name="text:Link7 Title" content="link 6" />
  33. <meta name="text:Link8" content="/" />
  34. <meta name="text:Link8 Title" content="link 6" />
  35. <meta name="image:background" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="text:titulo" content="um titulo maneiro aqui." />
  38. <meta name="font:text" content="verdana" />
  39. <meta name="color:borda1" content="#b5b5b5" />
  40. <meta name="color:borda2" content="#b5b5b5" />
  41.  
  42.                       <title>{Title}</title>
  43.         <link rel="shortcut icon" href="{Favicon}">
  44.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45.         {block:Description}
  46.             <meta name="description" content="{MetaDescription}" />
  47.         {/block:Description}
  48.  
  49.     <style type="text/css">
  50.    
  51.  
  52. iframe#tumblr_controls {
  53.     position: fixed !important;
  54.     top: 0 !important;
  55.     right: 0 !important;
  56. }
  57.  
  58.  
  59. body {background-color: {color:background}; font-family: {font:text}; color: {color:text}; text-align: justify; font-size: 10px;  background-image:url('{image:background}'); background-attachment: fixed; }
  60.  
  61. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  62. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  63.  
  64. p {margin: 6px 0 0 0}
  65.  
  66. blockquote {margin: 5px 5px 5px 5px; border-left: 3px solid {color:text}; padding-left: 5px; }
  67. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text};}
  68. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text}; }
  69. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text}; }
  70.  
  71. blockquote img{max-width: 370px!important}
  72. blockquote blockquote img{max-width: 350px!important}
  73. blockquote blockquote blockquote img{max-width: 330px!important}
  74. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  75.  
  76. #allboxes {float: left; margin-left: 390px; margin-top: 0px; border: 4px solid #fff; padding:3px; }
  77.  
  78. .entry {width: 400px; background-color: {color:entry}; padding: 5px; margin-bottom: -1px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; margin-left: 2px; paddind-bottom: 2px; }
  79.  
  80. h1 {font-family: Trebuchet MS; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 12px;}
  81. h1 a {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 12px;}
  82. h1 a:hover {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 12px;}
  83.  
  84. .image {text-align: center; border: 0px; text-align: center; border: 0px;  opacity: 10; -webkit-transition: 0.8s ease-in;
  85. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  86.  
  87. .image:hover {opacity: 0.8; -webkit-transition: 0.8s ease-in;
  88. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  89.  
  90. .image img {max-width: 400px; margin-bottom: 2px }
  91.  
  92. .xquote {text-align:justify; font-family:calibri; font-size: 11px; line-height:15px; padding:3px;margin-left:02px; margin-bottom:3px; margin-top:-66px;}
  93. .xquotesource {font-family:calibri; text-align: center; text-transform: none; margin-bottom:5px; font-size: 11px; font-weight: bold}
  94. .xquotesource a, a:hover{text-transform: none;}
  95. #quote {position:relative; top:-22px;left:-3px;font-size:60px;opacity:0.3;}
  96.  
  97. .chat {line-height: 13px; list-style: none }
  98. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  99. .person1 {color: {color:text}; padding: 2px; }
  100. .person1 .label {font-weight: bold;  color:{color:text}}
  101. .person2 {color: {color:text}; padding: 2px;  }
  102. .person2 .label {font-weight: bold;  color:{color:text}}
  103.  
  104. .player {background-color: #trans; text-align: left; display:block;}
  105.  
  106. #ssource{margin-left:10px; display:none}
  107.  
  108. #perma {margin-top:10px; font-family: calibri; color: {color:text}; text-align: center;  -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; text-transform: uppercase; background-color: {color:entry}; padding-top: 1px; border-top: solid 1px {color:background}; border-bottom: solid 1px {color:background} }
  109. #perma a {font-size: 10px; font-family: calibri; text-transform: uppercase; color: {color:text}; opacity:10; }
  110. #perma a:hover {opacity:0.6;}
  111.  
  112. .question {color:{color:text}; font-size: 11px; font-weight: normal;
  113. font-family: verdana; line-height:95%; background: {color:background};
  114. position: relative; min-height:70px; padding:10px 15px; margin-bottom:2px;
  115. margin-right:-10px;}
  116.  
  117. .questionarrow {font-size:30px; color:{color:background}; vertical-align:middle; margin-left:-5px!important;}
  118.  
  119. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  120. .asker a {color:{color:text};}
  121. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  122.  
  123. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  124. .asking a{color:{color:text};}
  125. .asking img {width:58px; vertical-align:middle; background-color:{color:bckground}; padding:3px;}
  126.  
  127. .answer {color:{color:text};}
  128.  
  129. #cap {width: 500px; margin-top: -2px;}
  130. .source {display: none;}
  131.  
  132. .notes {width: 500px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  133. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  134. ol.notes li {background-color: {color:entry}; margin-bottom: 1px; padding: 5px; }
  135. .notes img{display: none; border:0px}
  136.  
  137. /* PAGINAÇÃO */
  138.  
  139. #pagg {z-index:99; line-height: 15px; text-align:center; position:fixed; font-family: calibri; height: auto; width:210px; background-color: #trans; letter-spacing: 1px; margin-top: 1px; margin-left: 0px; font-family: georgia;}
  140.  
  141. #paginacaoml {font-size: 10px; font-weight: normal; line-height: 20px;}
  142. #paginacaoml a {background: #trans; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none;}
  143. #paginacaoml a:hover {background: #trans; color: {color:text}; }
  144. #paginacaoml span.pagina_atual {background: #trans; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none; font-size: 13px; }
  145. #paginacaoml span.info {background: #trans; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none;}
  146.  
  147. /* SIDEBAR */
  148.  
  149.  
  150.  
  151. .navigation {z-index:99; line-height: 15px; text-align:right; position:fixed; font-family: calibri; text-transform: uppercase; height: auto; font-size:10px; width: 214px; background-color: #trans; letter-spacing: 3px}
  152.  
  153. .navigation a {color: {color:text}; letter-spacing: 0px; text-transform:lowercase; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  154. .navigation a:hover {-webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  155.  
  156. #visitantes {background-color: #trans; font-weight:normal; letter-spacing: 0px; color: {color:text}; text-align: center; width: 30px; height: 10px; right: 40px; font:10px calibri; bottom: 2px; position: fixed; padding: 5px; line-height: 10px; z-index: 999999999999999999999999999999999999999999999999999999}
  157.  
  158. #visitantes a {color: {color:text}; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s; text-transform:uppercase}
  159. #visitantes a:hover {opacity: 0.5; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  160.  
  161.  .imagem {position: absolute; width:214px; height:224px; margin-left:150px; margin-top: 90px;position:fixed;border:7px solid {color:sidebar};   }
  162. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height:223px; width: 214px; background-color: ; padding:0px;margin-left:0px; margin-top:0px; opacity:0.8;}
  163. .imagem img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.7); opacity:0.2;-webkit-transition-duration: .59s;}
  164.  
  165.  
  166. .imagem img.top { opacity:1;}
  167. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  168.  
  169. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  170.  
  171.  
  172.  
  173. #thaie1 {width:300px; height: auto; float: left; margin-left:179px; margin-top:79px; padding: 0px; text-align: center;   background-color: transparent; position: fixed; z-index:; }
  174.  
  175. .thaie1 { margin-left: -30px; margin-top:-9px;}
  176. .thaie1 a {float: left; font-size:8px; font-family:calibri; text-align: center; height: 17px; margin-left:1px; width: 73px; background-color: {color:bglinks}; color:{color:text}; letter-spacing: 3px; opacity:1; text-transform: uppercase; padding: 1px;  line-height: 17px;}
  177.  
  178. .thaie1  a:hover{background-color: {color:bglinkshover}; color: #fff;}
  179.  
  180.  
  181.  
  182.  
  183.   /*theme by umabonecaciumenta*/
  184.  
  185. .thaie2 {position: fixed; margin-left:195px; margin-top:329px; padding: 0px; text-align: center; z-index:1;}
  186. .thaie2 a  {float: left; display: block; letter-spacing: 3px; font-size:8px; font-family:'calibri'; text-align: center; margin-right: 1px; margin-bottom:5px; width: 45px; background-color:{color:bglinks};  color:{color:text};text-decoration: none; text-transform:uppercase; line-height:29px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; border-top:0px solid {color:bglinks}; border-bottom:0px solid{color:bglinks};}
  187. .thaie2 a:hover{ background-color:{color:bglinkshover};color: {color:sidebar};border-top:31px solid{color:bglinkshover};}
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194. .thaie3 {position: fixed; margin-left:150px; margin-top:329px; padding: 0px; text-align: center; z-index:1;}
  195. .thaie3 a  {float: left; display: block; letter-spacing: 3px; font-size:8px; font-family:'calibri'; text-align: center; margin-right: 1px; margin-bottom:0px; width: 44px; background-color: {color:bglinkshover};  color: {color:bglinks}; text-decoration: none; text-transform:uppercase; line-height:29px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; border-top:0px solid  {color:bglinks}; border-bottom:0px solid  {color:bglinks};}
  196. .thaie3   a:hover{ background-color:{color:bglinkshover};color: {color:sidebar};border-top:31px solid{color:bglinkshover};}
  197.  
  198.     #thai2 {width: 191px; margin-left:167px; margin-top: 66px; background-color: #transp; height: 1px; position: fixed;z-index:90000000000000000000; border-top:2px dotted {color:borda2};}
  199.    
  200.  #thait {text-align: center; width: 218px;padding: 5px; margin-top: 359px; margin-left: 150px; position:fixed; font-family: georgia; font-size: 10px; background-color: {color:sidebar}; color:  {color:text}; line-height:8px;;text-transform: none; height:20px; z-index:0; }/*theme by umabonecaciumenta*/  
  201.  
  202. #thait:hover {color: {color:bglinkshover}; text-transform:none;}
  203.  
  204.     #thait2 {
  205. background-color:transparent;
  206. padding: 0px;
  207. height:18px;
  208. line-height:16px;
  209. float:left;
  210. position:fixed;
  211. margin-left:175px;
  212. margin-top: 45px;
  213. width:196px;
  214. font-family: Rochester;
  215. font-size:20px;
  216. letter-spacing:0px;
  217. text-align: left;
  218. color: #aaaaaa; letter-spacing:-1px;
  219. z-index:9000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000; text-transform: none; }
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. #hmt{ margin-left: 146px; margin-top: 70px; width: 3px; font-size: 20px; height:320px; text-align: justify; background-color: {color:sidebar}; line-height: 1px; color:transparent; position: fixed;}
  227.  
  228. #hmq { margin-left: 146px; margin-top: 190px; width: 3px; font-size: 20px; height: 100px; text-align: justify; background-color:{color:borda2}; line-height: 5px; color:transparent; position: fixed;}
  229.  
  230.  
  231. #hms {margin-top:390px; margin-left: 146px; position: fixed; color:  {color:sidebar}; width:230px; height: 1px; background-color:  {color:sidebar};; border: 1px solid  {color:sidebar};-webkit-transform: rotate(0deg)}
  232.  
  233.  
  234.  
  235.  
  236. </style>
  237.  
  238. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  239.  
  240. <div id="thaie1">
  241.  
  242. <div class="thaie1">
  243. <a href="{text:Link1}">{text:Link1 Title}</a>
  244. <a href="{text:Link2}">{text:Link2 Title}</a>
  245. <a href="{text:Link3}">{text:Link3 Title}</a>
  246. </div></div>
  247. <div id="hmu"></div>
  248.     <div id="hmd"></div>
  249.    <div id= "hmt"></div>
  250.  <div id= "hmq"></div>
  251.   <div id= "hmc"></div>
  252.  <div id= "hms"></div>
  253.  
  254.  
  255.  
  256. </div>
  257.  
  258.   <div id="thait2">{text:titulo} </div>
  259. <div id="thait">{description}</div>
  260.  
  261. <div class="thaie3">
  262. <a href="{text:Link4}">{text:Link4 Title}</a></div>
  263. </div>
  264. <div class="thaie2">
  265. <a href="{text:Link5}">{text:Link5 Title}</a>
  266. <a href="{text:Link6}">{text:Link6 Title}</a>
  267. <a href="{text:Link7}">{text:Link7 Title}</a>
  268. <a href="{text:Link8}">{text:Link8 Title}</a>
  269.  
  270. </td></div>
  271.  
  272.  <a style="font-size: 8px; font-family:tinytots;position:fixed;bottom:10px;left:160px; top:404px" href="http://umabonecaciumenta.tumblr.com/" title="umabonecaciumenta (c) don't copy bitch!"> THEME BY UMABONECACIUMENTA ©</a>
  273. <div class="imagem" class="hover">
  274. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(100%);" >
  275. <img class="top shadow" src="{image:sidebar}" title="I'm a sexy girl, cute girl."></div> </div>
  276.  
  277.  <div id="thai1">
  278. </div></div>
  279.  
  280.  
  281. <div id="thai2">
  282. </div></div>
  283.  
  284.  
  285. <div id="pagg"><div id="paginacaoml">
  286. {block:JumpPagination length="6"}
  287. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  288. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  289. {/block:JumpPagination}</center>
  290.  
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>    
  298.  
  299.  
  300.  
  301. <div id="allboxes">
  302.  
  303. {block:Posts}
  304.  
  305. <div class="entry">
  306.  
  307.  
  308. {block:Text}
  309. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  310.  
  311. {block:Photo}
  312. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  313.  
  314. {block:Photoset}
  315. {Photoset-400}{/block:Photoset}
  316.  
  317. {block:Quote}
  318. <div id="quote">&#10077;</div><div class="xquote">{Quote}</div>
  319. {block:Source}<div class="xquotesource"> — {Source}</div>
  320. {/block:Source}
  321. {/block:Quote}
  322.  
  323. {block:Link}
  324. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  325. {block:Description}{Description}{/block:Description}
  326. {/block:Link}
  327.  
  328. {block:Chat}
  329. {block:Title}
  330. <h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  331. <div class="chat"><ul>{block:Lines}
  332. <li class="person{UserNumber}">{block:Label}
  333. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  334. {/block:Chat}
  335.  
  336. {block:Audio}
  337. <div class="player">{AudioPlayerBlack}</div>
  338. {block:Caption}{Caption}{/block:Caption}
  339. {/block:Audio}
  340.  
  341. {block:Video}
  342. {Video-400}{/block:Video}
  343.  
  344. {block:Answer}
  345. <table width="500px" cellspacing="0" cellpadding="0">
  346. <tr>
  347. <td width="415px" class="question">{Question}</td>
  348. <td width="30px"><span class="questionarrow">◤</span></td>
  349. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  350. </tr>
  351. </table>
  352. <div class="answer">{Answer}</div>
  353. {/block:answer}
  354.  
  355. <div id="cap">
  356. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  357. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  358. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  359.  
  360.  
  361. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  362. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  363. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  364. {/block:ContentSource}</div></div> <div id="perma">
  365. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} - <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} - <a href="{ReblogURL}" target="_blank">reblog</a> {block:RebloggedFrom}(<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom}/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>)
  366. {/block:RebloggedFrom}
  367. <br>{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  368. </div></div>
  369.  
  370.  {/block:Posts}
  371. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  372.  
  373.  
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378. </div>
  379.  
  380.  
  381.  
  382. </body>
  383. </html>
  384.  
  385. <! - - - - - - - -  theme by @umabonecaciumenta.tumblr.com - - - -  - - - - !>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!