themes-wizard

theme redblocks by themes-wizard

Jan 28th, 2012
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.45 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3.  
  4. <!-- --------------------------
  5. best themes in themes-wizard.tumblr
  6. visit us for the best themes & help codeing at anytime !
  7. please do not take off the credit :) thanks
  8.  
  9. ------------------------------>
  10.  
  11. <html lang="en">
  12. <head>
  13.  
  14. <meta name="color:Background" content="#fff"/>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Title" content="#000"/>
  17. <meta name="color:Box" content="#fff"/>
  18. <meta name="color:Link" content="#961818"/>
  19. <meta name="color:Hover" content="#00ADFF"/>
  20. <meta name="color:Gradient" content="#e0e0e0"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="if:Show Title" content="1"/>
  24. <meta name="if:Show Photo" content="0"/>
  25. <meta name="if:Gradient" content="1"/>
  26. <meta name="if:Faded Images" content="1"/>
  27. <meta name="if:Show Captions" content="0"/>
  28. <meta name="if:Center" content="1"/>
  29. <meta name="if:Show Ask Link" content="1"/>
  30. <meta name="if:Show Date" content="0"/>
  31. <meta name="if:Border Right" content="1"/>
  32. <meta name="if:Endless Scroll" content="0"/>
  33. <meta name="if:Right Sidebar" content="0"/>
  34. <meta name="font:Title" content="Helvetica"/>
  35. <meta name="font:Body" content="Helvetica"/>
  36. <meta name="text:Title font size" content="16px"/>
  37. <meta name="text:Custom Link One" content="" />
  38. <meta name="text:Custom Link One Title" content="" />
  39. <meta name="text:Custom Link Two" content="" />
  40. <meta name="text:Custom Link Two Title" content="" />
  41. <meta name="text:Custom Link Three" content="" />
  42. <meta name="text:Custom Link Three Title" content="" />
  43. <meta name="text:Custom Link Four" content="" />
  44. <meta name="text:Custom Link Four Title" content="" />
  45. <meta name="text:Custom Link Five" content="" />
  46. <meta name="text:Custom Link Five Title" content="" />
  47. <meta name="text:Custom Link Six" content="" />
  48. <meta name="text:Custom Link Six Title" content="" />
  49. <meta name="text:Custom Link Seven" content="" />
  50. <meta name="text:Custom Link Seven Title" content="" />
  51. <meta name="text:Custom Link Eight" content="" />
  52. <meta name="text:Custom Link Eight Title" content="" />
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54.  
  55.  
  56. <div id="menu">
  57. <ul>
  58. <li><a href="/">Home</a><a href="/">home page</a></li>
  59. <li><a href="/random">Random</a><a href="/random">click to see any post</a></li>
  60. <li><a href="/ask">ask me anything</a>:D<a href="/ask">msg me </a></li>
  61.  
  62. </ul>
  63. </div>
  64.  
  65.  
  66. <style type="text/css">
  67. #menu {
  68. height: 100px; width: 630px;
  69. overflow: hidden;
  70. margin: 50px auto;
  71. text-align: center;
  72. }
  73. #menu ul li {
  74. float: left;
  75. margin: 0 5px;
  76. list-style-type: none;
  77. }
  78.  
  79. /* Menu Link Styles */
  80. #menu ul a {
  81. display: block;
  82. background: #ff061c; color: #fff;
  83. height: 100px; width: 200px;
  84. font: lighter 2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  85. text-decoration: none;
  86. }
  87. #menu ul a:nth-of-type(even)
  88. /* Secondary Link Styles */
  89. #menu ul a:nth-of-type(even) {
  90. background: #000;
  91. color: white;
  92. }
  93. /* Secondary Link Styles */
  94. #menu ul a:nth-of-type(even) {
  95. background: #000;
  96. color: white;
  97. }
  98.  
  99. /* Hover Slide */
  100. #menu ul li:hover :first-child {
  101. margin-top: -100px; color:black;
  102. }
  103. /* Menu Link Styles */
  104. #menu ul a {
  105. display: block;
  106. background: #ff061c; color: #fff;
  107. height: 100px; width: 200px;
  108. font: lighter 2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  109. text-decoration: none;
  110.  
  111. -webkit-transition: margin .4s ease-in-out;
  112. -moz-transition: margin .4s ease-in-out;
  113. -o-transition: margin .4s ease-in-out;
  114. -ms-transition: margin .4s ease-in-out;
  115. transition: margin .4s ease-in-out;
  116. }
  117.  
  118.  
  119. iframe#tumblr_controls {
  120. right:3px !important;
  121. position: fixed !important;
  122. -webkit-transition: opacity 0.2s linear;
  123. opacity: 0.6;
  124. -webkit-transition: all 0.2s ease-out;
  125. -moz-transition: all 0.2s ease-out;
  126. transition: all 0.2s ease-out;}
  127.  
  128. iframe#tumblr_controls:hover{
  129. right:3px !important;
  130. position: fixed !important;
  131. -webkit-transition: opacity 2s linear;
  132. opacity: 1;
  133. -webkit-transition: all 2s ease-out;
  134. -moz-transition: all 2s ease-out;
  135. transition: all 2s ease-out;}
  136.  
  137. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.87;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  138. {/block:ifFadedImages}
  139. a.a1{
  140. color:#000 !important;
  141. background-color: #fff;
  142. padding-right:1px;
  143. padding-left:1px;
  144. }
  145.  
  146. body{margin:0px; background-color: {color:Background}; background-image:url({image:Background});
  147. background-attachment: fixed; background-repeat: repeat; font-family:{font:Body}; font-size: 10px; line-height:10px; color:{color:Text};
  148. {block:IfGradient}
  149. background-image: -webkit-gradient(
  150. linear,
  151. left top,
  152. right top,
  153. color-stop(1, {color:Gradient}),
  154. color-stop(0.93, {color:Background}),
  155. color-stop(0.07, {color:Background}),
  156. color-stop(0, {color:Gradient})
  157. );
  158. background-image: -moz-linear-gradient(
  159. left center,
  160. {color:Gradient} 100%,
  161. {color:Background} 93%,
  162. {color:Background} 7%,
  163. {color:Gradient} 0%
  164. );{/block:Ifgradient}}
  165.  
  166. a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none; -webkit-transition: color 0.1s ease-out; -moz-transition: color 0.1s ease-out; transition: color 0.1s ease-out;}
  167.  
  168. a:hover {
  169. color:{color:Hover};
  170. -webkit-transition: all 0.3s ease-out;
  171. -moz-transition: all 0.3s ease-out;
  172. transition: all 0.3s ease-out;}
  173.  
  174. #center{ margin:auto; width:500px}
  175.  
  176. #posts{float:left; margin-left:30px; width:500px; padding-top:1px; padding-left:1px; padding-right:1px; {block:IfNotGradient}background-color:{color:box};{/block:IfNotGradient} {block:ifBorderRight}border-right: 1px solid #000000;{/block:ifBorderRight}}
  177.  
  178. #spacer{margin-bottom:0px;}
  179.  
  180. #side{position:fixed !important; width:175px; height:100%; {block:IfNotGradient}background-color:{color:box};{/block:IfNotGradient} margin: 0px 0px 0px -170px; padding-top:5px; padding-left:3px; padding-right:3px;}
  181.  
  182. #side2 {position:fixed !important; width:175px; height:100%; {block:IfNotGradient}background-color:{color:box};{/block:IfNotGradient} margin: 0px 0px 0px -170px; padding-top:5px; padding-left:3px; padding-right:3px;}
  183.  
  184.  
  185. {block:rightsidebar}#side2{position:fixed !important; width:175px; height:100%; {block:IfNotGradient}background-color:{color:box};{/block:IfNotGradient} margin: 0px 0px 0px 500px; padding-top:5px; padding-left:3px; padding-right:3px;}{/block:rightsidebar}
  186.  
  187. #pages{font-size: 11px;}
  188.  
  189.  
  190.  
  191.  
  192. #permapage{font-family: Helvetica; font-size: 9px; text-align: center; margin-bottom: 8px;}
  193.  
  194. .title{font-family: {font:Title}; font-size: {text:Title font size}; line-height: 14px; color: {color:Title}; font-weight: normal;}
  195.  
  196.  
  197. .blogtitle{font-family: {font:Title}; font-size: 19px; line-height: 30px; color: {color:Title}; font-weight: normal;}
  198.  
  199. .permalink{display: block; font-size: 9px; font-family: helvetica; text-align: center; text-transform: none;}
  200.  
  201. blockquote{padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; border-left: 1px dashed {color:Text};}
  202.  
  203. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  204. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  205. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  206.  
  207.  
  208. a.links {
  209. background-color:{color:label background};
  210. font-family: Arial;
  211. font-size: 10px;
  212. line-height: 8px;
  213. text-transform: normal;
  214. letter-spacing:0px;
  215. display:block;
  216. padding: 0px;
  217. margin-bottom: -1px;
  218. -moz-border-radius:0px; border-radius:0px;}
  219.  
  220. a.links:hover {
  221. font-style: bold;
  222. text-decoration: underline;}
  223.  
  224.  
  225. {block:ifEndlessScroll}
  226. #toTop {
  227.  
  228. display:none;
  229.  
  230. text-decoration:none;
  231.  
  232. position:fixed;
  233.  
  234. bottom:20px;
  235.  
  236. right:20px;
  237.  
  238. overflow:hidden;
  239.  
  240. width:30px;
  241.  
  242. height:40px;
  243.  
  244. border:none;
  245.  
  246. text-indent:-999px;
  247.  
  248. background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;
  249.  
  250. z-index:3000;
  251.  
  252. }
  253.  
  254.  
  255.  
  256. #toTopHover {
  257.  
  258. background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  259.  
  260. width:30px;
  261.  
  262. height:40px;
  263.  
  264. display:block;
  265.  
  266. overflow:hidden;
  267.  
  268. float:left;
  269.  
  270. opacity: 0;
  271.  
  272. -moz-opacity: 0;
  273.  
  274. filter:alpha(opacity=0);
  275.  
  276. }
  277.  
  278.  
  279.  
  280. #toTop:active, #toTop:focus {
  281.  
  282. outline:none;
  283.  
  284. }
  285.  
  286.  
  287. #toTop:active, #toTop:focus {
  288.  
  289. outline:none;
  290.  
  291. }{/block:ifEndlessScroll}
  292.  
  293.  
  294.  
  295. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  296.  
  297. ul#drawers a {text-decoration: none; color: #000;}
  298.  
  299. ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  300. transition: background-color 0.5s ease-out;}
  301.  
  302. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  303.  
  304. li.drawer h4.open {background-color: #121213; border-top: 0px;}
  305.  
  306. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  307.  
  308. li.drawer div li {list-style-type: disc;}
  309.  
  310. li.drawer div ul {-webkit-padding-start: 12px;}
  311.  
  312. #fade { /*--Transparent background layer--*/
  313.  
  314. display: none; /*--hidden by default--*/
  315.  
  316. background: #000;
  317.  
  318. position: fixed; left: 0; top: 0;
  319.  
  320. width: 100%; height: 100%;
  321.  
  322. opacity: .8;
  323.  
  324. z-index: 9999;
  325. }
  326.  
  327. .popup_block{
  328. display: none; /*--hidden by default--*/
  329.  
  330. background: #fff;
  331.  
  332. padding: 20px;
  333.  
  334. border: none;
  335.  
  336. float: left;
  337.  
  338. font-size: 1.2em;
  339.  
  340. color:#000;
  341.  
  342. position: fixed;
  343.  
  344. top: 50%; left: 50%;
  345.  
  346. z-index: 99999;
  347.  
  348. /*--CSS3 Box Shadows & Rounded--*/
  349.  
  350. -webkit-box-shadow: 0px 0px 5px #000;
  351.  
  352. -moz-box-shadow: 0px 0px 5px #000;
  353.  
  354. box-shadow: 0px 0px 5px #000;
  355.  
  356. -moz-border-radius: 7px;
  357.  
  358. -webkit-border-radius: 7px;
  359. }
  360.  
  361. img.btn_close {
  362. float: right;
  363.  
  364. margin: -25px -25px 0 0;
  365. }
  366.  
  367. /*--Making IE6 Understand Fixed Positioning--*/
  368.  
  369. *html #fade { position: absolute;}
  370. *html .popup_block { position: absolute;}
  371.  
  372. ::-webkit-scrollbar {
  373.  
  374. height:10px;
  375.  
  376. width:10px;
  377.  
  378. background-color:#FFF;
  379.  
  380. background-image: -webkit-gradient(
  381. linear,
  382. left top,
  383. right top,
  384. color-stop(0, #858585),
  385. color-stop(0.50, #FFFFFF)
  386. );
  387.  
  388. background-image: -moz-linear-gradient(
  389. left center,
  390. #858585 0%,
  391. #FFFFFF 50%
  392. );}
  393.  
  394. ::-webkit-scrollbar-thumb:vertical {
  395.  
  396. background-color:#333;
  397.  
  398. height:80px;
  399.  
  400. -webkit-border-radius: 100px;
  401.  
  402. -moz-border-radius: 100px;
  403.  
  404. border-radius: 100px;}
  405.  
  406. ::-webkit-scrollbar-thumb:horizontal {
  407.  
  408. background-color:#333;
  409.  
  410. height:10px !important;}
  411.  
  412.  
  413.  
  414.  
  415.  
  416. .circlemenu{
  417. width: 100%;
  418. overflow:hidden;
  419. }
  420.  
  421. .circlemenu ul{
  422. margin: 0;
  423. padding: 0;
  424. font: bold 14px Verdana;
  425. list-style-type: none;
  426. text-align: center; /* "left", "center", or "right" align menu */
  427. }
  428.  
  429. .circlemenu li{
  430. display: inline;
  431. margin: 0;
  432. }
  433.  
  434. .circlemenu li a{
  435. display:inline-block;
  436. text-align:center;
  437. text-decoration: none;
  438. color: white;
  439. background:red;
  440. margin: 0;
  441. margin-right:5px; /*right spacing between each link */
  442. width:100px;
  443. height:100px;
  444. border-radius: 400px; /*really large border radius to create round borders*/
  445. -moz-border-radius: 400px;
  446. -webkit-border-radius: 400px;
  447. }
  448.  
  449. .circlemenu a span{
  450. position:relative;
  451. top:40%;
  452. }
  453.  
  454. .circlemenu li a:visited{
  455. color: white;
  456. }
  457.  
  458. .circlemenu a:hover{
  459. background: #104564;
  460. }
  461. .circlemenu a:hover{
  462. width: 90px: auto;
  463. }
  464.  
  465. .permalink{
  466. height:auto;
  467. margin-top:10px;
  468. padding:7px 0;
  469. line-height:15px;
  470. text-align:center;
  471. border-top:solid 1px rgba(0,0,0,0.1);
  472. overflow:hidden;}
  473.  
  474.  
  475.  
  476. #photo {{block:IndexPage}{block:ifNot3columns}width:370px;{/block:ifNot3columns}{block:if3columns}width:270px;{/block:if3columns}{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}overflow:hidden;}
  477. #photo img {max-width:500px;display:block;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  478. {block:ifRoundBorders}{block:IfNotShowCaptions}
  479. -o-border-radius: 3px
  480. -webkit-border-radius: 3px;
  481. -moz-border-radius: 3px;
  482. border-radius: 3px;{/block:IfNotShowCaptions}
  483. {block:IfShowCaptions}
  484. border-top-right-radius:3px;
  485. border-top-left-radius:3px;
  486. {/block:IfShowCaptions}
  487. {/block:ifRoundBorders}}
  488. div#photo div#picture {position:relative;}
  489. div#photo div#picture div#info_2 {
  490. position:absolute;
  491. top:0;
  492. left:0;
  493. opacity:0;
  494. {block:ifNot3columns}
  495. width:185px;
  496. margin-left:370px;
  497. height:100%;{/block:ifNot3columns}
  498. {block:if3columns}
  499. width:135px;
  500. margin-left:250px;
  501. height:100%;{/block:if3columns}
  502. {block:ifNotCenterLightTransparent}
  503. -moz-box-shadow: inset 0 0 100px #000000;
  504. -webkit-box-shadow: inset 0 0 100px #000000;
  505. box-shadow: inset 0 0 100px #000000;
  506. {/block:ifNotCenterLightTransparent}
  507. {block:ifCenterLightTransparent}
  508. background:rgba(255,255,255,0.7);
  509. {/block:ifCenterLightTransparent}
  510. {block:ifNotCenterLightTransparent}
  511. background:url(http://static.tumblr.com/8jq17g7/45Blh4wij/_.png);
  512. {/block:ifNotCenterLightTransparent}
  513. visibility:hidden;
  514. z-index:998;
  515. text-align:center;
  516. -webkit-transition: all 0.5s ease;
  517. -moz-transition: all 0.5s ease;
  518. transition: all 0.5s ease;}
  519. div#photo:hover div#picture div#info_2 {
  520. opacity:1;
  521. {block:ifNot3columns}margin-left:185px;{/block:ifNot3columns}
  522. {block:if3columns}margin-left:135px;{/block:if3columns}
  523. -webkit-transition: all 0.5s ease;
  524. -moz-transition: all 0.5s ease;
  525. transition: all 0.5s ease;}
  526. div#photo div#picture div#info_2 div#holder {
  527. position:absolute;
  528. {block:ifNot3columns}width:185px;{/block:ifNot3columns}
  529. {block:if3columns}width:100px;{/block:if3columns}
  530. top:45%;
  531. height:auto;
  532. text-align:center;
  533. z-index:999;
  534. -webkit-transition: all 0.2s linear;
  535. -moz-transition: all 0.2s linear;
  536. transition: all 0.2s linear;}
  537. div#photo div#picture div#info_2 div#holder a,div#photo div#picture div#info_2 div#holder a:hover {
  538. text-decoration:none;}
  539. div#photo div#picture div#info_2 div#holder #day {
  540. font-size:30px;
  541. line-height:15px;}
  542. div#photo div#picture div#info_2 div#holder #month {
  543. font-size:9px;
  544. color:white;margin-left:100px;
  545. {block:ifNot3columns}width:185px;{/block:ifNot3columns}
  546. {block:if3columns}width:135px;{/block:if3columns}
  547. text-transform:uppercase;
  548. -webkit-transition: all 0.4s linear;
  549. -moz-transition: all 0.4s linear;
  550. transition: all 0.4s linear;}
  551. div#photo div#picture div#info_2 div#holder #month a {color:white;}
  552. div#photo div#picture div#info_2 div#holder #month a:hover {color:white;}
  553. div#photo div#picture div#info_2 div#holder #note_count {
  554. font-weight:normal;
  555. {block:ifLobsterFont}font-family: 'lobster', sans-serif;{/block:ifLobsterFont}
  556. {block:ifOpensansFont}font-family: 'Open Sans', cursive;font-weight:800;letter-spacing:-1px;text-transform:uppercase;{/block:ifopensansFont}
  557. letter-spacing: -1px;
  558. color:white;margin-left:100px;
  559. {block:ifNot3columns}width:185px;{/block:ifNot3columns}
  560. {block:if3columns}width:135px;{/block:if3columns}
  561. line-height: 10px;
  562. letter-spacing:-0.5px;
  563. font-size:30px;
  564. font-weight:bold;
  565. -webkit-transition: all 0.2s linear;
  566. -moz-transition: all 0.2s linear;
  567. transition: all 0.2s linear;}
  568. div#photo:hover div#picture div#info_2 div#holder #note_count{
  569. margin-left:0px;
  570. -webkit-transition: all 0.6s linear;
  571. -moz-transition: all 0.6s linear;
  572. transition: all 0.6s linear;}
  573. div#photo:hover div#picture div#info_2 div#holder #month {
  574. margin-left:0px;
  575. -webkit-transition: all 0.7s linear;
  576. -moz-transition: all 0.7s linear;
  577. transition: all 0.7s linear;}
  578. div#photo div#picture div#info_2 div#holder #note_count a {color:white;}
  579. div#photo div#picture div#info_2 div#holder #note_count a:hover{color:white;}
  580. div#photo div#picture:hover div#info_2 {
  581. visibility:visible;}
  582. div#shadowphoto{{block:ifNotCenterLightTransparent}text-shadow: 0 0 0.4em #000, 0 0 0.4em #000,0 0 0.4em #000;{/block:ifNotCenterLightTransparent}
  583. {block:ifCenterLightTransparent}text-shadow: 0 0 3px rgba(0,0,0,0.4);{/block:ifCenterLightTransparent}}
  584.  
  585.  
  586. .permalink_button{
  587. {block:ifNotCenterLightTransparent}background-color:rgba(0,0,0,0.7);border:1px solid rgba(0,0,0,0.5);color:#fff;{/block:ifNotCenterLightTransparent}
  588. {block:ifCenterLightTransparent}background-color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.5);color:#888;{/block:ifCenterLightTransparent}padding:3px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;float:left;{block:ifNot3columns}margin:30px 5px;width:70px;{block:ifNot3columns}{block:if3columns}margin:15px 5px;width:113px;{block:if3columns}}
  589. .permalink_button a{
  590. {block:ifNotCenterLightTransparent}color:#fff;{/block:ifNotCenterLightTransparent}
  591. {block:ifCenterLightTransparent}color:#888;{/block:ifCenterLightTransparent}}
  592. .permalink_button a:hover{
  593. {block:ifNotCenterLightTransparent}color:#fff;{/block:ifNotCenterLightTransparent}
  594. {block:ifCenterLightTransparent}color:#888;{/block:ifCenterLightTransparent}}
  595. #permalink_button a:hover{
  596. {block:ifNotCenterLightTransparent}color:#fff;{/block:ifNotCenterLightTransparent}
  597. {block:ifCenterLightTransparent}color:#888;{/block:ifCenterLightTransparent}}
  598.  
  599. .chat {margin-left:-40px;margin-top:0px;}
  600. .chat li {padding:5px;list-style-type:none;
  601. {block:ifRoundBorders}
  602. -o-border-radius: 3px
  603. -webkit-border-radius: 3px;
  604. -moz-border-radius: 3px;
  605. border-radius: 3px;
  606. {/block:ifRoundBorders}}
  607. .chat li:nth-child(even) {background-color:rgba(0,0,0,0.1);color:{color:Text};{block:ifCenterDarkTransparent}background-color:rgba(0,0,0,0.5);{/block:ifCenterDarkTransparent}
  608. {block:ifCenterLightTransparent}background-color:rgba(255,255,255,0.5);{/block:ifCenterLightTransparent}}
  609.  
  610. .audio {
  611. width:auto;padding:5px;background-color:black;opacity:0.1;
  612. {block:ifCenterLightTransparent}opacity:0.5;background-color:white;
  613. {/block:ifCenterLightTransparent}
  614. {block:ifCenterDarkTransparent}opacity:0.5;
  615. {/block:ifCenterDarkTransparent}
  616. {block:ifRoundBorders}
  617. -o-border-radius: 3px
  618. -webkit-border-radius: 3px;
  619. -moz-border-radius: 3px;
  620. border-radius: 3px;
  621. {/block:ifRoundBorders}}
  622.  
  623. #photosidebaradd{
  624. margin-top: -100px;
  625. margin-left: -30px;}
  626.  
  627. div.padd {
  628. line-height: 11px;
  629. padding-top: 0px;
  630. padding-left: 5px;
  631. margin: 0px;}
  632.  
  633. .album_art {
  634. {block:IndexPage}width:350px;{block:if3columns}width:250px;{/block:if3columns}{/block:IndexPage}
  635. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  636. {block:ifRoundBorders}
  637. -o-border-radius: 3px
  638. -webkit-border-radius: 3px;
  639. -moz-border-radius: 3px;
  640. border-radius: 3px;
  641. {/block:ifRoundBorders}}
  642.  
  643. .top{position:fixed;bottom:5px;right:5px;padding:2px 5px;{block:ifNotBackToTopButton}display:none;{/block:ifNotBackToTopButton}
  644. {block:ifCenterDarkTransparent}background-color:rgba(0,0,0,0.5);{/block:ifCenterDarkTransparent}
  645. {block:ifCenterLightTransparent}background-color:rgba(255,255,255,0.5);{/block:ifCenterLightTransparent}
  646. {block:ifRoundBorders}
  647. -o-border-radius: 3px
  648. -webkit-border-radius: 3px;
  649. -moz-border-radius: 3px;
  650. border-radius: 3px;
  651. {/block:ifRoundBorders}}
  652.  
  653.  
  654.  
  655.  
  656. </style>
  657.  
  658. <link rel="shortcut icon" href="{Favicon}">
  659. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  660. <meta name="viewport" content="width=820" />
  661.  
  662. {block:ifEndlessScroll}
  663. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  664.  
  665. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  666.  
  667. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  668.  
  669. <script type="text/javascript">
  670. $(document).ready(function() {
  671. /*
  672. var defaults = {
  673. containerID: 'moccaUItoTop', // fading element id
  674. containerHoverClass: 'moccaUIhover', // fading element hover class
  675. scrollSpeed: 1200,
  676. easingType: 'linear'
  677. };
  678. */
  679. $().UItoTop({ easingType: 'easeOutQuart' });
  680. });
  681. </script>{/block:ifEndlessScroll}
  682.  
  683. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/01Nloof75/popup.js"></script>
  684.  
  685. </head>
  686. <body>
  687.  
  688.  
  689. {block:ifShowTitle}<Center><div class="blogtitle"><a href="/">{Title}</a></div></center>{/block:ifShowTitle}
  690. <div id="center">
  691. <div id="side">
  692. {block:ifCenter}<center>{/block:ifCenter}
  693. <p>
  694.  
  695. <p>
  696. {block:ifShowPhoto}<a title="" href="/"><img src="{image:sidebar}" width=153px></a><br>{/block:ifShowPhoto}
  697. <p>
  698. {Description}<br>
  699. <p>
  700.  
  701. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  702. <p>
  703. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  704. <p>
  705.  
  706.  
  707.  
  708.  
  709.  
  710. <div class="circlemenu">
  711. <ul>
  712. <li><a href="/archive"><span>archive</span></a></li>
  713. </div>
  714.  
  715. <div class="circlemenu">
  716. <ul>
  717. <li><a href="/follow/{name}"><span>follow</span></a></li>
  718. </div>
  719.  
  720. <p>
  721.  
  722. <div id="pages">
  723.  
  724. theme by<a href="http://themes-wizard.tumblr.com/">Themes-Wizard</a>
  725.  
  726.  
  727. <div align="center">{block:ifEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifEndlessScroll}
  728.  
  729. {block:ifnotEndlessscroll}
  730. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  731. {block:PreviousPage} <a href="{PreviousPage}">back </a>{/block:PreviousPage}
  732. {block:PermalinkPagination}
  733.  
  734.  
  735. {block:ifEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifEndlessScroll}
  736.  
  737. {block:NextPost}<a href="{NextPost}">next</a>{/block:NextPost}
  738. {block:PreviousPost}<a href="{PreviousPost}">back </a>{/block:PreviousPost}{/block:PermalinkPagination}{/block:ifnotEndlessscroll}
  739. </div></div></div>
  740.  
  741. {block:ifpopoutask}
  742. <div id="ask" class="popup_block">
  743. Ask me anything. <p> <iframe frameborder="0" scrolling="no" height="150" width="500px"
  744. src="http://www.tumblr.com/ask_form/{Name}.tumblr.com"
  745. style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  746. <!--[if IE]>
  747. <script type="text/javascript">
  748. document.getElementById('ask_form').allowTransparency=true;
  749. </script><![endif]--></p>
  750. </div>
  751. {/block:ifpopoutask}
  752.  
  753. <div id="posts">
  754. {block:Posts}
  755. <div id="spacer">
  756.  
  757.  
  758. {block:Text}
  759. {block:Title}<span class="title">{Title}</span>{/block:Title}
  760. <span class="entrytext">{Body}</span>
  761. <span class="permalink"><a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  762. {/block:Text}
  763.  
  764. {block:Link}
  765. <a href="{URL}" class="title">{Name}</a>
  766. {block:Description}{Description}{/block:Description}
  767. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  768. <span class="permalink">{block:PermalinkPage}{LinkCloseTag}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  769. {/block:PermalinkPage}<a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  770. {block:Link}
  771.  
  772. {block:Photo}
  773.  
  774. <div id="entry_photo">
  775. <div class="post">
  776. <div id="extraonephoto">
  777. <div id="photo">
  778. {block:IndexPage}
  779. <div id="picture">
  780. {block:Date}
  781. <div id="info_2">
  782. <div id="holder"><font size= 4>
  783. <div id="note_count"><a href="{Permalink}"><div id="shadowphoto">{block:ifNot3columns}{NoteCountWithLabel}{/block:ifNot3columns}{block:if3columns}{NoteCount}{/block:if3columns}</div><br></a></div>
  784. <div id="month"><div id="shadowphoto"><a href="{Permalink}">Posted on {DayOfWeek}{block:ifNot3columns}, {DayOfMonth} {Month} {Year}{/block:ifNot3columns}</a>.</div></span><br>
  785. </div>
  786. <center><span id="permalink_button">
  787. <a href="{ReblogURL}" target="_blank" class="permalink_button">Reblog</a></font>
  788. <p>
  789. share it on ,<p>
  790. <span st_url='{Permalink}' st_title='{Title}' class='st_twitter_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_email_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_large' ></span><br />
  791. <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script><p>
  792.  
  793.  
  794. {block:ifNot3columns}<a href="{Permalink}" class="permalink_button">Permalink</a>{/block:ifNot3columns}</span></center></div></div>{/block:Date}
  795. <img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:ifNot3columns}width="370px" {/block:ifNot3columns}{block:if3columns}width="270px"{/block:if3columns}/></div></div></div></div>{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  796. {/block:IndexPage}
  797. {block:PermalinkPage}
  798. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px"/></center>
  799. </div></div></div>{/block:PermalinkPage}
  800. </div>
  801.  
  802. {/block:Photo}
  803.  
  804. {block:Quote}
  805. <span class="title">{Quote}</span>
  806. {block:Source}{Source}{/block:Source}
  807. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  808. <span class="permalink">{block:PermalinkPage}{LinkCloseTag}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  809. {/block:PermalinkPage}<a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  810. {/block:Quote}
  811.  
  812. {block:Chat}
  813. {block:Title}<span class="title">{Title}</span>{/block:Title}
  814. <ul class="chat">
  815. {block:Lines}
  816. <li class="user_{UserNumber}">
  817. {block:Label}
  818. <span class="label">{Label}</span>
  819. {/block:Label}
  820.  
  821. {Line}
  822. </li>
  823. {/block:Lines}
  824. </ul>
  825. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  826. <span class="permalink">{block:PermalinkPage}{LinkCloseTag}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  827. {/block:PermalinkPage}<a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  828. {/block:Chat}
  829.  
  830. {block:Audio}
  831. <div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:8px; float:right;"><small>
  832. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div><BR>
  833. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  834. <span class="permalink">{block:PermalinkPage}{LinkCloseTag}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  835. {/block:PermalinkPage}<a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  836. {/block:Audio}
  837.  
  838. {block:Video}
  839. {Video-500}
  840. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  841. <span class="permalink">{block:PermalinkPage}{LinkCloseTag}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  842. {/block:PermalinkPage}<a href="{Permalink}">-{block:ifShowDate}{block:Date} ? {ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifShowDate}</a></span>
  843. {block:Video}
  844.  
  845. {block:PermalinkPage}
  846. <div id="permapage">{block:ifNotShowDate}{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{/block:ifNotShowDate}{block:HasTags} ? Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  847. {/block:PermalinkPage}
  848. <div align="left">
  849.  
  850. {block:PostNotes}{PostNotes}
  851. {/block:PostNotes}</div>
  852. {/block:Posts}
  853. </div>
  854.  
  855.  
  856. </div>
  857. </div>
  858. </div>
  859. </center>
  860. </body>
  861. </html>
Advertisement
Add Comment
Please, Sign In to add comment