Advertisement
colettemichelle98

warning sign theme by taintedhopes

Apr 23rd, 2013
618
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <head>
  6.  
  7. <!--public theme 'warning sign' but tainedhopes. do NOT remove credit unless you put it in your faq. **note** for this theme you need a sidebar picture that has a width of 250 and a height of 285 or else the whole theme will be messed up!*** -->
  8.  
  9. <meta name="color:background"content="#fff"/>
  10. <meta name="image:background"content=""/>
  11. <meta name="image:sidebar"content=""/>
  12. <meta name="color:text"content="#000000"/>
  13. <meta name="color:link"content="#000000"/>
  14. <meta name="text:Link One Title"content="refresh"/>
  15. <meta name="text:Link One"content="/"/>
  16. <meta name="text:Link Two Title"content="inbox"/>
  17. <meta name="text:Link Two"content=""/>
  18. <meta name="text:Link Three Title"content="about"/>
  19. <meta name="text:Link Three"content=""/>
  20. <meta name="text:Link Four TItle"content="ect"/>
  21. <meta name="text:Link Four"content=""/>
  22. <meta name="color:scrollbar"content="#000"/>
  23. <meta name="text:banner"content="warning sign"/>
  24. <meta name="color:banner"content="#000"/>
  25. <meta name="color:desc"content="#000"/>
  26.  
  27. <script type="text/javascript">
  28. <!--
  29.  
  30. // Disable Right Click Script
  31.  
  32. function IE(e)
  33. {
  34. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  35. {
  36. return false;
  37. }
  38. }
  39. function NS(e)
  40. {
  41. if (document.layers || (document.getElementById && !document.all))
  42. {
  43. if (e.which == "2" || e.which == "3")
  44. {
  45. return false;
  46. }
  47. }
  48. }
  49. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  50.  
  51. //-->
  52. </script>
  53.  
  54.  
  55.  
  56. <style>
  57. @font-face {
  58. font-family: 'jane';
  59. src: url('http://static.tumblr.com/k4oonwn/brsmjnwi5/janeaust_1_.ttf') format('truetype');
  60. font-weight: normal;
  61. font-style: normal;
  62.  
  63. }
  64.  
  65. @font-face{font-family:"Indie";src:url('http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf');}
  66. @font-face { font-family: "pixel"; src: url('http://static.tumblr.com/spzdac4/vTMm6fpbd/04b_24.ttf');}
  67. </style>
  68.  
  69.  
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  75.  
  76. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  77.  
  78. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  79.  
  80. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  81.  
  82. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  83.  
  84. @font-face { font-family: "bbyneu"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  85.  
  86.  
  87. body{
  88. margin-5px;
  89. background-color:{color:background};
  90. background-image:url({image:background});
  91. font-family:Calibri;
  92. font-size:8px;
  93. line-height:10px;
  94. color:{color:text};
  95. scrollbar:{color:scrollbar};
  96. }
  97.  
  98.  
  99.  
  100. a:link, a:active, a:visited{
  101. color:#000;
  102. text-decoration: none;
  103. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  104. }
  105.  
  106. a:hover {
  107. background-color:#ccc;
  108. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  109. }
  110.  
  111. #alice{width:250px; height:auto;}
  112. {block:PermalinkPage}
  113. width:410px;
  114. {/block:PermalinkPage}
  115. }
  116.  
  117. #center{
  118. position:fixed !important;
  119. padding-top:3px;
  120. padding-bottom::3px;
  121. width:250px;
  122. height:207px;
  123. background-color:#fff;
  124. {block:PermalinkPage}
  125. width:410px;
  126. height:207px;
  127. {/block:PermalinkPage}
  128. }
  129.  
  130. #posts{
  131. float:center;
  132. {block:indexpage}
  133. width:900px;
  134. {/block:indexpage}
  135. {block:permalinkpage}
  136. width:800px;
  137. {/block:permalinkpage}
  138. margin-left:430px;
  139. margin-top:5px;
  140. }
  141.  
  142. #sidebar{
  143. position:fixed !important;
  144. width:250px;
  145. height:auto;
  146. background-color:#fff;
  147. margin-left:95px;
  148. margin-top:80px;
  149. padding:10px;
  150. border:1px solid #ddd;
  151. }
  152.  
  153. #sidebar2{
  154. position:fixed !important;
  155. width:285px;
  156. height:380px;
  157. background-color:#ccc;
  158. margin-left:75px;
  159. margin-top:50px;
  160. padding:10px;
  161. border:1px solid #ddd;
  162. -webkit-transform: rotate(-5deg);
  163. -moz-transform: rotate(-5deg);
  164. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  165. }
  166.  
  167. #link1{
  168. position:fixed !important;
  169. opacity:0.0;
  170. width:120px;
  171. height:120px;
  172. background-color:#fff;
  173. margin-left:2px;
  174. margin-top:-270px;
  175. font-family:Courier;
  176. text-transform:uppercase;
  177. font-size:50px;
  178. color:#fff;
  179. text-align:center;
  180. line-height:100px;
  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. -moz-transform:rotate(-60deg) scale(.8);
  186. -webkit-transform:rotate(-60deg) scale(.8);
  187. -o-transform:rotate(-60deg) scale(.8);
  188. -ms-transform:rotate(-60deg) scale(.8);
  189. }
  190.  
  191. #sidebar:hover #link1{
  192. opacity:.7;
  193. font-family:Courier;
  194. font-size:50px;
  195. color:#fff;
  196. -webkit-transform:rotate(0deg);
  197. -webkit-filter:blur(0px);
  198. }
  199.  
  200. #link2{
  201. position:fixed !important;
  202. opacity:0.0;
  203. width:120px;
  204. height:120px;
  205. background-color:#fff;
  206. margin-left:128px;
  207. margin-top:-270px;
  208. font-family:Courier;
  209. text-transform:uppercase;
  210. font-size:50px;
  211. color:#fff;
  212. text-align:center;
  213. line-height:100px;
  214. transition: all 0.6s ease-out;
  215. -o-transition-transition: all 0.6s ease-out;
  216. -webkit-transition: all 0.6s ease-out;
  217. -moz-transition: all 0.6s ease-out;
  218. -moz-transform:rotate(60deg) scale(.8);
  219. -webkit-transform:rotate(60deg) scale(.8);
  220. -o-transform:rotate(60deg) scale(.8);
  221. -ms-transform:rotate(60deg) scale(.8);
  222. }
  223.  
  224. #sidebar:hover #link2{
  225. opacity:.7;
  226. font-family:Courier;
  227. font-size:50px;
  228. color:#fff;
  229. -webkit-transform:rotate(0deg);
  230. -webkit-filter:blur(0px);
  231. }
  232.  
  233. #link3{
  234. position:fixed !important;
  235. opacity:0.0;
  236. width:120px;
  237. height:120px;
  238. background-color:#fff;
  239. margin-left:3px;
  240. margin-top:-135px;
  241. font-family:Courier;
  242. text-transform:uppercase;
  243. font-size:50px;
  244. color:#fff;
  245. text-align:center;
  246. line-height:100px;
  247. transition: all 0.6s ease-out;
  248. -o-transition-transition: all 0.6s ease-out;
  249. -webkit-transition: all 0.6s ease-out;
  250. -moz-transition: all 0.6s ease-out;
  251. -moz-transform:rotate(60deg) scale(.8);
  252. -webkit-transform:rotate(60deg) scale(.8);
  253. -o-transform:rotate(60deg) scale(.8);
  254. -ms-transform:rotate(60deg) scale(.8);
  255. }
  256.  
  257. #sidebar:hover #link3{
  258. opacity:.7;
  259. font-family:Courier;
  260. font-size:50px;
  261. color:#fff;
  262. -webkit-transform:rotate(0deg);
  263. -webkit-filter:blur(0px);
  264. }
  265.  
  266. #link4{
  267. position:fixed !important;
  268. opacity:0.0;
  269. width:120px;
  270. height:120px;
  271. background-color:#fff;
  272. margin-left:128px;
  273. margin-top:-135px;
  274. font-family:Courier;
  275. text-transform:uppercase;
  276. font-size:50px;
  277. color:#fff;
  278. text-align:center;
  279. line-height:100px;
  280. transition: all 0.6s ease-out;
  281. -o-transition-transition: all 0.6s ease-out;
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;
  284. -moz-transform:rotate(-60deg) scale(.8);
  285. -webkit-transform:rotate(-60deg) scale(.8);
  286. -o-transform:rotate(-60deg) scale(.8);
  287. -ms-transform:rotate(-60deg) scale(.8);
  288. }
  289.  
  290. #sidebar:hover #link4{
  291. opacity:.7;
  292. font-family:Courier;
  293. font-size:50px;
  294. color:#fff;
  295. -webkit-transform:rotate(0deg);
  296. -webkit-filter:blur(0px);
  297. }
  298.  
  299. #banner{
  300. position:fixed !important;
  301. width:auto;
  302. height:auto;
  303. background-color:transparent;
  304. margin-left:80px;
  305. margin-top:60px;
  306. font-family:indie;
  307. font-size:80px;
  308. color:{color:banner};
  309. text-shadow:2px 2px 0px #ccc;
  310. z-index:999;
  311. }
  312.  
  313. #triangle{
  314. position:fixed !important;
  315. width:0px;
  316. height:0px;
  317. margin-top:380px;
  318. margin-left:130px;
  319. border-bottom:16px solid {color:desc};
  320. border-left:15px solid transparent;
  321. border-right:15px solid transparent;
  322. font-size:0px;
  323. line-height:0px;
  324. z-index:999999;
  325. }
  326.  
  327. #desc{
  328. position:fixed !important;
  329. width:250px;
  330. height:auto;
  331. padding:11px;
  332. background-color:{color:desc};
  333. margin-left:95px;
  334. margin-top:396px;
  335. font-family:Calibri;
  336. font-size:8px;
  337. text-transform:uppercase;
  338. color:#fff;
  339. text-align:center
  340. z-index:999;
  341. }
  342.  
  343.  
  344.  
  345. .permalink {
  346. display: block;
  347. border-top: 1px solid #ddd;
  348. padding: 3px;
  349. margin: 4px 8px 0px 8px;
  350. font-family:Calibri;
  351. font-size: 8px;
  352. text-transform:uppercase;
  353. color:#84aeca;
  354. line-height: 18px;
  355. text-align: left;
  356. text-decoration: none;
  357. -webkit-transition: color 0.9s ease-out;
  358. -moz-transition: color 0.9s ease-out;
  359. }
  360.  
  361.  
  362.  
  363. #entry .perma{
  364. width:220px;
  365. height:40px;
  366. font-family:pixel;
  367. font-size: 8px;
  368. color:#000;
  369. text-transform:uppercase;
  370. position: absolute;
  371. line-height: 12px;
  372. text-align: center;
  373. overflow:hidden;
  374. background-color:#fff;
  375. letter-spacing:0px;
  376. margin-top:10px;
  377. margin-left:-50px;
  378. z-index:999;
  379. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  380. -webkit-transition: all 0.5s linear;
  381. -moz-transition: all 0.5s linear;
  382. transition: all 0.5s linear;
  383. }
  384.  
  385. #entry:hover .perma{
  386. margin-left:10px;
  387. -webkit-transition: all 0.5s linear; opacity: 1;
  388. -webkit-transition: all 0.5s linear;
  389. -moz-transition: all 0.5s linear;
  390. transition: all 0.5s linear;
  391. }
  392.  
  393.  
  394. .permalinktext {
  395. display: block;
  396. padding: 1px;
  397. margin: 0px 0px 0px 8px;
  398. font-family:Calibri;
  399. font-size: 8px;
  400. text-transform:uppercase;
  401. color:#84aeca;
  402. letter-spacing: 0px;
  403. line-height: 10px;
  404. text-align: right;
  405. text-decoration: none;
  406. -webkit-transition: color 0.5s ease-out;
  407. -moz-transition: color 0.5s ease-out;
  408. border-top: 1px solid #dcdcdc;
  409. }
  410. #postnotes blockquote{
  411. border: 0px;
  412. }
  413.  
  414. #entry{
  415. opacity:1;
  416. font-family:calibri;
  417. font-size: 8px;
  418. text-transform:uppercase;
  419. text-align:left;
  420. float:left;
  421. width: 240px;
  422. height: auto;
  423. {block:PermalinkPage}
  424. width: 400px;
  425. height: auto;
  426. {/block:PermalinkPage}
  427. line-height:15px;
  428. background-color:#fff;
  429. padding:4px;
  430. margin-right:5px;
  431. overflow:hidden;
  432. margin-bottom:5px;
  433. }
  434.  
  435.  
  436. #permapage{
  437. font-family: pixel;
  438. font-size: 8px;
  439. line-height: 8px;
  440. text-align: left;
  441. padding-bottom:10px;
  442. z-index:9999;}
  443.  
  444.  
  445. blockquote{
  446. padding:0px 0px 2px 3px;
  447. margin:0px 0px 2px 1px;
  448. }
  449. ul, ol, li{
  450. list-style:none;
  451. margin:0px;
  452. padding:0px;
  453. }
  454.  
  455.  
  456.  
  457. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  458. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  459. }
  460.  
  461. </style>
  462. <title>{title}</title>
  463. <link rel="shortcut icon" href="{favicon}">
  464. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  465. <meta name="viewport" content="width=720" />
  466. </head>
  467. <body>
  468.  
  469. <div id="center">
  470. <div id="content">
  471.  
  472. <div id="sidebar2">
  473.  
  474. </div></div></div>
  475.  
  476.  
  477. <div id="sidebar">
  478. <a href="/"><img src="{image:sidebar}" style="" width=250px; height=285px;></a>
  479.  
  480. <div id="link1">
  481.  
  482. <a href="{text:Link One}" title="{text:Link One Title}">I</a>
  483.  
  484. </div>
  485.  
  486. <div id="link2">
  487.  
  488. <a href="{text:Link Two}" title="{text:Link Two Title}">II</a>
  489.  
  490. </div>
  491.  
  492. <div id="link3">
  493.  
  494. <a href="{text:Link Three}" title="{text:Link Three Title}">III</a>
  495.  
  496. </div>
  497.  
  498. <div id="link4">
  499.  
  500. <a href="{text:Link Four}" title="{text:Link Four Title}">IV</a>
  501.  
  502. </div>
  503.  
  504. </div></div></div>
  505.  
  506. <div id="triangle">
  507.  
  508. </div></div></div>
  509.  
  510. <div id="desc">
  511. <center>
  512. {description}
  513. </center>
  514.  
  515. </div></div></div>
  516.  
  517. <div id="banner">
  518.  
  519. {text:banner}
  520.  
  521. </div></div></div>
  522.  
  523. <div id="posts">
  524.  
  525. {block:Posts}
  526. <div id="entry">
  527. {block:Text}
  528. {block:Title}</br><div style="font-family:indie; font-size:35px; color:{color:#000}; "><span class="title">{Title}</span></div>{block:Title}
  529. <span class="entrytext">{Body}</span>
  530. <div class="permalinktext"> <a href="{permalink}"> <font color="#aaa"></font> <a href="{ReblogURL}" target="_blank">reblog</a> <a href="{permalink}">{NoteCountWithLabel}</a></div>
  531. {/block:Text}
  532.  
  533. {block:Link}
  534. <a href="{URL}" class="title">{Name}</a>
  535. {block:Description}{Description}{/block:Description}
  536. <div class="permalinktext"> <a href="{permalink}"> <font color="#aaa"></font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  537. {block:Link}
  538.  
  539. {block:Photo}{block:IndexPage}
  540. <div class="perma">
  541. <center><a href="{permalink}" title="{TimeAgo}">this picture was posted {TimeAgo}</a></br> <a href="{permalink}" title="{NoteCountWithLabel}"> {NoteCountWithLabel}</a> <a> <a href="{ReblogURL}" target="_blank" title="want this"> reblog this picture </a> </br><a href="{ReblogParentURL}" title="{ReblogParentName}">reblogged from {ReblogParentName}</a> </div></center>
  542. {/block:IndexPage}
  543. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=240px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}
  544. {/block:Photo}
  545.  
  546. {block:Quote}
  547. <span class="entrytext">{Quote}</span>
  548. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  549. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  550. {/block:Quote}
  551.  
  552. {block:Chat}
  553. {block:Title}<span class="title">{Title}</span>{/block:Title}
  554. <ul class="chat">
  555. {block:Lines}
  556. <li class="user_{UserNumber}">
  557. {block:Label}
  558. <span class="label">{Label}</span>
  559. {/block:Label}
  560.  
  561. {Line}
  562. </li>
  563. {/block:Lines}
  564. </ul>
  565. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  566. {/block:Chat}
  567.  
  568.  
  569. {block:Audio}
  570. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  571. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  572. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  573. {/block:Audio}
  574.  
  575. {block:Video}<center>
  576. <div class="video">{Video-400}</div></center>
  577. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  578. {block:Video}
  579.  
  580.  
  581. {block:Answer}
  582. <br>
  583. <div style="margin-left: 0px; margin-top: -2px; min-height:40px; padding: 8px; background: white; border-right:2px solid #ccc; border-left:2px solid #ccc;">
  584. <askk></br><div style="font-family:courier; color:#000; font-size:20px; text-transform:uppercase;">{Asker}</br></br></div></askk>{Question}<br></div>
  585. <div style="font-family: Calibri; font-size: 8px; text-transform:uppercase;"> {Answer}</div>{/block:Answer}
  586.  
  587. {block:PostNotes}<div align="middle">{caption}</div>
  588. <center>
  589.  
  590. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  591.  
  592. {block:HasTags}
  593. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  594. {block:RebloggedFrom}
  595. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  596. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  597.  
  598. {/block:RebloggedFrom}
  599. </center></span>
  600. <br>
  601. <div id="postnotes">{PostNotes}</div><br>
  602.  
  603. <center>{block:ContentSource}
  604. <br><a href="{SourceURL}">
  605. {lang:Source}:
  606. {block:SourceLogo}
  607. <img src="{BlackLogoURL}" width="{LogoWidth}"
  608. height="{LogoHeight}" alt="{SourceTitle}" />
  609. {/block:SourceLogo}
  610. {block:NoSourceLogo}
  611. {SourceLink}
  612. {/block:NoSourceLogo}
  613. </a>
  614. {/block:ContentSource}</center>
  615.  
  616. {/block:PostNotes}
  617. </div>
  618. {/block:Posts}
  619. </div></div>
  620.  
  621. {block:indexpage}
  622. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  623. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  624. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  625. <script type="text/javascript">
  626. $(window).load(function(){
  627. var $wall = $('#posts');
  628. $wall.imagesLoaded(function(){
  629. $wall.masonry({
  630. itemSelector: '#entry, #entry_photo',
  631. isAnimated : false
  632. });
  633. });
  634.  
  635. $wall.infinitescroll({
  636. navSelector : '#page-nav',
  637. nextSelector : '#page-nav a',
  638. itemSelector : '#entry, #entry_photo',
  639. bufferPx : 2000,
  640. debug : false,
  641. errorCallback: function() {
  642. $('#infscr-loading').fadeOut('normal');
  643. }},
  644. function( newElements ) {
  645. var $newElems = $( newElements );
  646. $newElems.hide();
  647. $newElems.imagesLoaded(function(){
  648. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  649. });
  650. }); $('#content').show(500);
  651. });
  652. </script>
  653. {/block:indexpage}
  654.  
  655. </div>
  656. </div>
  657.  
  658. <BODY onselectstart="return false;" ondragstart="return false;">
  659. <body onkeydown="return false">
  660.  
  661. <div style=" background-color:#fff; width:60px; height:15px;
  662. position:fixed; bottom:5px; right:10px; font-family:pixel; font-size:8px;line-height:15px; text-transform:uppercase;">
  663. <center> <a href="http://www.taintedhopes.tumblr.com">taintedhopes</a></center>
  664. </div></div></div>
  665.  
  666. </div>
  667. </div>
  668. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement