Advertisement
kero228

hogghogghogglayout2

Nov 27th, 2012
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 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.  
  6. "HALO" THEMED BY CINDIE.TUMBLR.COM
  7. Please do not remove this credit!
  8. Thanks for using my public theme, enjoy!
  9.  
  10. -->
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- Default Colors -->
  16. <META name="image:Background" content="">
  17. <META name="image:Sidebar" content="http://28.media.tumblr.com/tumblr_lm4p2xmk0I1qa6im7o1_500.gif"/>
  18. <META name="image:Sidebar Background" content="">
  19. <META name="text:Sidebar Image Height" content="100px"/>
  20. <META name="if:Show Sidebar Image" content="1"/>
  21. <META name="if:Show Menu" content="1"/>
  22. <META name="if:Show Description" content="1"/>
  23. <META name="if:Show Sidebar Border" content="0"/>
  24. <META name="if:Description Box Shadow" content="0"/>
  25. <META name="if:Show Sidebar" content="1"/>
  26. <META name="if:Show Full Sidebar" content="0"/>
  27. <META name="if:Show Custom Scrollbar" content="1"/>
  28. <META name="color:Background" content="#ffffff">
  29. <META name="color:Sidebar" content="transparent">
  30. <META name="color:Top" content="transparent">
  31. <META name="color:Tables" content="#ffffff">
  32. <META name="color:Font" content="#666666">
  33. <META name="color:Link" content="#dbdbdb">
  34. <META name="color:Link hover" content="#000000">
  35. <META name="color:Borders" content="#ebebeb">
  36. <META name="color:Nav font" content="#dddddd">
  37. <META name="color:Nav Background" content="transparent">
  38. <META name="color:Nav hover" content="#909090">
  39. <META name="color:Nav hover Background" content="#fff">
  40. <META name="color:Scrollbar" content="#ffffff">
  41. <META name="color:Scrollbar Main" content="#eeeeee">
  42. <META name="text:Menu Link One" content=""/>
  43. <META name="text:Menu Link One URL" content=""/>
  44. <META name="text:Menu Link Two" content=""/>
  45. <META name="text:Menu Link Two URL" content=""/>
  46. <META name="text:Menu Link Three" content=""/>
  47. <META name="text:Menu Link Three URL" content=""/>
  48. <META name="text:Menu Link Four" content=""/>
  49. <META name="text:Menu Link Four URL" content=""/>
  50. <!-- End Default Colors -->
  51.  
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  54. <script type="text/javascript">
  55. $(document).ready(function(){
  56. $(".links_body").hide();
  57. $(".links_head").click(function(){
  58. $(this).next(".links_body").slideToggle('fast');
  59. }); }); </script>
  60. <style type="text/css">
  61. .links_list { margin-top:3px;}
  62. .links_head { display: inline;
  63. background:#;
  64. color:{color:Headers};;
  65. font-family: consolas;
  66. font-size:11pt;
  67. line-height:15px;
  68. letter-spacing:2px;
  69. text-align: center;
  70. cursor: crosshair;
  71. -webkit-transition: all 0.3s ease-out;
  72. -moz-transition: all 0.3s ease-out;
  73. transition: all 0.3s ease-out;cursor:
  74. }
  75. .links_head:hover {
  76. color:{color:Nav hover};
  77. -webkit-transition: all 0.3s ease-out;
  78. -moz-transition: all 0.3s ease-out;
  79. transition: all 0.3s ease-out;cursor:
  80. }
  81. .links_body {
  82. background-color:#fff;
  83. padding:7px;
  84. text-align:left;
  85. color: {color:font};
  86. -moz-border-radius: 10px 30px;
  87. border-radius: 3px;
  88. display:none;}
  89. </style>
  90.  
  91. <link rel="stylesheet" href="http://static.tumblr.com/20pvjfl/5xklkh0ia/fonts.css" />
  92.  
  93. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  94. <meta name="description" content="{MetaDescription}" />
  95.  
  96. <title>{title}</title>
  97. <link rel="shortcut icon" href="{Favicon}">
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  99.  
  100. <style type="text/css">
  101. body {
  102. background-color: {color:Background};
  103. background-image: url('{image:Background}');
  104. background-position:center center;
  105. background-repeat: repeat;
  106. background-attachment:fixed;
  107. color:{color:font};
  108. cursor: url(""), default;
  109. text-align:justify;
  110. margin: 0px;
  111. padding: 0px;
  112. letter-spacing:2px;
  113. font-family:consolas;
  114. text-transform:uppercase;
  115. font-size:8px;
  116. line-height:10px;
  117. }
  118.  
  119. a:link, a:visited, a:active {
  120. color: {color:Link};
  121. cursor: default;
  122. text-decoration:none;
  123. transition-duration: 0.50s;
  124. -moz-transition-duration: 0.50s;
  125. -webkit-transition-duration: 0.50s;
  126. -o-transition-duration: 0.50s;
  127. }
  128.  
  129. a:hover {
  130. color: {color:link hover};
  131. cursor: crosshair;
  132. text-decoration:none;
  133. }
  134.  
  135. {block:IfShowCustomScrollbar}
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background-color:{color:Scrollbar};
  138. height:100px;
  139. -moz-border-radius: 10px 30px;
  140. border-radius: 3px;
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb:horizontal {
  144. background-color:{color:Scrollbar};
  145. height:10px !important;
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. height:10px;
  150. width:10px;
  151. background-color:{color:Scrollbar Main};
  152. }
  153. {/block:IfShowCustomScrollbar}
  154.  
  155.  
  156. li {
  157. text-align:left;
  158. }
  159.  
  160. br{
  161. padding:1px;
  162. margin:1px;
  163. }
  164.  
  165. a.menu {
  166. display: inline;
  167. background:{color:Nav Background};
  168. color: {color:Nav font};
  169. font-family: consolas;
  170. font-size:11px;
  171. letter-spacing:2px;
  172. width: 180px;
  173. padding: 7px 7px 7px 7px;
  174. margin-left: 1px;
  175. text-align: left;
  176. cursor: crosshair;
  177. -moz-border-radius: 10px 30px;
  178. border-radius: 3px;
  179. -webkit-transition: all 0.3s ease-out;
  180. -moz-transition: all 0.3s ease-out;
  181. transition: all 0.3s ease-out;cursor:
  182. }
  183.  
  184. a.menu:hover {
  185. background:{color:Nav Hover Background};
  186. color:{color:Nav hover};
  187. padding-right:20px;
  188. -webkit-transition: all 0.3s ease-out;
  189. -moz-transition: all 0.3s ease-out;
  190. transition: all 0.3s ease-out;cursor:
  191. }
  192.  
  193. img {
  194. padding: 0px;
  195. filter: alpha (opacity=100);
  196. opacity: 1.0;
  197. -webkit-transition: all 0.3s ease-out;
  198. -moz-transition: all 0.3s ease-out;
  199. transition: all 0.3s ease-out;cursor:
  200. }
  201.  
  202. img:hover {
  203. filter: alpha (opacity=80);
  204. opacity: 0.80;
  205. -webkit-transition: all 0.5s ease-out;
  206. -moz-transition: all 0.5s ease-out;
  207. transition: all 0.5s ease-out;cursor:
  208. }
  209.  
  210. #top{
  211. margin:0 auto;
  212. margin-left:376px;
  213. width:400px;
  214. height:20px;
  215. padding:12px 1px 5px 1px;
  216. text-align:left;
  217. background-color:{color:Top};
  218. }
  219.  
  220. #sidebar {
  221. margin:0 auto;
  222. margin-top:120px;
  223. margin-left:150px;
  224. padding:5px;
  225. width:200px;
  226. {block:IfShowFullSidebar}
  227. height:100%;
  228. margin-top:-10px;
  229. {/block:IfShowFullSidebar}
  230. position:fixed;
  231. {block:IfShowSidebarBorder}
  232. border:1px solid {color:Borders};
  233. {/block:IfShowSidebarBorder}
  234. background-image:url('{image:Sidebar Background}');
  235. background-color:{color:Sidebar};
  236. -moz-border-radius: 10px 30px;
  237. border-radius: 3px;
  238. {block:IfDescriptionBoxShadow}
  239. border-radius: 2px 2px 2px 2px;
  240. -moz-border-radius: 2px 2px 0px 0px;
  241. -moz-box-shadow: 1px 1px 1px #CCC;
  242. -webkit-box-shadow: 1px 1px 1px #CCC;
  243. box-shadow: 1px 1px 1px #CCC;
  244. {/block:IfDescriptionBoxShadow}
  245. }
  246.  
  247. .des{
  248. float:right;
  249. margin-bottom:2px;
  250. }
  251.  
  252. .imgg {
  253. text-align:left;
  254. margin-top:4px;
  255. }
  256.  
  257. .sub {
  258. margin-top:2px;
  259. }
  260.  
  261. a.sub1 {
  262. display: block;
  263. background:#eee;
  264. color: {color:Nav font};
  265. font-family: consolas;
  266. font-size:11px;
  267. letter-spacing:2px;
  268. width: 193px;
  269. padding: 3px;
  270. margin: 1px;
  271. text-align: right;
  272. cursor: crosshair;
  273. -webkit-transition: all 0.3s ease-out;
  274. -moz-transition: all 0.3s ease-out;
  275. transition: all 0.3s ease-out;cursor:
  276. }
  277.  
  278. a.sub1:hover {
  279. background:#f9f9f9;
  280. color:{color:Nav hover};
  281. text-align:left;
  282. padding-right:20px;
  283. -webkit-transition: all 0.3s ease-out;
  284. -moz-transition: all 0.3s ease-out;
  285. transition: all 0.3s ease-out;cursor:
  286. }
  287.  
  288. .previouss {
  289. position:fixed;
  290. margin-top:20px;
  291. margin-left:360px;
  292. font-size:13px;
  293. }
  294.  
  295. .previouss:hover{
  296. -webkit-transition: all 0.3s ease-out;
  297. -moz-transition: all 0.3s ease-out;
  298. transition: all 0.3s ease-out;cursor:
  299. }
  300.  
  301. .nextt {
  302. position:fixed;
  303. margin-top:20px;
  304. margin-left:780px;
  305. font-size:13px;
  306. }
  307.  
  308. .nextt:hover{
  309. -webkit-transition: all 0.3s ease-out;
  310. -moz-transition: all 0.3s ease-out;
  311. transition: all 0.3s ease-out;cursor:
  312. }
  313.  
  314.  
  315. #content {
  316. margin:0 auto;
  317. margin-top:0px;
  318. margin-left:375px;
  319. margin-bottom:5px;
  320. width: 400px;
  321. position: relative;
  322. text-align: center;
  323. background-color: transparent;
  324. }
  325.  
  326. #post {
  327. margin-top:4px;
  328. background-color:{color:Tables};
  329. text-align: center;
  330. -moz-border-radius: 10px 30px;
  331. border-radius: 3px;
  332. {block:IfDescriptionBoxShadow}
  333. border-radius: 2px 2px 2px 2px;
  334. -moz-border-radius: 2px 2px 0px 0px;
  335. -moz-box-shadow: 1px 1px 1px #CCC;
  336. -webkit-box-shadow: 1px 1px 1px #CCC;
  337. box-shadow: 1px 1px 1px #CCC;
  338. {/block:IfDescriptionBoxShadow}
  339. }
  340.  
  341. blockquote{
  342. border-left: 5px solid {color:Borders};
  343. padding:1px; padding-left: 5px; margin: 0px;
  344. }
  345.  
  346. #entry{
  347. text-align:center;
  348. background-color:;
  349. }
  350.  
  351. #entry img {
  352. max-width: 400px;
  353. }
  354.  
  355. #ask img {
  356. width:40px;
  357. }
  358.  
  359. ol.notes {
  360. padding: 0px;
  361. margin: 2px 0px;
  362. list-style-type: none;
  363. background-color:{color:Tables};
  364. border-bottom: solid 1px {color:Borders};
  365. text-align:left;
  366. }
  367.  
  368. ol.notes li.note {
  369. border-top: solid 1px {color:Borders};
  370. padding: 2px;
  371. }
  372.  
  373. ol.notes li.note img.avatar {
  374. vertical-align: -4px;
  375. margin-right: 5px;
  376. width: 20px;
  377. height: 20px;
  378. }
  379.  
  380. ol.notes li.note span.action {
  381. font-weight: bold;
  382. }
  383.  
  384. ol.notes li.note .answer_content {
  385. font-weight: normal;
  386. }
  387.  
  388. ol.notes li.note blockquote {
  389. border-color: {color:Borders};
  390. padding: 4px 4px;
  391. margin: 2px 0px 0px 5px;
  392. }
  393.  
  394. ol.notes li.note blockquote a {
  395. text-decoration: none;
  396. }
  397.  
  398. .jump_page{
  399. color:#fff;
  400. padding:3px 5px 3px 5px;
  401. margin:1px;
  402. }
  403.  
  404. a.jump_page:hover {
  405. text-decoration:none;
  406. }
  407.  
  408. .current_page{
  409. color:#000;
  410. font-weight:bold;
  411. padding:3px 5px 3px 5px;
  412. margin:1px;
  413. }
  414.  
  415. {CustomCSS}
  416. </style>
  417. </head>
  418.  
  419. <body>
  420. <div id="top">
  421. {block:IfShowMenu}
  422. <a href="/" class="menu">Home</a>
  423. <a href="/ask" class="menu">Ask</a>
  424. <a href="http://cindie.tumblr.com" class="menu">Theme</a>
  425.  
  426. {block:IfMenuLinkOne}<a href="{block:IfMenuLinkOneURL}{text:Menu Link One URL}{/block:IfMenuLinkOneURL}" class="menu">{text:Menu Link One}{/block:IfMenuLinkOne}</a>
  427.  
  428. {block:IfMenuLinkTwo}<a href="{block:IfMenuLinkTwoURL}{text:Menu Link Two URL}{/block:IfMenuLinkTwoURL}" class="menu">{text:Menu Link Two}{/block:IfMenuLinkTwo}</a>
  429.  
  430. {block:IfMenuLinkThree}<a href="{block:IfMenuLinkThreeURL}{text:Menu Link Three URL}{/block:IfMenuLinkThreeURL}" class="menu">{text:Menu Link Three}{/block:IfMenuLinkThree}</a>
  431.  
  432. {block:IfMenuLinkFour}<a href="{block:IfMenuLinkFourURL}{text:Menu Link Four URL}{/block:IfMenuLinkFourURL}" class="menu">{text:Menu Link Four}{/block:IfMenuLinkFour}</a>
  433. {/block:IfShowMenu}
  434. </div>
  435.  
  436. {block:IfShowSidebar}
  437. <div id="sidebar">
  438.  
  439. <div class="imgg">
  440. {block:IfShowSidebarImage}
  441. <div style="width:200px;height:{block:IfSidebarImageHeight}{text:Sidebar Image Height}{/block:IfSidebarImageHeight};overflow:hidden;"><img style="border:none;max-width:210px;min-width:210px;" src="{image:Sidebar}"></div><br>
  442. {/block:IfShowSidebarImage}
  443. </div>
  444.  
  445. {block:IfShowDescription}
  446. <div class="des">
  447. {block:Description}{Description}{/block:Description}
  448. </div>
  449. {/block:IfShowDescription}
  450. {/block:IfShowSidebar}</div>
  451.  
  452.  
  453. <div class="previouss">
  454. {block:Pagination}
  455. {block:PreviousPage}
  456. <a href="{PreviousPage}"><big>«</big></a>
  457. {/block:PreviousPage}
  458. </div>
  459.  
  460. <div class="nextt">
  461. {block:NextPage}
  462. <a href="{NextPage}"><big>»</big></a>
  463. {/block:NextPage}
  464. {/block:Pagination}
  465. </div>
  466.  
  467. <div id="content">
  468. {block:Posts}
  469. {block:Text}
  470.  
  471. <div id="entry">
  472. <div id="post">
  473. <div class="links_list">
  474. <p class="links_head">{Title}</p>
  475. <div class="links_body">
  476. {Body}
  477.  
  478. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  479. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  480.  
  481. </div></div>
  482.  
  483. </div>
  484. </div>
  485. {/block:Text}
  486. {block:Photo}
  487.  
  488. <div id="entry">
  489. <div id="post">
  490. <div class="links_list">
  491. <p class="links_head"><img style=" -moz-border-radius: 10px 30px;
  492. border-radius: 3px; "src="{PhotoURL-400}"> </p>
  493. <div class="links_body">
  494.  
  495.  
  496. {block:Caption}{Caption} {/block:Caption}
  497. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  498. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  499. </div></div>
  500.  
  501.  
  502. </div>
  503. </div>
  504. {/block:Photo}
  505.  
  506. {block:Quote}
  507.  
  508. <div id="entry">
  509. <div id="post">
  510. <div class="links_list">
  511. <p class="links_head">{Quote}</p>
  512. <div class="links_body">
  513. {block:Source}
  514. <span class="source"><br><i>{Source}</i></span>
  515. {/block:Source}<BR>
  516.  
  517. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  518. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  519. </div></div>
  520.  
  521.  
  522. </div>
  523. </div>
  524. {/block:Quote}
  525.  
  526. {block:Link}
  527.  
  528. <div id="entry">
  529. <div id="post">
  530. <div class="links_list">
  531. <p class="links_head">{Name}</p>
  532. <div class="links_body">
  533. <p><a href="{URL}"{Target}><div class="header3">{Name}</a></div>
  534. {block:Description}
  535. {Description}
  536. {/block:Description}
  537.  
  538. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  539. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  540. </div></div>
  541.  
  542.  
  543. </div>
  544. </div>
  545.  
  546. {/block:Link}
  547.  
  548. {block:Chat}
  549.  
  550. <div id="entry">
  551. <div id="post">
  552. <div class="links_list">
  553. <p class="links_head">{Title}</p>
  554. <div class="links_body">
  555. <ul class="chat">
  556. {block:Lines}
  557. <li class="{Alt}">
  558. {block:Label}
  559. <span class="label">{Label}</span>
  560. {/block:Label}
  561.  
  562. {Line}
  563.  
  564. {/block:Lines}
  565. </ul>
  566.  
  567. </li>
  568. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  569. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  570. </div></div>
  571.  
  572.  
  573. </div>
  574. </div>
  575. {/block:Chat}
  576. {block:Video}
  577.  
  578. <div id="entry">
  579. <div id="post">
  580. <div class="links_list">
  581. <p class="links_head">{Video-400}</p>
  582. <div class="links_body">
  583. <a href="{Permalink}">{block:Caption}
  584. <p>{Caption}</p>
  585. {/block:Caption}</a>
  586.  
  587. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  588. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  589. </div></div>
  590.  
  591.  
  592. </div>
  593. </div>
  594.  
  595. {/block:Video}
  596. {block:Audio}
  597.  
  598. <div id="entry">
  599. <div id="post">
  600. <div class="links_list">
  601. <p class="links_head">{block:AlbumArt}<img style=" -moz-border-radius: 10px 30px;
  602. border-radius: 3px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  603. </p>
  604. <div class="links_body">
  605. {AudioPlayerWhite}
  606. {block:Caption}
  607. <p>{Caption}</p>
  608. {/block:Caption}</a>
  609.  
  610. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  611. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  612. </div></div>
  613.  
  614. </div>
  615. </div>
  616.  
  617. {/block:Audio}
  618.  
  619. {block:Answer}
  620. <div id="entry">
  621. <div id="post">
  622. <div class="links_list">
  623. <p class="links_head">{Asker} Asked:{Question}</p>
  624. <div class="links_body">
  625. <div id="answerr">My Answer:{Answer}</div>
  626.  
  627. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  628. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  629. </div></div>
  630.  
  631. </div>
  632. </div>
  633. {/block:Answer}
  634.  
  635. {block:PostNotes}
  636. {PostNotes}
  637. {/block:PostNotes}
  638.  
  639. {/block:Posts}
  640. {/block:Posts}
  641.  
  642. </div>
  643.  
  644.  
  645. </body>
  646. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement