API tools faq
paste
Advertisement
shotforthesky

Oceano theme

shotforthesky
Aug 28th, 2012
322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.20 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. -->
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_m9f0t5m2cI1qepsk2.png" width="50px" height="35px" border="0"/></a>
  12.  
  13. <meta name="color:Background" content="#e0d9e4" />
  14. <meta name="color:Entries" content="#e1baff" />
  15. <meta name="color:Description" content="#a475c5" />
  16. <meta name="color:Link" content="#c6a1e1" />
  17. <meta name="color:Hover" content="#a475c5" />
  18. <meta name="color:NLink" content="#e5c5fe" />
  19. <meta name="color:BLink" content="#c6a1e1" />
  20. <meta name="color:PTitle" content="#b18ccb" />
  21. <meta name="color:PDescription" content="#976fb4" />
  22. <meta name="color:Tags" content="#976fb4" />
  23. <meta name="color:Bold" content="#9d57cf" />
  24. <meta name="color:Scrollbar" content="#e1baff" />
  25. <meta name="color:Selection" content="#ffffff" />
  26. <meta name="color:BGSelection" content="#000000" />
  27.  
  28. <meta name="font:Body" content="Arial" />
  29. <meta name="font:Title" content="Georgia" />
  30.  
  31. <meta name="image:Background" content="" />
  32. <meta name="image:Sidebar" content="" />
  33.  
  34. <meta name="if:Infinite Scrolling" content="0" />
  35. <meta name="if:Right Click Disabled" content="0" />
  36.  
  37. <meta name="text:Link 1" content="Link 1" />
  38. <meta name="text:URL Link 1" content="/" />
  39. <meta name="text:Link 2" content="Link 2" />
  40. <meta name="text:URL Link 2" content="/" />
  41. <meta name="text:Link 3" content="Link 3" />
  42. <meta name="text:URL Link 3" content="/" />
  43. <meta name="text:Link 4" content="Link 4" />
  44. <meta name="text:URL Link 4" content="/" />
  45.  
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53. <style type="text/css">
  54.  
  55. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 20px;}
  56.  
  57. body {
  58. background-color:{color:Background};
  59. background-image: url({image:Background});
  60. background-attachment: fixed;
  61. background-repeat:no-repeat;
  62. }
  63.  
  64. a:link, a:active, a:visited {
  65. color:{color:Link};
  66. text-decoration:none;
  67. transition: all 0.6s ease-out;
  68. -o-transition-transition: all 0.6s ease-out;
  69. -webkit-transition: all 0.6s ease-out;
  70. -moz-transition: all 0.6s ease-out;
  71. }
  72. a:hover {
  73. color:{color:Hover};
  74. transition: all 0.6s ease-out;
  75. -o-transition-transition: all 0.6s ease-out;
  76. -webkit-transition: all 0.6s ease-out;
  77. -moz-transition: all 0.6s ease-out;
  78. }
  79.  
  80. #entries {
  81. width:521px;
  82. margin-left:465px;
  83. margin-top:10px;
  84. }
  85.  
  86. #posts {
  87. background-color:{color:Entries};
  88. color: {color:PDescription};
  89. padding:10px;
  90. font-size:13px;
  91. }
  92.  
  93. #barra {
  94. width:200px;
  95. height:auto;
  96. text-align:center;
  97. background-color:none;
  98. color: {color:Description};
  99. position:fixed;
  100. }
  101.  
  102. #title {
  103. color: {color:Description};
  104. font-size:14px;
  105. font-family: 'Crafty Girls', cursive;
  106. margin-bottom:5px;
  107. }
  108.  
  109. .bar {
  110. background-color: {color:Entries};
  111. width:75px;
  112. height:120%;
  113. position:fixed;
  114. text-align:center;
  115. }
  116.  
  117. #icon {
  118. width:100px;
  119. height:100px;
  120. opacity:1;
  121. position:fixed;
  122. transition: all 0.6s ease-out;
  123. -o-transition-transition: all 0.6s ease-out;
  124. -webkit-transition: all 0.6s ease-out;
  125. -moz-transition: all 0.6s ease-out;
  126. -webkit-border-radius: 50px;
  127. -moz-border-radius:50px;
  128. border-radius: 50px;
  129. }
  130.  
  131. #icon:hover {
  132. opacity: 0.1;
  133. transition: all 0.6s ease-out;
  134. -o-transition-transition: all 0.6s ease-out;
  135. -webkit-transition: all 0.6s ease-out;
  136. -moz-transition: all 0.6s ease-out;
  137. }
  138.  
  139. #bianco {
  140. width:100px;
  141. height:100px;
  142. margin-top:-40px;
  143. position:fixed;
  144. text-align:center;
  145. background-color: {color:NLink};
  146. -webkit-border-radius: 20px;
  147. -moz-border-radius:20px;
  148. border-radius: 20px;
  149. opacity:0;
  150. transition: all 0.6s ease-out;
  151. -o-transition-transition: all 0.6s ease-out;
  152. -webkit-transition: all 0.6s ease-out;
  153. -moz-transition: all 0.6s ease-out;
  154. }
  155. #bianco:hover {
  156. opacity:0.9;
  157. transition: all 0.6s ease-out;
  158. -o-transition-transition: all 0.6s ease-out;
  159. -webkit-transition: all 0.6s ease-out;
  160. -moz-transition: all 0.6s ease-out;
  161. }
  162.  
  163. #links {
  164.  
  165. }
  166.  
  167. .links a{
  168. width:80px;
  169. padding-top:5px;
  170. padding-bottom:5px;
  171. display:block;
  172. background-color: {color:NLink};
  173. color: {color:Link};
  174. text-transform:uppercase;
  175. text-decoration:none;
  176. letter-spacing:1px;
  177. text-align:center;
  178. font-size: 7px;
  179. font-family:Georgia;
  180. font-style:italic;
  181. transition: all 0.6s ease-out;
  182. -o-transition-transition: all 0.6s ease-out;
  183. -webkit-transition: all 0.6s ease-out;
  184. -moz-transition: all 0.6s ease-out;
  185. -webkit-border-radius: 20px;
  186. -moz-border-radius:20px;
  187. border-radius: 20px;
  188. }
  189.  
  190. .links a:hover {
  191. color: {color:Hover};
  192. background-color: {color:BLink};
  193. transition: all 0.6s ease-out;
  194. -o-transition-transition: all 0.6s ease-out;
  195. -webkit-transition: all 0.6s ease-out;
  196. -moz-transition: all 0.6s ease-out;
  197. }
  198.  
  199. h1 {
  200. color:{color:PTitle};
  201. text-align:center;
  202. font-family:{font:Title};
  203. font-size:17px;
  204. letter-spacing:1px;
  205. font-weight:normal;
  206. margin:5px;
  207. padding:0px;
  208. text-transform:none;
  209. transition: all 0.6s ease-out;
  210. -o-transition-transition: all 0.6s ease-out;
  211. -webkit-transition: all 0.6s ease-out;
  212. -moz-transition: all 0.6s ease-out;
  213. }
  214. h1:hover {
  215. color:{color:Hover};
  216. transition: all 0.6s ease-out;
  217. -o-transition-transition: all 0.6s ease-out;
  218. -webkit-transition: all 0.6s ease-out;
  219. -moz-transition: all 0.6s ease-out;
  220. }
  221. h2 {
  222. color:{color:PDescription};
  223. font-family:{font:Body};
  224. font-size:13px;
  225. line-height:14px;
  226. font-weight:normal;
  227. font-style:italic;
  228. text-align:left;
  229. text-transform:none;
  230. }
  231.  
  232. #scatola {
  233. position:relative;
  234. background-color:none;
  235. width:488px;
  236. padding:6px;
  237. text-align:center;
  238. border-top:1px dashed {color:Description};
  239. }
  240.  
  241. #tags {
  242. font-size:8px;
  243. font-family:Arial;
  244. color: {color:Tags};
  245. text-transform:uppercase;
  246. margin:2px;
  247. }
  248.  
  249. #answer {
  250. margin:15px;
  251. margin-top:10px;
  252. }
  253.  
  254. #question {
  255. font:13px arial;
  256. letter-spacing:0px;
  257. margin-left:5px;
  258. }
  259. #asker a {
  260. color: {color:Link};
  261. }
  262. #asker img {
  263. float:left;
  264. margin:10px;
  265. }
  266.  
  267. blockquote {
  268. border-left:2px {color:Background} solid;
  269. padding-left:5px;
  270. margin:0px 2px 0px 10px;
  271. }
  272. blockquote img, blockquote a img {max-width: 370px}
  273.  
  274. b, strong {
  275. color:{color:Bold};
  276. }
  277. i, em {
  278. color:{color:Description};
  279. }
  280. p {
  281. margin-top:3px;
  282. margin-bottom:3px;
  283. }
  284.  
  285. img a {border:none}
  286.  
  287. #audiocontainer{
  288. width:500px;
  289. background-color:transparent;
  290. height:100px;
  291. }
  292.  
  293. #audioplayercontainer{
  294. opacity:0.5;
  295. width:40px;
  296. height:40px;
  297. background-color:#ffffff;
  298. top:30px;
  299. left:30px;
  300. position:absolute;
  301. z-index:500;
  302. -webkit-border-radius: 50px;
  303. -moz-border-radius: 50px;
  304. border-radius: 50px;
  305. -webkit-transition: all 0.4s ease-in-out;
  306. -moz-transition: all 0.4s ease-in-out;
  307. -o-transition: all 0.4s ease-in-out;
  308. transition: all 0.4s ease-in-out;
  309. }
  310.  
  311. #audioplayercontainer:hover{
  312. opacity:1;
  313. -webkit-transition: all 0.4s ease-in-out;
  314. -moz-transition: all 0.4s ease-in-out;
  315. -o-transition: all 0.4s ease-in-out;
  316. transition: all 0.4s ease-in-out;
  317. padding:5px;
  318. margin-top:-5px;
  319. margin-left:-5px;
  320. }
  321.  
  322. #audioplayer{
  323. width:20px;
  324. height:25px;
  325. overflow:hidden;
  326. margin: 7px 0px 0px 7px;
  327. background-color:#ffffff;
  328. }
  329.  
  330. .audio{
  331. width:40px;
  332. height:40px;
  333. position:absolute;
  334. }
  335.  
  336. .audioimage{
  337. width:90px;
  338. height:90px;
  339. position:absolute;
  340. padding:5px;
  341. background-color:{color:Scrollbar};
  342. -webkit-transition: all 0.6s ease-in-out;
  343. -moz-transition: all 0.6s ease-in-out;
  344. -o-transition: all 0.6s ease-in-out;
  345. transition: all 0.6s ease-in-out;
  346. }
  347.  
  348. .audioimage img{
  349. width:90px;
  350. float:left;
  351. -webkit-transition: all 0.6s ease-in-out;
  352. -moz-transition: all 0.6s ease-in-out;
  353. -o-transition: all 0.6s ease-in-out;
  354. transition: all 0.6s ease-in-out;
  355. }
  356.  
  357. #audiocontainer table{
  358. float:right;
  359. margin-top:-2px;
  360. width:430px;
  361. }
  362.  
  363. .audioinfo{
  364. font-size:10px;
  365. padding:1px 7px 1px 35px;
  366. background-color:none;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -moz-transition: all 0.5s ease-in-out;
  369. -o-transition: all 0.5s ease-in-out;
  370. transition: all 0.5s ease-in-out;
  371. }
  372.  
  373. .chat .line{
  374. padding:3px 5px 3px 5px;
  375. margin-bottom:1px;
  376. }
  377. .chat .line.odd{
  378. padding:3px 5px 3px 5px;
  379. margin-bottom:1px;
  380. }
  381.  
  382. .notes img {
  383. width:10px;
  384. position:relative;
  385. top:1px;
  386. }
  387. ol.notes, .notes li {
  388. list-style:none;
  389. margin:0px;
  390. padding:0px;
  391. }
  392. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  393. background-color:transparent!important;
  394. }
  395.  
  396. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px;}
  397. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px!important;}
  398. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  399. ::-moz-selection {background-color:transparent; color:{color:Selection};}
  400. ::selection {background-color:{color:BGSelection}; color:{color:Selection};}
  401.  
  402. #description {
  403. width:200px;
  404. height:auto;
  405. text-align:center;
  406. font-size:9px;
  407. color: {color:Description};
  408. padding:6px;
  409. font-family:Georgia;
  410. }
  411.  
  412. </style>
  413. <style type="text/css">{CustomCSS}</style>
  414.  
  415. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  416.  
  417. </head>
  418.  
  419. <body>
  420.  
  421. <div id="barra" style="margin-left:70px;margin-top:100px;text-align:center;">
  422. <div id="title">{Title}</div>
  423. <div style="margin-left:50px;">
  424. {block:ifSidebarImage}<div id="icon" style="text-align:center;"><img src="{image:Sidebar}" width="100" height="100" style="-webkit-border-radius: 20px;-moz-border-radius:20px;border-radius: 20px;"/></div>{/block:ifSidebarImage}<br><br>
  425. <div id="bianco"><div id="links" style="padding-top:10px;"><div class="links" style="margin-top:0px;margin-left:10px;">
  426. {block:ifLink1}<a href="{text:URL Link 1}">{text:Link 1}</a>{/block:ifLink1}
  427. {block:ifLink2}<a href="{text:URL Link 2}">{text:Link 2}</a>{/block:ifLink2}
  428. {block:ifLink3}<a href="{text:URL Link 3}">{text:Link 3}</a>{/block:ifLink3}
  429. {block:ifLink4}<a href="{text:URL Link 4}">{text:Link 4}</a>{/block:ifLink4}
  430. </div></div></div></div>
  431. <div style="margin-top:70px;">
  432. <font size="1"><div style="margin-left:5px;"><a href="/">home</a>&nbsp+&nbsp<a href="/ask">ask</a>&nbsp+&nbsp<a href="/archive">archive</a>&nbsp+&nbsp<a href="http://thearmyinside.tumblr.com/tagged/themes">theme</a></div></font>
  433. <div style="margin-left:-5px;"><div id="description">{Description}</div></div>
  434. </div>
  435. </div>
  436.  
  437. {block:ifNotInfiniteScrolling}
  438. <div class="bar" style="margin-left:380px;margin-top:-50px;">
  439. {block:PreviousPage}<a href="{PreviousPage}"> <img src="http://media.tumblr.com/tumblr_m9f0w5wdT81qepsk2.png" width="52" height="62" border="none" style="margin-left:800;margin-top:250px;"/> </a> {/block:PreviousPage}
  440. </div>
  441.  
  442. <div class="bar" style="margin-left:995px;margin-top:-50px;">
  443. {block:NextPage}<a href="{NextPage}"> <img src="http://media.tumblr.com/tumblr_m9f0wfcj0G1qepsk2.png" width="52" height="62" border="none" style="margin-left:0px;margin-top:260px;" /> </a>{/block:NextPage}
  444. </div>
  445. {/block:ifNotInfiniteScrolling}
  446.  
  447. <div id="entries">
  448. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  449. {block:Posts}
  450. <div id="posts">
  451. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  452. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  453. {block:Text}{Body}{/block:Text}
  454.  
  455. {block:ContentSource}
  456. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  457. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  458. {/block:SourceLogo}
  459. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  460. {/block:ContentSource}
  461.  
  462. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  463. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  464.  
  465. <p style="margin-top:5px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  466. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
  467.  
  468. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  469.  
  470. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  471.  
  472. {block:Answer}
  473. <div id="question"> <img src="{AskerPortraitURL-40}" border="5" style=" float: left; margin:2px; border-color:{color:Border};" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
  474. <div id="answer">{Answer}</div>{/block:Answer}
  475.  
  476. {block:Audio}<div id="audiocontainer">
  477. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  478. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  479. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  480. <table cellpadding="0" cellspacing="1px">
  481. <br>
  482. <tr>
  483. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  484. </tr>
  485. {block:Album}
  486. <tr>
  487. <td class="audioinfo"><b>Album:</b> {Album}</td>
  488. </tr>
  489. {/block:Album}
  490. <tr>
  491. <td class="audioinfo">{PlayCountWithLabel}</td>
  492. </tr>
  493. </table>
  494. </div>
  495. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  496.  
  497. {block:Date}<div id="scatola"><div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>&nbsp -&nbsp <a style="" href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom}&nbsp -&nbsp <a style="" href="{ReblogParentURL}" title="{ReblogParentName}" >via</a>&nbsp -&nbsp <a style="" href="{ReblogRootURL}" title="{ReblogRootName}" >original</a> {/block:RebloggedFrom} <br>{block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>{/block:Date}</div><br>
  498.  
  499. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  500. {block:PostNotes}{PostNotes}{/block:PostNotes}
  501. </div>
  502.  
  503. {block:ifRightClickDisabled}<script language=JavaScript>
  504. <!--
  505.  
  506. //Disable right mouse click Script
  507. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  508. //For full source code, visit http://www.dynamicdrive.com
  509.  
  510. var message="Function Disabled!";
  511.  
  512. ///////////////////////////////////
  513. function clickIE4(){
  514. if (event.button==2){
  515. alert(message);
  516. return false;
  517. }
  518. }
  519.  
  520. function clickNS4(e){
  521. if (document.layers||document.getElementById&&!document.all){
  522. if (e.which==2||e.which==3){
  523. alert(message);
  524. return false;
  525. }
  526. }
  527. }
  528.  
  529. if (document.layers){
  530. document.captureEvents(Event.MOUSEDOWN);
  531. document.onmousedown=clickNS4;
  532. }
  533. else if (document.all&&!document.getElementById){
  534. document.onmousedown=clickIE4;
  535. }
  536.  
  537. document.oncontextmenu=new Function("alert(message);return false")
  538.  
  539. // -->
  540. </script>{/block:ifRightClickDisabled}
  541.  
  542. </body>
  543. </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!