API tools faq
paste
Advertisement
cindie

Side Square

cindie
Jun 26th, 2011
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.92 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5.  
  6. "Side Square" 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="text:Sidebar Image Height" content="100px"/>
  19. <meta name="text:Description Symbol" content="+"/>
  20. <META name="if:Show Sidebar Image" content="1"/>
  21. <META name="if:Show Menu" content="1"/>
  22. <META name="if:Show Title" content="1"/>
  23. <META name="if:Show Description" content="1"/>
  24. <META name="if:Show Custom Scrollbar" content="1"/>
  25. <META name="color:Background" content="#eeeeee">
  26. <META name="color:Tables" content="#ffffff">
  27. <META name="color:Headers" content="#909090">
  28. <META name="color:Font" content="#666666">
  29. <META name="color:Link" content="#666666">
  30. <META name="color:Link hover" content="#000000">
  31. <META name="color:Sidebar font" content="#dddddd">
  32. <META name="color:Borders" content="#ebebeb">
  33. <META name="color:Nav font" content="#dddddd">
  34. <META name="color:Nav hover" content="#909090">
  35. <META name="color:Nav background" content="#f9f9f9">
  36. <META name="color:Main title font" content="#f9f9f9">
  37. <META name="color:Scrollbar" content="#ffffff">
  38. <META name="color:Scrollbar Main" content="#eeeeee">
  39. <META name="text:Custom Link One" content=""/>
  40. <META name="text:Custom Link One URL" content=""/>
  41. <META name="text:Custom Link Two" content=""/>
  42. <META name="text:Custom Link Two URL" content=""/>
  43. <META name="text:Custom Link Three" content=""/>
  44. <META name="text:Custom Link Three URL" content=""/>
  45. <!-- End Default Colors -->
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  48. <script type="text/javascript">
  49. $(document).ready(function(){
  50. $(".links_body").hide();
  51. $(".links_head").click(function(){
  52. $(this).next(".links_body").slideToggle('fast');
  53. }); }); </script>
  54. <style type="text/css">
  55. .links_list { margin:0px; padding:0px; width:180px;}
  56. .links_head { padding-top:1px; padding-bottom:1px;
  57. cursor:pointer; position:relative;
  58. margin:1px; text-align:center;
  59. display:block;
  60. color: {color:Nav font};
  61. font-family: consolas;
  62. font-size:10px;
  63. letter-spacing:-1px;
  64. width: 190px;
  65. text-align: right;
  66. -webkit-transition: all 0.3s ease-out;
  67. -moz-transition: all 0.3s ease-out;
  68. transition: all 0.3s ease-out;cursor:
  69. }
  70. .links_body { padding:10px; text-align:left;
  71. color: {color:Sidebar font}; display:none;}
  72. </style>
  73.  
  74.  
  75.  
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  77. <meta name="description" content="{MetaDescription}" />
  78.  
  79. <title>{title}</title>
  80. <pnk rel="shortcut icon" href="{Favicon}">
  81. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  82.  
  83. <style type="text/css">
  84. body {
  85. background-color: {color:Background};
  86. background-image: url('{image:Background}');
  87. background-position:center center;
  88. background-attachment: fixed;
  89. background-repeat: repeat;
  90. color:{color:font};
  91. cursor: url(""), default;
  92. text-align:justify;
  93. margin: 0px;
  94. padding: 0px;
  95. font-family:consolas;
  96. text-transform:;
  97. font-size:11px;
  98. }
  99.  
  100. a:link, a:visited, a:active {
  101. color: {color:Link};
  102. cursor: default;
  103. text-decoration:none;
  104. transition-duration: 0.50s;
  105. -moz-transition-duration: 0.50s;
  106. -webkit-transition-duration: 0.50s;
  107. -o-transition-duration: 0.50s;
  108. }
  109.  
  110. a:hover {
  111. color: {color:link hover};
  112. cursor: crosshair;
  113. text-decoration:none;
  114. }
  115.  
  116. {block:IfShowCustomScrollbar}
  117. ::-webkit-scrollbar-thumb:vertical {
  118. background-color:{color:Scrollbar};
  119. height:100px;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:horizontal {
  123. background-color:{color:Scrollbar};
  124. height:10px !important;
  125. }
  126.  
  127. ::-webkit-scrollbar {
  128. height:10px;
  129. width:15px;
  130. background-color:{color:Scrollbar Main};
  131. }
  132. {/block:IfShowCustomScrollbar}
  133.  
  134. li {
  135. text-align:left;
  136. }
  137.  
  138. .header {
  139. color:{color:Headers};
  140. font-family: consolas;
  141. text-transform:uppercase;
  142. font-size:7pt;
  143. }
  144.  
  145. .header2 {
  146. color:{color:Headers};
  147. font-family: consolas;
  148. text-transform:uppercase;
  149. font-size:9pt;
  150. }
  151.  
  152. .header3 {
  153. color:{color:Headers};
  154. font-family: consolas;
  155. text-transform:uppercase;
  156. font-size:9pt;
  157. }
  158.  
  159. .mainh{
  160. color:{color:Main title font};
  161. font-family: {font:Body};
  162. text-transform:uppercase;
  163. font-size:16pt;
  164. }
  165.  
  166. a.menu {
  167. display: block;
  168. background: {color:Nav background};
  169. color: {color:Nav font};
  170. font-family: consolas;
  171. font-size:11px;
  172. letter-spacing:1px;
  173. width: 180px;
  174. padding: 0px 6px 0 7px;
  175. margin: 1px;
  176. text-align: left;
  177. cursor: crosshair;
  178. border-left:4px solid {color:Borders};
  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. color:{color:Nav hover};
  186. border-left:8px solid;
  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. border: 0px solid {color:Borders};
  195. padding: 3px;
  196. filter: alpha (opacity=100);
  197. opacity: 1.0;
  198. }
  199.  
  200. img:hover {
  201. filter: alpha (opacity=80);
  202. opacity: 0.80;
  203. }
  204.  
  205. #sidebar {
  206. margin:0 auto;
  207. margin-top:190px;
  208. margin-left:800px;
  209. padding:5px;
  210. position:fixed;
  211. width: 200px;
  212. text-align: left;
  213. background-color:;
  214. }
  215.  
  216. .menu1 {
  217. padding:0px;
  218. {block:IfShowDescription}
  219. padding:2px 0 2px 0;
  220. {/block:IfShowDescription}
  221. background-color:{color:Tables};
  222. }
  223.  
  224. .name1{
  225. text-align:right;
  226. margin-top:4px;
  227. }
  228.  
  229. .imgg {
  230. text-align:left;
  231. margin-top:4px;
  232. }
  233.  
  234. .pagess {
  235. margin-top:100px;
  236. margin-left:0px;
  237. text-align:left;
  238. }
  239.  
  240. .pagess a{
  241. color:{color:Nav font};
  242. font-size:40px;
  243. transition-duration: 0.50s;
  244. -moz-transition-duration: 0.50s;
  245. -webkit-transition-duration: 0.50s;
  246. -o-transition-duration: 0.50s;
  247. }
  248.  
  249. .pagess a:hover {
  250. color:{color:Nav hover};
  251. }
  252.  
  253. #content {
  254. margin:0 auto;
  255. margin-left:360px;
  256. margin-top:0px;
  257. margin-bottom:5px;
  258. padding:10px;
  259. width: 420px;
  260. position: absolute;
  261. text-align: center;
  262. background-color: transparent;
  263. overflow: auto;
  264. }
  265.  
  266. #post {
  267. background-color:{color:Tables};
  268. text-align: center;
  269. padding:1px;
  270. margin-top:0px;
  271. }
  272.  
  273. blockquote{
  274. border-left: 5px solid {color:Borders};
  275. padding:1px; padding-left: 5px; margin: 0px;
  276. }
  277.  
  278. #entry{
  279. background-color:{color:Tables};
  280. padding:4px;
  281. margin-bottom:3px;
  282. }
  283.  
  284. #entry img {
  285. max-width: 400px;
  286. width: 400px;
  287. }
  288.  
  289. #ask img {
  290. width:40px;
  291. padding-right:10px;
  292. }
  293.  
  294. ol.notes {
  295. padding: 0px;
  296. margin: 2px 0px;
  297. list-style-type: none;
  298. background-color:{color:Tables};
  299. border-bottom: solid 1px {color:Borders};
  300. text-align:left;
  301. }
  302.  
  303. ol.notes li.note {
  304. border-top: solid 1px {color:Borders};
  305. padding: 2px;
  306. }
  307.  
  308. ol.notes li.note img.avatar {
  309. vertical-align: -4px;
  310. margin-right: 5px;
  311. width: 10px;
  312. height: 10px;
  313. }
  314.  
  315. ol.notes li.note span.action {
  316. font-weight: bold;
  317. }
  318.  
  319. ol.notes li.note .answer_content {
  320. font-weight: normal;
  321. }
  322.  
  323. ol.notes li.note blockquote {
  324. border-color: {color:Borders};
  325. padding: 4px 4px;
  326. margin: 2px 0px 0px 5px;
  327. }
  328.  
  329. ol.notes li.note blockquote a {
  330. text-decoration: none;
  331. }
  332.  
  333. .jump_page{
  334. color:#fff;
  335. font-size:18px;
  336. padding:3px 5px 3px 5px;
  337. margin:1px;
  338. }
  339.  
  340. a.jump_page:hover {
  341. text-decoration:none;
  342. }
  343.  
  344. .current_page{
  345. color:#fff;
  346. font-size:18px;
  347. font-weight:bold;
  348. padding:3px 5px 3px 5px;
  349. margin:1px;
  350. }
  351.  
  352. {CustomCSS}
  353. </style>
  354. </head>
  355.  
  356. <body>
  357.  
  358. <div id="sidebar">
  359. <div class="name1">
  360. {block:IfShowTitle}
  361. <div class="mainh">{title}</div>
  362. {block:IfShowTitle}
  363. <div class="imgg">
  364. {block:IfShowSidebarImage}
  365. <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>
  366. {/block:IfShowSidebarImage}
  367. </div>
  368.  
  369. <div class="menu1">
  370. {block:IfShowMenu}
  371. <a href="/" class="menu">Home</a>
  372. <a href="/archive" class="menu">Archive</a>
  373. <a href="/ask" class="menu">Ask</a>
  374.  
  375.  
  376. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}" class="menu">{text:Custom Link One}{/block:IfCustomLinkOne}</a>
  377.  
  378. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}" class="menu">{text:Custom Link Two}{/block:IfCustomLinkTwo}</a>
  379.  
  380. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}" class="menu">{text:Custom Link Three}{/block:IfCustomLinkThree}</a>
  381. <a href="http://cindie.tumblr.com" class="menu">Theme</a>
  382. {/block:IfShowMenu}
  383.  
  384. {block:IfShowDescription}
  385. <div class="links_list">
  386. <p class="links_head">{block:IfDescriptionSymbol}{text:Description Symbol}{/block:IfDescriptionSymbol}</p>
  387. <div class="links_body">
  388. <center>
  389. {block:Description}{Description}{/block:Description}
  390. </center>
  391. </div></div>
  392. {/block:IfShowDescription}
  393. </div>
  394.  
  395. <div class="pagess">
  396. {block:Pagination}
  397. {block:PreviousPage}<a href="{PreviousPage}" title="newer posts" class="jump_page"><big>«</big></a>
  398. {/block:PreviousPage}
  399. {block:NextPage}<a href="{NextPage}" title="older posts" class="jump_page"><big>»</big></a>{/block:NextPage}
  400. {/block:Pagination}
  401. </div>
  402. </div>
  403. </div>
  404.  
  405.  
  406. <div id="content">
  407. {block:Posts}
  408. {block:Text}
  409.  
  410. <div id="entry">
  411. <div id="post">
  412. {block:Title}
  413. <div class="header3"><a href="{Permalink}">{Title}</a></div>
  414. {/block:Title}
  415.  
  416. <p>{Body}</p>
  417.  
  418. </li>
  419. </div>
  420. </div>
  421. {/block:Text}
  422. {block:Photo}
  423.  
  424. <div id="entry">
  425. <div id="post">
  426. {LinkOpenTag}<a href="{ReblogURL}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  427.  
  428. </div>
  429. </div>
  430.  
  431.  
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435.  
  436. <div id="entry">
  437. <div id="post">
  438. {Photoset-400}
  439. </div>
  440. </div>
  441.  
  442. {/block:Photoset}
  443.  
  444. {block:Quote}
  445.  
  446. <div id="entry">
  447. <div id="post">
  448.  
  449. <div class="header3">"{Quote}"</div>
  450.  
  451. {block:Source}
  452. <span class="source"><br><i>{Source}</i></span>
  453. {/block:Source}
  454. </p>
  455.  
  456. </li>
  457. </div>
  458. </div>
  459. {/block:Quote}
  460.  
  461. {block:Link}
  462.  
  463. <div id="entry">
  464. <div id="post">
  465. <p><a href="{URL}"{Target}><div class="header3">{Name}</a></div>
  466.  
  467. {block:Description}
  468. {Description}
  469. {/block:Description}
  470.  
  471.  
  472. </li>
  473.  
  474.  
  475. </div>
  476. </div>
  477.  
  478. {/block:Link}
  479.  
  480. {block:Chat}
  481.  
  482. <div id="entry">
  483. <div id="post">
  484. {block:Title}
  485. <div class="header3"><a href="{Permalink}">{Title}</a></div>
  486. {/block:Title}
  487. <ul class="chat">
  488. {block:Lines}
  489. <li class="{Alt}">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}
  493.  
  494. {Line}
  495.  
  496. {/block:Lines}
  497. </ul>
  498.  
  499. </li>
  500.  
  501. </div>
  502. </div>
  503. {/block:Chat}
  504. {block:Video}
  505.  
  506. <div id="entry">
  507. <div id="post">
  508. {Video-250}
  509. <a href="{Permalink}">{block:Caption}
  510. <p>{Caption}</p>
  511. {/block:Caption}</a>
  512.  
  513.  
  514. </li>
  515.  
  516. </div>
  517. </div>
  518.  
  519. {/block:Video}
  520. {block:Audio}
  521.  
  522. <div id="entry">
  523. <div id="post">
  524. <a href="="{Permalink}">
  525. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</a>
  526. <p align="center">{AudioPlayergrey}</p>
  527.  
  528. {block:Caption}
  529. <p>{Caption}</p>
  530. {/block:Caption}
  531.  
  532. </li>
  533. </div>
  534. </div>
  535.  
  536. {/block:Audio}
  537.  
  538. {block:Answer}
  539. <div id="entry">
  540. <div id="post">
  541. <div id="ask">
  542. <img src="{AskerPortraitURL-48}"align="left" /></div>
  543. <div id="question"><div id="asked">{Asker} Asked:<BR>{Question}</div></div>
  544. <br>
  545. <div id="answerr">My Answer:<BR>{Answer}</div>
  546.  
  547. </div>
  548. </div>
  549. {/block:Answer}
  550.  
  551. {block:PostNotes}
  552. {PostNotes}
  553. {/block:PostNotes}
  554.  
  555. {/block:Posts}
  556. {/block:Posts}
  557.  
  558.  
  559. </div>
  560. </body>
  561. </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!