API tools faq
paste
Advertisement
Alliecatisallama

THEME #16 - THE WILDS

Alliecatisallama
Mar 4th, 2013
683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 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. <!--THEME #16 THE WILDS by Fernandosspectacles/Alliecatisallama
  4.  
  5. Please do not steal my code or claim it as your own. Also do not remove the credit back to me.-->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11. <meta name="color:bg" content="#fdfcfc">
  12. <meta name="color:sidebar" content="#9a9a9a">
  13. <meta name="color:posts" content="#cac2c4">
  14. <meta name="color:link" content="#211719">
  15. <meta name="color:hover" content="#000000">
  16. <meta name="color:linkbg" content="#f0ebec">
  17. <meta name="color:text" content="#211719">
  18. <meta name="color:linkhover" content="#fefefe">
  19. <meta name="color:tags" content="#7e7b7b">
  20. <meta name="color:scrollbar" content="#412d2d">
  21. <meta name="color:sbbg" content="#412d2d">
  22.  
  23. <meta name="text:quote" content="this is a quote"/>
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 Title" content="/" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 Title" content="/" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 Title" content="/" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 Title" content="/" />
  32. <meta name="text:Link5" content="/" />
  33. <meta name="text:Link5 Title" content="/" />
  34. <meta name="text:Link6" content="/" />
  35. <meta name="text:Link6 Title" content="/" />
  36.  
  37. <meta name="image:Sidebar1" content=""/>
  38. <meta name="image:Sidebar2" content=""/>
  39. <meta name="image:Sidebar3" content=""/>
  40. <meta name="image:Sidebar4" content=""/>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:bg}}
  53.  
  54. ::-webkit-scrollbar-corner {background:{color:bg}}
  55.  
  56. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  57.  
  58. ::-webkit-scrollbar-button:horizontal {width: 4px; height: 4px; display: block; background:{color:scrollbar}}
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:bg}; border-bottom: 1px solid {color:bg}}
  61.  
  62. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}}
  63.  
  64. body {
  65. margin:0px;
  66. background-color: {color:bg};
  67. background-attachment: fixed;
  68. background-repeat: repeat;
  69. font-size:10px;
  70. }
  71.  
  72. a:link, a:active, a:visited, a{
  73. color: {color:link};
  74. -webkit-transition-duration: 1s;
  75. text-decoration:none;
  76. }
  77. a:hover {
  78. color:{color:hover};
  79. -webkit-transition-duration: 1s;
  80. text-decoration:none;
  81. }
  82.  
  83. #stuffs {
  84. position:relative;
  85. overflow: visible;
  86. top: 50px;
  87. left: 400px;
  88. width: 500px;
  89. }
  90.  
  91. #content {
  92. width: 500px;
  93. margin-bottom:-40px;
  94. }
  95.  
  96. #entry {
  97. margin-top:30px;
  98. text-align: justify;
  99. width: 500px;
  100. }
  101.  
  102. #entry .perma {
  103. opacity: 0;
  104. position: absolute;
  105. margin-top:-5px;
  106. font-size:8px;
  107. font-family:'lora';
  108. width: 500px;
  109. text-align:center;
  110. background-color: {color:bg};
  111. line-height: 10px;
  112. margin-left: 0px;
  113. -webkit-transition-duration: 1s;
  114. }
  115.  
  116. #entry .perma a{
  117. color: {color:text};
  118. text-align:center;
  119. background-color: {color:bg};
  120. -webkit-transition-duration: 1s;
  121. }
  122.  
  123. #entry:hover .perma{
  124. opacity: 1;
  125. text-align:center;
  126. background-color: {color:bg};
  127. margin-left:00px;
  128. margin-top:0px;
  129. -webkit-transition-duration: 1s;
  130. }
  131.  
  132. .title{
  133. font-size: 15px;
  134. line-height: 13px;
  135. font-family: 'lora';
  136. color: {color:text};
  137. }
  138.  
  139. .title a{
  140. text-decoration: none;
  141. color: {color:text};
  142. }
  143.  
  144. blockquote{
  145. padding:0px 0px 0px 5px;
  146. margin: 5px 0px 2px 10px;
  147. border-left: 2px solid {color:text};
  148. }
  149. blockquote p, ul{
  150. margin:0px;
  151. padding:0px;
  152. }
  153.  
  154. .chat .line{
  155. margin: 0 0 1px;
  156. padding: 5px;
  157. }
  158.  
  159. .label {
  160. font-weight:bold;
  161. }
  162.  
  163. a img{
  164. border: 0px;
  165. }
  166.  
  167. .p {
  168. padding-top: 5px;
  169. }
  170. .ol, ul {
  171. margin-left: 10px;
  172. padding: 5px;
  173. }
  174. .ul {
  175. list-style-type: square;
  176. }
  177.  
  178. .audio {
  179. background: black;
  180. height: 27px;
  181. width: 500px;
  182. }
  183.  
  184. .notes img{
  185. width:10px;
  186. position:left;
  187. top:3px;
  188. }
  189.  
  190. .links a{
  191. color: {color:text};
  192. text-decoration:none;
  193. margin-right: 5px;
  194. }
  195.  
  196.  
  197. .askerav {
  198. height: 64px;
  199. width: 64px;
  200. overflow: hidden;
  201. float: center;
  202. margin-top: 5px;
  203. margin-left: 5px;
  204. padding: 0px;
  205. border: 1px solid #e3dfdf;
  206. padding:5px;
  207. }
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214. /* SIDEBAR */
  215.  
  216. #sidebar {
  217. position:fixed !important;
  218. width: 171px;
  219. padding: 0px;
  220. height:3px;
  221. margin: 110px 0px 0px 0px;
  222. margin-left: 120px;
  223.  
  224. }
  225.  
  226. /* SB1 */
  227.  
  228. #sidebar1 {
  229. position:fixed !important;
  230. width: 100px;
  231. padding: 0px;
  232. height:100px;
  233. margin: -32px 0px 0px 0px;
  234. margin-left: 79px;
  235. background: {color:sbbg};
  236. }
  237.  
  238. #boxone {
  239. width: 90px;
  240. height: 90px;
  241. margin-top: -25px;
  242. margin-left: 86px;
  243. overflow: hidden;
  244. position: fixed;
  245. -webkit-transition-duration: 1s;
  246. }
  247.  
  248.  
  249. #boxone .textbox {
  250. width: 90px;
  251. height: 90px;
  252. text-align: center;
  253. opacity: 0;
  254. font-family: 'lora';
  255. font-size: 15px;
  256. position: absolute;
  257. line-height: -50px;
  258. background: {color:sbbg};
  259. color:{color:text};
  260. -webkit-transition-duration: 1s;
  261.  
  262. }
  263.  
  264. #boxone:hover .textbox {
  265. opacity: .9;
  266. -webkit-transition-duration: 1s;
  267.  
  268. }
  269.  
  270. #boxone img {
  271. min-height: 85px;
  272. height: 85px;
  273. width: 85px;
  274. }
  275.  
  276.  
  277. /* SB2 */
  278.  
  279. #sidebar2 {
  280. position:fixed !important;
  281. width: 100px;
  282. padding: 0px;
  283. height:100px;
  284. margin-top: 76px;
  285. margin-left: 79px;
  286. background: {color:sbbg};
  287. }
  288.  
  289. #boxtwo {
  290. width: 90px;
  291. height: 90px;
  292. margin-top: 83px;
  293. margin-left: 86px;
  294. overflow: hidden;
  295. position: fixed;
  296. -webkit-transition-duration: 1s;
  297.  
  298. }
  299.  
  300.  
  301. #boxtwo .textbox2 {
  302. width: 85px;
  303. height: 90px;
  304. text-align: center;
  305. opacity: 0;
  306. font-family: 'lora';
  307. font-size: 9px;
  308. position: absolute;
  309. line-height: -60px;
  310. background: {color:sbbg};
  311. color:{color:text};
  312. -webkit-transition-duration: 1s;
  313.  
  314. }
  315.  
  316. #boxtwo:hover .textbox2 {
  317. opacity: .9;
  318. -webkit-transition-duration: 1s;
  319.  
  320. }
  321.  
  322. #boxtwo img {
  323. min-height: 85px;
  324. height: 85px;
  325. width: 85px;
  326. }
  327.  
  328. /* SB3 */
  329.  
  330. #sidebar3 {
  331. position:fixed !important;
  332. width: 100px;
  333. padding: 0px;
  334. height:100px;
  335. margin-top: 185px;
  336. margin-left: 79px;
  337. background: {color:sbbg};
  338. }
  339.  
  340. #boxthree {
  341. width: 90px;
  342. height: 90px;
  343. margin-top: 192px;
  344. margin-left: 86px;
  345. overflow: hidden;
  346. position: fixed;
  347. -webkit-transition-duration: 1s;
  348. }
  349.  
  350.  
  351. #boxthree .textbox3 {
  352. width: 90px;
  353. height: 90px;
  354. text-align: center;
  355. opacity: 0;
  356. font-family: 'lora';
  357. font-size: 11px;
  358. position: absolute;
  359. line-height: -50px;
  360. background: {color:sbbg};
  361. color:{color:text};
  362. -webkit-transition-duration: 1s;
  363. }
  364.  
  365. #boxthree:hover .textbox3 {
  366. opacity: .9;
  367. -webkit-transition-duration: 1s;
  368. }
  369.  
  370. #boxthree img {
  371. min-height: 85px;
  372. height: 85px;
  373. width: 85px;
  374. }
  375.  
  376. /* SB4 */
  377.  
  378. #sidebar4 {
  379. position:fixed !important;
  380. width: 100px;
  381. padding: 0px;
  382. height:100px;
  383. margin-top: 294px;
  384. margin-left: 79px;
  385. background: {color:sbbg};
  386. }
  387.  
  388. #boxfour {
  389. width: 90px;
  390. height: 90px;
  391. margin-top: 300px;
  392. margin-left: 86px;
  393. overflow: hidden;
  394. position: fixed;
  395. -webkit-transition-duration: 1s;
  396. }
  397.  
  398.  
  399. #boxfour .textbox4 {
  400. width: 90px;
  401. height: 90px;
  402. text-align: center;
  403. opacity: 0;
  404. font-family: 'lora';
  405. font-size: 11px;
  406. position: absolute;
  407. line-height: -50px;
  408. background: {color:sbbg};
  409. color:{color:text};
  410. -webkit-transition-duration: 1s;
  411. }
  412.  
  413. #boxfour:hover .textbox4 {
  414. opacity: .9;
  415. -webkit-transition-duration: 1s;
  416. }
  417.  
  418. #boxfour img {
  419. min-height: 85px;
  420. height: 85px;
  421. width: 85px;
  422. }
  423.  
  424.  
  425. #theme {
  426. position: fixed;
  427. bottom: 0px;
  428. right: 0px;
  429. font-family: Arial;
  430. font-size: 8px;
  431. text-transform: uppercase;
  432. text-align: right;
  433. letter-spacing: 1px;
  434. }
  435.  
  436. #pagination {
  437. position:fixed;
  438. margin-top:505px;
  439. font-family:'lora';
  440. font-size:8px;
  441. font-style:italic;
  442. letter-spacing:1px;
  443. width:150px;
  444. margin-left:100px;
  445. text-align:right;
  446. }
  447.  
  448. iframe#tumblr_controls {
  449. top: 0% !important;
  450. right:0% !important;
  451. opacity:0.3;
  452. position: fixed !important;
  453. filter:alpha(opacity=30);
  454. -webkit-transition: all 0.7s ease;
  455. -moz-transition: all 0.7s ease;
  456. -o-transition: all 0.7s ease;
  457. }
  458. iframe#tumblr_controls:hover{
  459. top: 0% !important;
  460. right:0% !important;
  461. opacity:0.8;
  462. position: fixed !important;
  463. filter:alpha(opacity=80);
  464. -webkit-transition: all 0.7s ease;
  465. -moz-transition: all 0.7s ease;
  466. -o-transition: all 0.7s ease;
  467. }
  468.  
  469. {CustomCSS}
  470. </style>
  471. </head>
  472. <body>
  473.  
  474. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  475. </div>
  476.  
  477. <div id="stuffs">
  478.  
  479.  
  480. <div id="sidebar">
  481. <div id="sidebar1"></div>
  482. <div id="sidebar2"></div>
  483. <div id="sidebar3"></div>
  484. <div id="sidebar4"></div>
  485.  
  486.  
  487.  
  488. <div id="boxone">
  489. <div class="textbox">
  490. <div style="margin-top: 20px;"><a href="/"><em>{text:quote}
  491. </div></em></a></div>
  492. <img src="{image:sidebar1}">
  493. </div>
  494.  
  495. <div id="boxtwo">
  496. <div class="textbox2">
  497. <div style="margin-top: 5px;">{description}</div> </div>
  498. <img src="{image:sidebar2}">
  499. </div>
  500.  
  501.  
  502. <div id="boxthree">
  503. <div class="textbox3">
  504. <div style="margin-top: 15px;">
  505. <a href="/"><em>home</em> </a><br>
  506. <a href="/ask"><em>ask</em> </a><br>
  507. <a href="{text:Link1}"><em>{text:Link1 Title}</em></a><br>
  508. <a href="{text:Link2}"><em>{text:Link2 Title}</em></a>
  509.  
  510. </div> </div>
  511. <img src="{image:sidebar3}">
  512. </div>
  513.  
  514. <div id="boxfour">
  515. <div class="textbox4">
  516. <div style="margin-top: 15px;">
  517. <a href="{text:Link3}"><em>{text:Link3 Title}</em></a><br>
  518. <a href="{text:Link4}"><em>{text:Link4 Title}</em></a><br>
  519. <a href="{text:Link5}"><em>{text:Link5 Title}</em></a><br>
  520. <a href="{text:Link6}"><em>{text:Link6 Title}</em></a>
  521.  
  522. </div> </div>
  523. <img src="{image:sidebar4}">
  524. </div>
  525.  
  526. </div>
  527.  
  528.  
  529. <div id="content">
  530. {block:Posts}
  531. <div id="entry">
  532.  
  533. {block:IndexPage}<div class="perma">{block:Date} <a href="{Permalink}">{timeago}</a>{/block:Date}
  534. {block:RebloggedFrom} <a href="{ReblogParentURL}"title="{ReblogParentTitle}">| via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">&copy</a>{/block:RebloggedFrom} | <a href="{Permalink}">{NoteCountWithLabel}</a>
  535. <br>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  536.  
  537. {block:Text}{block:Title}<span class="title"><em>{Title}</em></span>{/block:Title}{Body}{/block:text}
  538.  
  539. {block:Link}<a href="{URL}" class="title"><em>{Name}</em></a>{block:Description}{Description}{/block:Description}{/block:link}
  540.  
  541. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  542.  
  543. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  544.  
  545. {block:Quote}<span class="title"><center><em><big><big>"</big></big>{Quote}<big>"</big></em></span>{block:Source} <br>- <small><small>{Source}</small></small></center>{/block:Source}{/block:Quote}
  546.  
  547. {block:Chat}{block:title}<div class="title">{Title}</div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  548. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  549.  
  550. {block:Audio}<div class="audio">{AudioPlayerBlack}</div><div class="arrow_box"></div><br><center>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} - <i>{Artist}</i>{/block:Artist}<center>
  551. {/block:Audio}
  552.  
  553. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  554.  
  555. {block:Answer}
  556. <center><div class="askerav"><img src="{AskerPortraitURL-64}"></div>
  557. <em><big><big><big>{Asker}:</big></big></big></em>
  558. {Question}
  559.  
  560. <p>{Answer}</p>
  561.  
  562. </center>
  563. {block:Answer}
  564.  
  565. {block:PermalinkPage}
  566. <div id="permapage"><Br><center>{block:Date} <a href="{Permalink}">{timeago} | {DayOfMonthWithZero}-{MonthNumberWithZero}-{ShortYear}</a>{/block:Date}
  567. {block:RebloggedFrom}<br> via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">&copy</a>{/block:RebloggedFrom} | <a href="{Permalink}">{NoteCountWithLabel}</a>
  568. <br>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></center></div>
  569. {/block:PermalinkPage}
  570.  
  571. {block:PostNotes}{PostNotes}
  572. {/block:PostNotes}</div>{/block:Posts}
  573.  
  574. <div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  575. </div></div>
  576. </div></div>
  577. <br><br><br><br><br><br><br><br><br><br>
  578. </body>
  579. </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!