API tools faq
paste
Advertisement
maryaciolli

theme zac!

maryaciolli
Jan 30th, 2014
702
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <! - - - - - - - - - - - - - - - - - - - - - - - - - -
  4. new theme ♡
  5. theme by oficinadehtml.tumblr.com
  6. @hollandsrod3n
  7. - - - - - - - - - - - - - - - - - - - - - - - - - - !>
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13.  
  14. <title>{title}</title>
  15. <link rel="shortcut icon" href="{image:favicon}">
  16.  
  17. <meta name="description" content="{MetaDescription}"/>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  28.  
  29.  
  30. <script>
  31. window.onload = function () {
  32. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  33. document.addEventListener( 'click', function ( event ) {
  34. var myLike = event.target;
  35. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  36. var frame = document.getElementById( 'my-like-frame' ),
  37. liked = ( myLike.className == 'my-liked' ),
  38. command = liked ? 'unlike' : 'like',
  39. reblog = myLike.getAttribute( 'data-reblog' ),
  40. id = myLike.getAttribute( 'data-id' ),
  41. oauth = reblog.slice( -8 );
  42. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' +id;
  43. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  44. };
  45. }, false );
  46. };
  47. </script>
  48.  
  49.  
  50.  
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <meta name="color:bg" content="#ffffff">
  54. <meta name="color:link" content="#bbb8b8">
  55. <meta name="color:text" content="#9a9a9a">
  56. <meta name="color:tags" content="#b9b7b7">
  57. <meta name="color:ask" content="#fcfcfc">
  58. <meta name="color:hover" content="##b9b7b7">
  59. <meta name="color:border" content="#e7e7e7">
  60. <meta name="color:menu" content="#e7e7e7">
  61. <meta name="color:scrollbar" content="#d6d5d5">
  62. <meta name="color:name sidebar" content="#efeff3">
  63. <meta name="color:sidebah" content="#f5f5f5">
  64.  
  65. <meta name="image:favicon" content="http://media.tumblr.com/tumblr_lu2de5CqUh1qfoi4t.gif" />
  66.  
  67. <meta name="image:sidebar image 1" content="http://24.media.tumblr.com/301ffadb6cd85227559897adcc9961ac/tumblr_mzploqT65J1rfzqobo3_250.gif"/>
  68.  
  69. <meta name="image:sidebar image 2" content="https://31.media.tumblr.com/b2a7016cae8a25d0f28a8e56002a665a/tumblr_n02iq6aMEz1rfzqobo4_250.gif"/>
  70.  
  71. <meta name="image:sidebar image 3" content="http://31.media.tumblr.com/0b512f1009f79809177b118aad4ae494/tumblr_myow0qTShK1rfzqobo4_250.gif"/>
  72.  
  73. <meta name="image:sidebar image 4" content="https://31.media.tumblr.com/da8afa47d3b771d5ddc64ca422615887/tumblr_mytuxciEqn1rfzqobo6_250.gif"/>
  74.  
  75. <meta name="image:sidebar image 5" content="http://31.media.tumblr.com/d307f1e4fb3247d3904b2e9ae9ac4c1b/tumblr_n010tbMqct1rfzqobo2_250.gif"/>
  76.  
  77.  
  78. <meta name="text:link 1" content="">
  79. <meta name="text:link 1 url" content="/">
  80. <meta name="text:link 2" content="">
  81. <meta name="text:link 2 url" content="/">
  82. <meta name="text:link 3" content="">
  83. <meta name="text:link 3 url" content="/">
  84. <meta name="text:link 4" content="">
  85. <meta name="text:link 4 url" content="/">
  86. <meta name="text:link 5" content="">
  87. <meta name="text:link 5 url" content="/">
  88. <meta name="text:link 6" content="">
  89. <meta name="text:link 6 url" content="/">
  90. <meta name="text:link 7" content="">
  91. <meta name="text:link 7 url" content="/">
  92.  
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98.  
  99. /*--scrollbar--*/
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  102. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  103. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  104. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  105. }
  106. /*--body--*/
  107.  
  108. pre { background: url("http://static.tumblr.com/eyob2gi/IbLmef8hq/ragatanga.png");line-height: 20px; font-size: 10px; font-family: 'Scada', sans-serif; color: #b9b9b9; text-align: left; word-wrap: break-word; margin-right: 1px; margin-bottom: 7px; line-height: 20px; padding-bottom: 5px; line-height:17px;text-align: left; word-wrap: break-word;margin:1em 0; padding:0 10px 0 30px; }
  109.  
  110.  
  111.  
  112. body {
  113. font-style:none;
  114. background-color:{color:bg};
  115. font-family:calibri;
  116. color:{color:text};
  117. font-size:9pt;
  118. margin-left:auto;
  119. margin-right:auto;
  120. width:750px;
  121. }
  122.  
  123.  
  124. a {
  125. color:{color:link};
  126. text-decoration:none;
  127. -webkit-transition: all 0.5s ease-out;
  128. -moz-transition: all 0.5s ease-out;
  129. transition: all 0.5s ease-out;
  130. }
  131.  
  132. a:hover {
  133. color:{color:hover};
  134. text-decoration:none;
  135. -webkit-transition: all 0.8s ease-out;
  136. -moz-transition: all 0.8s ease-out;
  137. transition: all 0.8s ease-out;
  138. }
  139.  
  140. img {
  141. border:none;
  142. }
  143.  
  144. blockquote {
  145. padding-left:5px;
  146. border-left:2px solid {color:border};
  147. }
  148.  
  149. h1 {
  150. font-size:20pt;
  151. font-family: 'Pathway Gothic One', sans-serif;
  152. text-align:right;
  153. letter-spacing:1px;
  154. }
  155.  
  156. mh {
  157. font-size:20pt;
  158. font-family: 'Pathway Gothic One', sans-serif;
  159. text-align:justify;
  160. letter-spacing:1px;
  161. line-height:20px;
  162. }
  163.  
  164.  
  165. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  166.  
  167.  
  168.  
  169. /*--sidebar--*/
  170.  
  171. #sidebar {
  172. position:fixed;
  173. width:180px;
  174. margin-top:200px;
  175. }
  176.  
  177. #sidebarimage {
  178. width:230px;
  179. }
  180.  
  181. #sidebarimage img {
  182. width:230px;
  183. padding:3px;
  184. margin-bottom:5px;
  185. }
  186.  
  187. /*--links--*/
  188.  
  189. .links {
  190. width:230px;
  191. font-family:'calibri';
  192. text-transform:uppercase;
  193. text-align:center;
  194. padding:3px;
  195. padding-top:10px;
  196. font-size:8px;
  197. }
  198.  
  199. .links a {
  200. font-size:8px;
  201. }
  202.  
  203. .links a:hover {
  204. color:{color:hover};
  205. }
  206.  
  207.  
  208.  
  209. .linkss {background:{color:menu}; padding-top:3px; padding-bottom:3px;}
  210.  
  211.  
  212.  
  213. /*--description--*/
  214.  
  215. #description {
  216. margin-top:-1px;
  217. margin-bottom:10px;
  218. width:230px;
  219. font-family:calibri;
  220. font-size:10px;
  221. text-align:justify;
  222. padding:5px;
  223. background:{color:sidebah};
  224. }
  225.  
  226. /*--pagination--*/
  227.  
  228. #pagination {
  229. margin-top:15px;
  230. margin-left:5px;
  231. text-align:center;
  232. font-size:10px;
  233. font-family:calibri;
  234. color:{color:link};
  235. letter-spacing:2px;
  236. width:240px;
  237. }
  238.  
  239. #pagination a{
  240. color:{color:link};
  241. }
  242.  
  243. #pagination a:hover {
  244. color:{color:hover};
  245. }
  246.  
  247. .numbers, .numbers a { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; padding:2px 4px;}
  248.  
  249. .current {background: #eee; border: 1px solid #eee; color: #b5b5b5;}
  250.  
  251. .numbers:hover, .numbers a:hover {color: #fff; opacity: .6; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s;}
  252.  
  253. /*--posts--*/
  254.  
  255. #posts {
  256. width:500px;
  257. margin-bottom:10px;
  258. padding:1px;
  259. font-size:11px;
  260. color:{color:text};
  261. line-height:90%;
  262. text-align:justify;
  263. }
  264.  
  265. #postscontainer {
  266. margin-bottom:20px;
  267. padding:1px;
  268. margin-left:260px;
  269. margin-top:55px;
  270. }
  271.  
  272.  
  273. #info {
  274. margin-bottom:25px;
  275. font-size:8px;
  276. margin-top:10px;
  277. text-align:right;
  278. padding:5px;
  279. color:{color:link};
  280. border-top:1px solid #e7e7e7;
  281. border-bottom:1px solid #e7e7e7;
  282. }
  283.  
  284.  
  285. #reblog {
  286. text-transform:uppercase;
  287. font-family:trebuchet ms;
  288. margin-left:-5px;
  289. margin-top:-5px;
  290. text-align:right;
  291. color:{color:tags};
  292. background-color:#eee;
  293. width:495px;
  294. padding:3px;
  295. }
  296.  
  297. #reblog a {
  298. color:{color:tags};
  299. }
  300.  
  301. #notes {
  302. margin-left:40px;
  303. margin-top:-12px;
  304. }
  305.  
  306. #rightinfo {
  307. text-transform:uppercase;
  308. font-family:trebuchet ms;
  309. margin-left:370px;
  310. text-align:justify;
  311. float:right;
  312. background-color:#cfcece;
  313. padding:3px;
  314. margin-top:-12px;
  315. color:white;
  316. }
  317.  
  318. #rightinfo a {
  319. color:white;
  320. }
  321.  
  322. /*--tags--*/
  323.  
  324. #tags {
  325. width:490px;
  326. margin-left:-4px;
  327. margin-top:7px;
  328. font-size:10px;
  329. color:{color:tags}:
  330. text-align:right;
  331. }
  332.  
  333. #tags a {
  334. color:{color:tags};
  335. text-align:right;
  336. }
  337.  
  338. #tags a:hover {
  339. color:{color:hover}
  340. }
  341.  
  342. /*--asks--*/
  343.  
  344. #askbg {
  345. padding:12px;
  346. background-color:{color:ask};
  347. }
  348.  
  349. #ask {
  350. margin-top:0px;
  351. font-family:calibri;
  352. text-align:left;
  353. }
  354.  
  355. #ask img {
  356. margin-top:30px;
  357. width:50px;
  358. }
  359.  
  360. /*--credit--*/
  361.  
  362. #credit {
  363. right:10px;
  364. bottom:25px;
  365. font-size:9px;
  366. padding:2px;
  367. color:{color:text};
  368. background-color:#fafafa;
  369. text-transform:uppercase;
  370. border:1px solid {color:border};
  371. position:fixed;
  372. -webkit-transition: all 0.5s ease-out;
  373. -moz-transition: all 0.5s ease-out;
  374. transition: all 0.5s ease-out;
  375. }
  376.  
  377. .tiele {font-size:19pt; margin-top:-27px; text-align:right; text-transform:lowercase; font-family: 'Pathway Gothic One', sans-serif; letter-spacing:2px; -webkit-transition-duration:.8s; width:240px; position:absolute; z-index:99999; color:{color:name sidebar};}
  378.  
  379. .tiele:hover {letter-spacing:5px;}
  380.  
  381. .sidm {width:230px; filter:gray; -webkit-filter: grayscale(0%); -webkit-transition: all 1s ease;}
  382.  
  383. .sidm:hover {filter:gray; -webkit-filter: grayscale(0%);}
  384.  
  385. heart {color:#CD5C5C; font-size:8px;}
  386.  
  387. .menul { float:left; width:49%; text-align:justify; }
  388. .menur { float:right; width:49%; text-align:justify; }
  389. .tempo { padding:1px; margin:1px; clear:both; }
  390.  
  391. .extrass {display : block; font-size: 8pt; text-transform: lowercase; font-family: 'calibri'; text-indent : 3px; vertical-align : middle; text-decoration : none; margin-bottom : 1px; padding: 4px; background: #fff; color: #363636; border-radius: 0px; text-align:left; border-bottom:1px solid #eee; -webkit-transition-duration: .50s; letter-spacing:1px;}
  392.  
  393. .extrass a {color: #363636;}
  394.  
  395. .extrass:hover {padding-left:20px;}
  396.  
  397. .partn {display : block; font-size: 8pt; text-transform: lowercase; font-family: 'calibri'; text-indent : 3px; vertical-align : middle; padding: 7px; letter-spacing:3px; border-bottom:1px solid #eee; -webkit-transition-duration: .50s; color: #363636;}
  398.  
  399. .partn a {color: #363636;}
  400.  
  401. .partn:hover {padding-left:20px;}
  402.  
  403.  
  404.  
  405. .extrass2 {display : block; font-size: 8pt; text-transform: lowercase; font-family: 'calibri'; text-indent : 3px; vertical-align : middle; text-decoration : none; margin-bottom : 1px; padding: 4px; background: #fff; color: #363636; border-radius: 0px; text-align:left; border-bottom:1px solid #eee; -webkit-transition-duration: .50s; letter-spacing:1px; border-right:5px solid #eee;}
  406.  
  407. .extrass2 a {color: #363636;}
  408.  
  409. .extrass2:hover {padding-left:20px;}
  410.  
  411.  
  412. <span>.my-like { background-image: url(http://media.tumblr.com/946f91e00ee0aa8598a3e39ff03fcb29/tumblr_inline_mkjcwmXYj31qz4rgp.png) !important; height:17px; width:19px; cursor:pointer; display:inline-block; vertical-align:top; }
  413.  
  414. .my-liked, .my-like:hover { background-image: url(http://media.tumblr.com/0cff1acc09783ecc6096792808a10ae0/tumblr_inline_mkjcwqTeRE1qz4rgp.png) !important; height:17px; width:19px; cursor:pointer; display:inline-block; vertical-align:top; }</span>
  415.  
  416.  
  417. .rebl {
  418. width:500px; position:absolute; z-index:2; left:-100px; background:#eee;
  419. }
  420.  
  421.  
  422. ul. {list-style-type:circle;}
  423.  
  424.  
  425. ol.notes {padding: 0px; margin: 5px 0px;
  426. list-style-type: none;
  427. border-bottom: solid 1px #Cor da sua box;background:#Cor dos notes;-webkit-border-radius: 10px;
  428. -moz-border-radius: 10px;
  429. border-radius: 10px;}
  430. ol.notes li.note {border-top: solid 1px #Cor da sua box;
  431. padding: 3px;}
  432. ol.notes li.note img.avatar {vertical-align: -4px;
  433. margin-right: 8px;
  434. width: 16px;
  435. height: 16px;}
  436. ol.notes li.note span.action {font-weight: bold;}
  437. ol.notes li.note .answer_content {font-weight: normal;}
  438. ol.notes li.note blockquote {border-color: #eee;
  439. padding: 4px 10px;
  440. margin: 10px 0px 0px 25px;}
  441. ol.notes li.note blockquote a {text-decoration: none;}
  442.  
  443.  
  444.  
  445. .iconask {float: right; margin-left: 4px; margin-bottom: 3px; border:2px solid #f0f0f0; border-radius:360px;}
  446.  
  447. div.treme img{position:relative}
  448.  
  449. .subg {line-height:20px; width:100%; background:#eee; opacity:0.2; margin-top:0px; position:absolute; z-index:99999; -webkit-transition-duration:.8s; width:240px;}
  450.  
  451. .subg:hover {margin-top:-25px; opacity:1.0;}
  452.  
  453.  
  454. {CustomCSS}
  455.  
  456.  
  457.  
  458. </style></head>
  459.  
  460.  
  461. <body>
  462.  
  463. <div id="sidebar">
  464.  
  465. <div class="subg">
  466. <div class="linkss"><center>
  467. <a href="{text:link 1 url}" class="links">{text:link 1}</a>
  468. <a href="{text:link 2 url}" class="links">{text:link 2}</a>
  469. <a href="{text:link 3 url}" class="links">{text:link 3}</a>
  470. <a href="{text:link 4 url}" class="links">{text:link 4}</a>
  471. <a href="{text:link 5 url}" class="links">{text:link 5}</a>
  472. <a href="{text:link 6 url}" class="links">{text:link 6}</a>
  473. <a href="{text:link 7 url}" class="links">{text:link 7}</a>
  474. </center>
  475. </div>
  476. </div>
  477.  
  478. <div class="sidm">
  479. <Script Language="JavaScript">
  480. hoje = new Date()
  481. numero_de_imagens = 5
  482. segundos = hoje.getSeconds()
  483. numero = segundos % numero_de_imagens
  484. if (numero == 0){
  485. banner = "{image:sidebar image 1}"
  486. }
  487. if (numero == 1){
  488. banner = "{image:sidebar image 2}"
  489. }
  490. if (numero == 2){
  491. banner = "{image:sidebar image 3}"
  492. }
  493.  
  494. if (numero == 3){
  495. banner = "{image:sidebar image 4}"
  496. }
  497.  
  498. if (numero == 4){
  499. banner = "{image:sidebar image 5}"
  500. }
  501.  
  502. document.write('<img src="' + banner + '" width="240">') </script>
  503. </script>
  504. </div>
  505.  
  506.  
  507. <div class="tiele">{title}</div>
  508.  
  509. <div id="description">
  510. {description}
  511. </div>
  512.  
  513. {block:Pagination}
  514. <div id="pagination">
  515.  
  516. <center>
  517. {block:JumpPagination length="5"}
  518. {block:CurrentPage}<span class="numbers current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="numbers" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  519. {block:Pagination}{block:NextPage}<a class="next numbers" href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}
  520. </center>
  521.  
  522.  
  523. </div>{/block:Pagination}
  524.  
  525. </div></div>
  526.  
  527.  
  528. <div id="postscontainer">
  529.  
  530. {block:Posts}
  531.  
  532. <div id="posts">
  533.  
  534. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  535.  
  536. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  537.  
  538. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  539.  
  540. {block:Quote}<mh>{Quote}</mh>{block:Source} <br><br>&#8212;{Source}{/block:Source}{/block:Quote}
  541.  
  542. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  543.  
  544. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  545.  
  546. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  547.  
  548. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  549.  
  550. {block:Answer}<div id="askbg">
  551. <div class="treme"><img src="{AskerPortraitURL-30}" class="iconask" align="right"></div>
  552. <div id="ask"></div><b>{Asker}</b> said: {Question}</div> {Answer}{/block:Answer}
  553.  
  554. <div id="info">
  555. <div class="rebl">{LikeButton size="15" color="grey"}<br>
  556. <div id="reblog">
  557. posted {block:Date}<a href="{Permalink}">
  558. {TimeAgo}</a> {/block:Date} with <a href="{Permalink}">
  559. {NoteCountWithLabel}</a> </div>
  560. {block:HasTags} <div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  561.  
  562. </div>
  563.  
  564.  
  565. {/block:Posts}
  566.  
  567. {ReblogRootURL} {ReblogRootName}</a>{/block:RebloggedFrom}
  568. {block:PostNotes}{PostNotes}{/block:PostNotes}
  569. {block:NoteCount}{/block:NoteCount}</div>{/block:permalink}
  570.  
  571. {/block:Posts}
  572.  
  573. </div>
  574.  
  575.  
  576. <div id="credit"><a href="http://oficinadehtml.tumblr.com/" title="(c) @hollandsrod3n">♥</a>
  577. </body>
  578. </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!