yisah

blue superman(tumblr theme)

Jan 15th, 2012
618
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.88 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3. <!-- default variables -->
  4. <meta name="color:background" content="#000000" />
  5.  
  6. <meta name="font:title" content="arial" />
  7. <meta name="font:body" content="arial" />
  8. <meta name="font:accent" content="lucida sans" />
  9.  
  10. <meta name="if:show people i follow" content="1" />
  11. <meta name="if:show tags" content="1" />
  12. <meta name="if:show album art on audio posts" content="1" />
  13. <meta name="if:enable jump pagination" content="0" />
  14.  
  15. <meta name="text:disqus shortname" content="" />
  16.  
  17. <meta name="image:header" content="" />
  18. <meta name="image:background" content="" />
  19.  
  20. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  21. <title>{title}{block:searchpage}, {lang:search results for searchquery}{/block:searchpage}{block:postsummary}, {postsummary}{/block:postsummary}</title>
  22. {block:description}<meta name="description" content="{metadescription}" />{/block:description}
  23. <link rel="shortcut icon" href="{favicon}" />
  24. <link rel="apple-touch-icon" href="{portraiturl-128}"/>
  25. <link rel="alternate" type="application/rss+xml" href="{rss}" />
  26. <style type="text/css">
  27.  
  28.  
  29. body {
  30. background-color: #dbdda5;
  31. background-position:bottom left; background-attachment:fixed; background-repeat:repeat;
  32.  
  33.  
  34. background-image:url(http://i43.tinypic.com/sq6nag.jpg);
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. }
  43. table table td, .bg_pageheader, .bg_adbackground,.bg_title, .bg_network, .bg_groups, .bg_profile, .bg_classmates, .bg_community, .box_community_groups_heading, .bg_photos, .bg_systembox, .box_quicksearch_heading, .box_fivestats_heading, .bg_content, .box_home_col_left, .box_home_col_content, .box_community_content, .box_community_network_content, .box_fivestats_content, .box_community_friends_content, .box_community_classmates_content, .box_community_groups_content, .box_content_profile_journal, .box_content_profile_groups, .box_editprofile_content, .bg_border, .box_home_col_shortcuts, .box_quicksearchfield_title, .box_quicksearchfield_field, .box_profile_picture_links, .box_profile_links, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_groups, .bg_gradient_photos, .bg_gradient_home, .bg_gradient_profile, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_home, .bg_gradient_photos, table.box_profile_picture, .bg_gradient_groups, .bg_gradient_profile, .bg_notch_title, .bg_notch_network, .bg_notch_classmates, .bg_notch_community, .bg_notch_groups, .bg_notch_profile, .bg_notch_systembox, .profile-module-body, .profile-module-body-left, .box_content_profile_groups { background-color:transparent; background-image:none; } .bg_profile, .bg_gradient_profile, .bg_content {
  44. background-color:#ffffff;
  45. background-position:bottom center;
  46. background-attachment:fixed;
  47. background-repeat:repeat; }
  48.  
  49. .profile-module-body { background-image:none; }
  50.  
  51. .profile-module-body-left, .box_content_profile_groups, .profile-module-body, .box_profile_info_large_content, .text_comment_body, .text_comment_header {
  52. background-color: black;
  53. color: #2d2b2b;
  54. font-family:arial;
  55. font-size: 9px; }
  56. #footer { background-color:blue;}
  57. .box_profile_info_small {color:#fde3e8;font-family:arial;
  58. font-size: 9px;;}
  59. a.profile-module-link:link, a.profile-module-link:visited, a.profile-module-link:hover, a.link_blue:visited, a.link_blue:hover, a.username_dark:link, a.username_dark:visited, a.username_dark:hover, a.text_journal_entry_bod:link, a.bluetxt:link, a.subhead:link {
  60. font-weight:normal;
  61. color: white;
  62. font-family:arial;
  63. font-size: 9px; }
  64. a.subhead:hover { color:#353333;}
  65. a.link_blue:link{color:#353333;}
  66. .box_profile_info_small_content, .box_profile_info_small_heading { background-color:blue;}
  67. .box_profile_info_small_heading{color:blue;}
  68. .box_profile_info_small_content { background-color:black;
  69. color: #353333;
  70. font-weight:bold;
  71. font-family:arial;
  72. font-size: 9px;}
  73.  
  74. .box_profile_info_large_heading {
  75. color: #353333;
  76. font-family: 'lucida grande','lucida sans unicode',geneva,arial,verdana,sans-serif;
  77. font-size: 14px; }
  78. .text_header {
  79. background-color:#ffffff;
  80. color:#353333;
  81.  
  82. }
  83. #friends img {border:2px solid #d7bb1d;}
  84. a {color:#d7bb1d;}
  85. a:hover{color:#d7bb1d;}
  86. .box_profile_picture_links img {visibility:hidden;}
  87. .box_profile_picture_links { background-color:#ffffff;}
  88. a.link_profile_left:link {color:#d7bb1d;}
  89. a.link_profile_left:hover { color:#d7bb1d;}
  90. #sub_nav_community { background-color:#ffffff;}
  91. table,tr,td { background-color:transparent; border: none; border-width: 0;} table table table table table table table {border: 0px;} table table table table table table table table {border: 0px;} table td.bg_gradient_profile table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility: hidden;} table td.bg_gradient_community table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility:hidden; }
  92. .clear {
  93. clear: both;
  94. height: 0px;
  95. overflow: hidden;
  96. }
  97.  
  98. a img {
  99. border: none;
  100. }
  101.  
  102.  
  103.  
  104. #wrapper {
  105. width: 960px;
  106. margin: 0 auto;
  107. }
  108.  
  109.  
  110. #wrapper #title {
  111. margin: 30px 0;
  112. color: #fff;
  113. font-size: 35px;
  114. text-transform:uppercase;
  115. font-weight: bold;
  116. font-family: arial;
  117. text-shadow: #000000 1px 3px 5px;
  118. letter-spacing: -1px;
  119. }
  120.  
  121. #wrapper #title a {
  122. color: #fff;
  123. text-decoration: none;
  124. }
  125.  
  126. #wrapper #content {
  127. width: 620px;
  128. float: left;
  129. }
  130.  
  131. #wrapper #content .post {
  132. font-family: arial, 'helvetica neue', helvetica, sans-serif;
  133. background: #fff;
  134. position: relative;
  135. padding: 10px 20px;
  136.  
  137. -webkit-border-radius: 10px;
  138. -webkit-border-radius: 10px;
  139. -moz-border-radius: 10px;
  140. -moz-border-radius: 10px;
  141. border-radius: 10px;
  142. border-radius: 10px;
  143. }
  144.  
  145. #wrapper #content .post .media {
  146. text-align: center;
  147. margin-bottom: 10px;
  148. }
  149.  
  150. #wrapper #content .post .quotebg {
  151. font-family: georgia, serif;
  152. font-size: 150px;
  153. color: #000000;
  154. opacity: 0.2;
  155. filter: alpha(opacity=20);
  156. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=20)";
  157. position: absolute;
  158. top: 70px;
  159. left: 10px;
  160. }
  161.  
  162. #wrapper #content .post .quote {
  163. color: #000000;
  164. font-weight: bold;
  165. padding: 20px 20px 5px 20px;
  166. }
  167.  
  168. #wrapper #content .post .quote.short {
  169. font-size: 33px;
  170. line-height: 35px;
  171. }
  172.  
  173. #wrapper #content .post .quote.medium {
  174. font-size: 25px;
  175. line-height: 28px;
  176. }
  177.  
  178. #wrapper #content .post .quote.long {
  179. font-size: 18px;
  180. line-height: 22px;
  181. }
  182.  
  183. #wrapper #content .post .quote_source *:first-child {
  184. margin-top: 0px;
  185. }
  186.  
  187. #wrapper #content .post .quote_source *:last-child {
  188. margin-bottom: 0px;
  189. }
  190.  
  191. #wrapper #content .post .quote *:first-child {
  192. margin-top: 0px;
  193. }
  194.  
  195. #wrapper #content .post .quote *:last-child {
  196. margin-bottom: 0px;
  197. }
  198.  
  199. #wrapper #content .post .copy {
  200. color: #6e7173;
  201. padding: 10px;
  202. font-size: 13px;
  203. line-height: 15px;
  204. }
  205.  
  206. #wrapper #content .post .copy a {
  207. color: #6e7173;
  208. text-decoration: underline;
  209. }
  210.  
  211. #wrapper #content .post .copy p {
  212. margin: 10px 0 0 0;
  213. padding: 0;
  214. }
  215.  
  216. #wrapper #content .post .copy pre {
  217. margin: 10px 0px 10px 0px;
  218. padding: 10px;
  219. background-color: #e6e6e6;
  220. font: normal 11px courier, monospace;
  221. overflow: auto;
  222. }
  223.  
  224. #wrapper #content .post .copy > p:first-child {
  225. margin-top: 0;
  226. }
  227.  
  228. #wrapper #content .post .copy img {
  229. max-width: 100%;
  230. }
  231.  
  232. #wrapper #content .post .audio {
  233. background: #eaeaea;
  234. float: left;
  235. padding: 7px;
  236. margin-bottom: 10px;
  237. -moz-border-radius: 4px;
  238. -webkit-border-radius: 4px;
  239. border-radius: 4px;
  240. }
  241.  
  242. #wrapper #content .post .audio .player {
  243. float: left;
  244. }
  245.  
  246. #wrapper #content .post .audio .player .audio_player embed {
  247. border: 1px solid #c8c8c8;
  248. }
  249.  
  250. #wrapper #content .post .audio .meta {
  251. padding: 8px 13px;
  252. height: 13px;
  253. float: left;
  254. color: #666;
  255. font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
  256. font-size: 11px;
  257. text-transform: lowercase;
  258. }
  259.  
  260. #wrapper #content .post .audio .meta a {
  261. color: #666;
  262. text-decoration: none;
  263. }
  264.  
  265. #wrapper #content .post .album_art {
  266. text-align: center;
  267. }
  268.  
  269. #wrapper #content .post .question {
  270. color: #494949;
  271. font-size: 16px;
  272. font-weight: bold;
  273. background: #f1f1f1;
  274. -moz-border-radius: 8px;
  275. -webkit-border-radius: 8px;
  276. border-radius: 8px;
  277. margin: 0 0 15px 0;
  278. padding: 15px 20px;
  279. position: relative;
  280. }
  281.  
  282. #wrapper #content .post .question .nipple {
  283. width: 13px;
  284. height: 7px;
  285. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  286. position: absolute;
  287. bottom: -7px;
  288. left: 30px;
  289. }
  290.  
  291. #wrapper #content .post .asker_container {
  292. margin: 0 0 20px 24px;
  293. }
  294.  
  295. #wrapper #content .post .asker_container img {
  296. margin: 0 12px -7px 0;
  297. }
  298.  
  299. #wrapper #content .post .asker_container a.asker {
  300. color: ;
  301. }
  302.  
  303. #wrapper #content .post .title {
  304.  
  305. background: #000;
  306. -moz-border-radius: 8px;
  307. -webkit-border-radius: 8px;
  308. border-radius: 8px;
  309. color: #fff;
  310. font-size: 16px;
  311. font-weight: bold;
  312. padding: 10px;
  313. margin:3px;
  314. }
  315.  
  316. #wrapper #content .post img {
  317. max-width: 500px;
  318. }
  319.  
  320. #wrapper #content .post .chat {
  321. background-color: #fff;
  322. border-left: 5px solid #dedddd;
  323. margin: 10px 10px 0 10px;
  324. font-size: 14px;
  325. }
  326.  
  327. #wrapper #content .post .chat .lines {
  328. margin-left: 1px;
  329. }
  330.  
  331. #wrapper #content .post .chat .lines .line {
  332. background-color: #eaeaea;
  333. color: #494949;
  334. margin-bottom: 1px;
  335. padding: 3px 5px;
  336. }
  337.  
  338. #wrapper #content .post .chat .lines .line.even {
  339. background-color: #dedddd;
  340. }
  341.  
  342. #wrapper #content .post .link {
  343. margin: 4px 0 2px 0;
  344. font-size: 16px;
  345. line-height: 25px;
  346. }
  347.  
  348. #wrapper #content .post .link a {
  349. background-color: #000000;
  350. color: #fff;
  351. padding: 5px 7px;
  352. -moz-border-radius: 4px;
  353. -webkit-border-radius: 4px;
  354. border-radius: 4px;
  355. }
  356.  
  357. #wrapper #content .post .link a:hover {
  358. opacity: 0.9;
  359. filter: alpha(opacity=90);
  360. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  361. }
  362.  
  363. #wrapper #content .post .footer {
  364. background: #eaeaea;
  365. -moz-border-radius: 4px;
  366. -webkit-border-radius: 4px;
  367. border-radius: 4px;
  368. font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
  369. font-size: 11px;
  370. color: #666;
  371. padding: 5px 10px;
  372. margin-top: 10px;
  373. }
  374.  
  375. #wrapper #content .post .footer:hover {
  376. opacity: 0.9;
  377. filter: alpha(opacity=90);
  378. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  379. }
  380.  
  381. #wrapper #content .post .footer .date {
  382. width: 67%;
  383. float: left;
  384. color: #000000;
  385. }
  386.  
  387. #wrapper #content .post .footer .notes {
  388. width: 33%;
  389. float: right;
  390. text-align: right;
  391. color: #666;
  392. }
  393.  
  394. #wrapper #content .post .footer .notes a {
  395. color: #666;
  396. }
  397.  
  398. #wrapper #content .post .footer .tags a {
  399. color: #4a4a51;
  400. text-decoration: underline;
  401. }
  402.  
  403. #wrapper #content .post .footer .tags .tag-commas:last-child {
  404. display: none;
  405. }
  406.  
  407. #wrapper #content .post a {
  408. color: #6e7173;
  409. text-decoration: none;
  410. }
  411.  
  412. #wrapper #content .post .copy blockquote {
  413. margin: 10px 0px 10px 10px;
  414. padding-left: 15px;
  415. border-left: solid 4px #dcdcdc;
  416. }
  417.  
  418. #wrapper #content .post .copy blockquote blockquote {
  419. border-left: solid 4px #cccccc;
  420. }
  421.  
  422. #wrapper #content .post .copy blockquote blockquote blockquote {
  423. border-left: solid 4px #bcbcbc;
  424. }
  425.  
  426. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  427. border-left: solid 4px #acacac;
  428. }
  429.  
  430. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  431. border-left: solid 4px #9c9c9c;
  432. }
  433.  
  434. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  435. border-left: solid 4px #8c8c8c;
  436. }
  437.  
  438. #wrapper #content .bottom {
  439. background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  440. width: 513px;
  441. height: 40px;
  442. margin: 0 auto;
  443. }
  444.  
  445. #wrapper #content #navigation {
  446. text-align: right;
  447. padding-bottom: 35px;
  448. text-transform: lowercase;
  449. }
  450.  
  451. #wrapper #content #navigation a {
  452. background-color: #fff;
  453. color: #000000;
  454. padding: 5px 10px;
  455. text-decoration: none;
  456. margin-left: 25px;
  457. }
  458.  
  459. #wrapper #content #navigation a:hover {
  460. opacity: 0.9;
  461. filter: alpha(opacity=90);
  462. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  463. }
  464.  
  465. #wrapper #content #navigation.jump_pagination {}
  466.  
  467. #wrapper #content #navigation.jump_pagination a {
  468. margin: 0 0 0 4px;
  469. }
  470.  
  471. #wrapper #content #navigation.jump_pagination .current_page {
  472. color: #fff;
  473. background-color: rgba(255,255,255, 0.1);
  474. border: 2px solid #fff;
  475. padding: 3px 8px;
  476. margin: 0 0 0 4px;
  477. cursor: default;
  478. }
  479.  
  480. #wrapper #content #navigation.jump_pagination .jump_page {}
  481.  
  482. #wrapper #content .post .notecontainer {
  483. background: #eaeaea;
  484. -moz-border-radius: 4px;
  485. -webkit-border-radius: 4px;
  486. border-radius: 4px;
  487. font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
  488. font-size: 11px;
  489. color: #666;
  490. margin-top: 10px;
  491. margin-bottom: -10px;
  492. }
  493.  
  494. #wrapper #content .post .notecontainer a {
  495. color: #666;
  496. text-decoration: underline;
  497. }
  498.  
  499. #wrapper #content .post .notecontainer ol.notes {
  500. padding: 0px 0 10px 0;
  501. list-style-type: none;
  502. font-size: 11px;
  503. }
  504.  
  505. #wrapper #content .post .notecontainer ol.notes li.note {
  506. padding: 10px 10px 0 10px;
  507. }
  508.  
  509. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  510. vertical-align: -4px;
  511. margin-right: 10px;
  512. width: 16px;
  513. height: 16px;
  514. }
  515.  
  516. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  517. font-weight: normal;
  518. }
  519.  
  520. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  521. font-weight: normal;
  522. }
  523.  
  524. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  525. border-left: 2px solid #666;
  526. padding: 4px 10px;
  527. margin: 10px 0px 0px 25px;
  528. }
  529.  
  530. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  531. text-decoration: none;
  532. }
  533.  
  534. #wrapper #content #searchresults {
  535. color: #fff;
  536. margin: 0 0 15px 0;
  537. text-shadow: #2f2f2f 1px 3px 5px;
  538. font-family: arial, 'helvetica neue', helvetica, sans-serif;
  539. font-size: 20px;
  540. }
  541.  
  542. #wrapper #content #searchresults .search_query {
  543. font-weight: bold;
  544. }
  545.  
  546. #wrapper #content #searchresults .search_query:before {
  547. content:'?';
  548. }
  549.  
  550. #wrapper #content #searchresults .search_query:after {
  551. content:'?';
  552. }
  553.  
  554. #wrapper #sidebar {
  555. width: 250px;
  556. float: right;
  557. color: #202020;
  558. font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif
  559. }
  560.  
  561. #wrapper #sidebar a {
  562. color: #2aafbb;
  563. }
  564.  
  565. #wrapper #sidebar #top {
  566. background:#fff;
  567. padding: 0 20px;
  568.  
  569. -webkit-border-top-left-radius: 10px;
  570. -webkit-border-top-right-radius: 10px;
  571. -moz-border-radius-topleft: 10px;
  572. -moz-border-radius-topright: 10px;
  573. border-top-left-radius: 10px;
  574. border-top-right-radius: 10px;
  575. }
  576.  
  577. #wrapper #sidebar #top #avatar {
  578. padding: 15px;
  579. background:white;
  580. -webkit-border-radius: 10px;
  581. -moz-border-radius: 10px;
  582. width:128px;
  583. width:128px;
  584. border-radius: 10px;
  585. position: relative;
  586. top: -24px;
  587. left: -5px;
  588. }
  589.  
  590. #wrapper #sidebar #top #pages {
  591. margin-bottom: 15px;
  592. font-size: 12px;
  593. }
  594.  
  595. #wrapper #sidebar #top #pages.ask_and_submit {
  596. display: none;
  597. display: block;
  598. display: block;
  599. }
  600.  
  601. #wrapper #sidebar #top #pages a.page {
  602. display: block;
  603. float: left;
  604. background-color: #e4e4e4;
  605. color: #a1a1a1;
  606. padding: 4px 5px;
  607. margin: 0 5px 5px 0;
  608. -webkit-border-radius: 3px;
  609. -moz-border-radius: 3px;
  610. border-radius: 3px;
  611. }
  612.  
  613. #wrapper #sidebar #top #pages a.page:last-child {
  614. margin-right: 0;
  615. }
  616.  
  617. #wrapper #sidebar #top #pages a.page:hover {
  618. opacity: 0.9;
  619. filter: alpha(opacity=90);
  620. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  621. }
  622.  
  623. #wrapper #sidebar #top #description {
  624. font-size: 11px;
  625. position: relative;
  626. top: -18px;
  627. }
  628.  
  629. #wrapper #sidebar #top #description a {
  630. color: #999999;
  631. text-decoration: underline;
  632. }
  633.  
  634. #wrapper #sidebar #top #search {
  635. background: #fff;
  636. border: 1px solid #cccccc;
  637.  
  638. -moz-border-radius: 4px;
  639. -webkit-border-radius: 4px;
  640. border-radius: 4px;
  641. }
  642.  
  643. #wrapper #sidebar #top #search-scope {
  644. padding-top: 5px;
  645. font-size: 11px;
  646. text-align: center;
  647. }
  648.  
  649. #wrapper #sidebar #top #search-scope input,
  650. #wrapper #sidebar #top #search-scope label {
  651. cursor: pointer;
  652. }
  653.  
  654. #wrapper #sidebar #top #search form {
  655. margin: 0;
  656. }
  657.  
  658. #wrapper #sidebar #top #search form .query {
  659. padding: 5px;
  660. border: none;
  661. background: transparent;
  662. outline: none;
  663. width: 125px;
  664. float: left;
  665. color: #e4e4e4;
  666. }
  667.  
  668. #wrapper #sidebar #top #search form .submit {
  669. background: #e4e4e4;
  670. color: #999999;
  671. border: none;
  672. padding: 5px 7px;
  673. margin: 3px 3px 2px 0;
  674. float: right;
  675. -moz-border-radius: 3px;
  676. -webkit-border-radius: 3px;
  677. border-radius: 3px;
  678. cursor: pointer;
  679. }
  680.  
  681. #wrapper #sidebar #top #search form .submit:hover {
  682. opacity: 0.9;
  683. filter: alpha(opacity=90);
  684. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  685. }
  686.  
  687. #wrapper #sidebar #top .heading {
  688. color: #fff;
  689. font-family: helvetica, arial, sans-serif;
  690. font-size: 17px;
  691. margin-top: 20px;
  692. padding: 10px;
  693. background-color: #000000;
  694. -webkit-border-top-left-radius: 4px;
  695. -webkit-border-top-right-radius: 4px;
  696. -moz-border-radius-topleft: 4px;
  697. -moz-border-radius-topright: 4px;
  698. border-top-left-radius: 4px;
  699. border-top-right-radius: 4px;
  700. }
  701.  
  702. #wrapper #sidebar #top a .heading {
  703. color: #fff;
  704. text-decoration: none;
  705. }
  706.  
  707. #wrapper #sidebar #top .heading#followontumblr {
  708. background: url('http://ashleyyisah.tumblr.com/themes/redux/sidebar-follow-on-en_us.png') center left no-repeat #000000;
  709. text-indent: -9999px;
  710. -moz-border-radius: 4px;
  711. -webkit-border-radius: 4px;
  712. border-radius: 4px;
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721. }
  722.  
  723. #wrapper #sidebar #top .heading#followontumblr:hover,
  724. #wrapper #sidebar #top .heading#twitter:hover {
  725. opacity: 0.9;
  726. filter: alpha(opacity=90);
  727. -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
  728. }
  729.  
  730. #wrapper #sidebar #top .heading#twitter {
  731. background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #000000;
  732. }
  733.  
  734. #wrapper #sidebar #top .heading#following {
  735. background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #000000;
  736. }
  737.  
  738. #wrapper #sidebar #top .content {
  739. margin-top: 2px;
  740. padding: 7px 10px;
  741. background: #eaeaea;
  742. color: #666;
  743. font-size: 11px;
  744. overflow: hidden;
  745. }
  746.  
  747. #wrapper #sidebar #top a {
  748. text-decoration: none;
  749. }
  750.  
  751. #wrapper #sidebar #top #following-avatars.content {
  752. padding: 4px;
  753. }
  754.  
  755. #wrapper #sidebar #top #following-avatars.content a img {
  756. margin: 5px;
  757. }
  758.  
  759. #wrapper #sidebar #top #buttons {
  760. padding: 20px 0 0 0;
  761. }
  762.  
  763. #wrapper #sidebar #top #buttons .button {
  764. width: 35%;
  765. height: 21px;
  766. float: left;
  767. background: left center no-repeat transparent;
  768. padding: 2px 0 0 30px;
  769. font-size: 14px;
  770. }
  771.  
  772. #wrapper #sidebar #top #buttons a {
  773. color: #999999;
  774. text-decoration: none;
  775. }
  776.  
  777. #wrapper #sidebar #top #buttons div {
  778. padding-bottom: 10px;
  779. }
  780.  
  781. #wrapper #sidebar #top #buttons .button#button-rss {
  782. background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  783. text-transform: capitalize;
  784. }
  785.  
  786. #wrapper #sidebar #top #buttons .button#button-random {
  787. background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  788. }
  789.  
  790. #wrapper #sidebar #top #buttons .button#button-archive {
  791. background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  792. }
  793.  
  794. #wrapper #sidebar #top #buttons .button#button-mobile {
  795. background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  796. }
  797.  
  798. #wrapper #sidebar #bottom {
  799. background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
  800. width: 250px;
  801. height: 25px;
  802. }
  803.  
  804. #wrapper #sidebar #copyright {
  805. text-align: center;
  806. color: #090909;
  807. font-size: 8pt;
  808. margin: 5px;
  809. }
  810.  
  811. #wrapper #sidebar #copyright a {
  812. color: #090909;
  813. margin-left: 15px;
  814. }
  815.  
  816. </style>
  817.  
  818. </head>
  819. <body>
  820. <div id="wrapper">
  821. <div id="title">
  822. <a href="/">
  823. {block:ifheaderimage}<img src="{image:header}" />{/block:ifheaderimage}
  824. {block:ifnotheaderimage}{title}{/block:ifnotheaderimage}
  825. </a>
  826. </div>
  827.  
  828. <div id="content">
  829.  
  830. {block:searchpage}
  831. {block:searchresults}
  832. <div id="searchresults">{lang:searchresultcount results for searchquery 2}</div>
  833. {/block:searchresults}
  834.  
  835. {block:nosearchresults}
  836. <div id="searchresults">{lang:no search results for searchquery 2}</div>
  837. {/block:nosearchresults}
  838. {/block:searchpage}
  839.  
  840. {block:posts}
  841. <div class="post">
  842.  
  843. {block:photo}
  844. <div class="media">{linkopentag}<img src="{photourl-500}" alt="{photoalt}" />{linkclosetag}</div>
  845. {block:caption}<div class="copy">{caption}</div>{/block:caption}
  846. {/block:photo}
  847.  
  848. {block:video}
  849. <div class="media">{video-500}</div>
  850. {block:caption}<div class="copy">{caption}</div>{/block:caption}
  851. {/block:video}
  852.  
  853. {block:audio}
  854. {block:ifshowalbumartonaudioposts}
  855. {block:albumart}
  856. <div class="album_art">
  857. <img src="{albumarturl}" alt="{block:artist}{artist}{/block:artist}{block:trackname} - {trackname}{/block:trackname}" style="margin-bottom: 10px" />
  858. </div>
  859. {/block:albumart}
  860. {/block:ifshowalbumartonaudioposts}
  861.  
  862. <div class="audio">
  863. <div class="player">{audioplayerwhite}</div>
  864. <div class="meta">{playcountwithlabel}{block:externalaudio}<span class="download_external_audio"> ? <a href="{externalaudiourl}">{lang:download}</a></span>{/block:externalaudio}</div>
  865. <div class="clear"></div>
  866. </div>
  867. <div class="clear"></div>
  868. {block:caption}<div class="copy">{caption}</div>{/block:caption}
  869. {/block:audio}
  870.  
  871. {block:quote}
  872. <div class="quote {length}">{quote}</div>
  873. <div class="copy">
  874. <div class="quotebg">?</div>
  875. {block:source}
  876. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  877. <tr>
  878. <td valign="top" style="width: 20px">?</td>
  879. <td valign="top" class="quote_source">
  880. {source}
  881. </td>
  882. </tr>
  883. </table>
  884. {/block:source}
  885. </div>
  886. {/block:quote}
  887.  
  888. {block:text}
  889. {block:title}<div class="title">{title}</div>{/block:title}
  890. <div class="copy">{body}</div>
  891. {/block:text}
  892.  
  893. {block:answer}
  894. <div class="question">
  895. <div class="nipple"></div>
  896. {question}
  897. </div>
  898. <div class="asker_container"><img src="{askerportraiturl-24}">{asker}</div>
  899. <div class="copy">{answer}</div>
  900. {block:answer}
  901.  
  902. {block:chat}
  903. {block:title}<div class="title">{title}</div>{/block:title}
  904. <div class="chat">
  905. <div class="lines">
  906. {block:lines}
  907. <div class="line {alt}">{block:label}<strong>{label}</strong>{/block:label} {line}</div>
  908. {/block:lines}
  909. </div>
  910. </div>
  911. <div class="clear"></div>
  912. <div style="height: 10px"></div>
  913. {/block:chat}
  914.  
  915. {block:link}
  916. <div class="link"><a href="{url}" {target}>{name} ?</a></div>
  917. {block:description}<div class="copy">{description}</div>{/block:description}
  918. {/block:link}
  919.  
  920. {block:date}
  921. <a href="{permalink}">
  922. <div class="footer">
  923. <div class="date">
  924. {block:reblog}
  925. {lang:reblogged timeago from reblogparentname} {block:rebloggedfromreblog}(<span style="text-transform:lowercase;">{lang:originally from reblogrootname}</span>){/block:rebloggedfromreblog}
  926. {/block:reblog}
  927.  
  928. {block:notreblog}
  929. {lang:posted timeago from source}
  930. {/block:notreblog}
  931. </div>
  932. <div class="notes">{block:notecount}{notecountwithlabel}{/block:notecount} {block:ifdisqusshortname}{block:notecount}?{/block:notecount} <a href="{permalink}#disqus_thread">{lang:view comments}</a>{/block:ifdisqusshortname}</div>
  933. <div class="clear"></div>
  934. </div>
  935. </a>
  936. {/block:date}
  937.  
  938. {block:ifshowtags}
  939. {block:hastags}<div class="footer"><div class="tags">{lang:tagged}: {block:tags}<a href="{tagurl}">{tag}</a><span class="tag-commas">, </span>{/block:tags}.</div></div>{/block:hastags}
  940. {/block:ifshowtags}
  941.  
  942. {block:postnotes}<div class="notecontainer">{postnotes}</div>{/block:postnotes}
  943.  
  944. {block:ifdisqusshortname}
  945. {block:permalink}
  946. <div class="notecontainer" style="margin: 20px 0 1px 0; padding: 1px 10px 10px 10px;">
  947. <div id="disqus_thread"></div>
  948. <script type="text/javascript" src="http://disqus.com/forums/{text:disqus shortname}/embed.js"></script>
  949. <noscript><a href="http://{text:disqus shortname}.disqus.com/?url=ref">{lang:view the discussion thread}</a></noscript>
  950. </div>
  951. <div style="text-align: right; margin-top: 5px">
  952. {lang:blog comments powered by disqus 2}
  953. </div>
  954. {/block:permalink}
  955. {/block:ifdisqusshortname}
  956.  
  957. </div>
  958. <div class="bottom"></div>
  959. {/block:posts}
  960.  
  961. {block:pagination}
  962. <div id="navigation" {block:ifenablejumppagination}class="jump_pagination"{/block:ifenablejumppagination}>
  963. {block:previouspage}<a href="{previouspage}">? {lang:previous}</a>{/block:previouspage}
  964.  
  965. {block:ifenablejumppagination}
  966. {block:jumppagination length="5"}
  967. {block:currentpage}
  968. <span class="current_page">{pagenumber}</span>
  969. {/block:currentpage}
  970.  
  971. {block:jumppage}
  972. <a class="jump_page" href="{url}">{pagenumber}</a>
  973. {/block:jumppage}
  974.  
  975. {/block:jumppagination}
  976. {/block:ifenablejumppagination}
  977.  
  978. {block:nextpage}<a href="{nextpage}">{lang:next page} ?</a>{/block:nextpage}
  979. </div>
  980. {/block:pagination}
  981.  
  982. </div>
  983.  
  984. <div id="sidebar">
  985. <div id="top">
  986. <div id="avatar"><a href="/"><img src="{portraiturl-128}" /></a></div>
  987. <div id="description">{description}</div>
  988.  
  989. <div id="pages" class="ask_and_submit">
  990. {block:askenabled}<a href="/ask" class="page">{asklabel}</a>{/block:askenabled}
  991. {block:submissionsenabled}<a href="/submit" class="page">{submitlabel}</a>{/block:submissionsenabled}
  992. <div class="clear"></div>
  993. </div>
  994.  
  995. {block:haspages}
  996. <div id="pages">
  997. {block:pages}<a href="{url}" class="page">{label}</a>{/block:pages}
  998. <div class="clear"></div>
  999. </div>
  1000. {/block:haspages}
  1001.  
  1002. <div id="search">
  1003. <form action="/search" method="get" id="search-form">
  1004. <input type="hidden" name="t" value="{name}" />
  1005. <input type="hidden" name="scope" value="all_of_tumblr" />
  1006. <input type="text" name="q" class="query" value="{searchquery}" />
  1007. <input type="submit" value="{lang:search}" class="submit" />
  1008. <div class="clear"></div>
  1009. </form>
  1010. </div>
  1011. <div id="search-scope">
  1012. <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getelementbyid('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getelementbyid('search-form').action='/search'">{lang:my blog}</label>
  1013. <input type="radio" id="search-scope-all" name="scope" onclick="document.getelementbyid('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getelementbyid('search-form').action='http://www.tumblr.com/search'">{lang:all of tumblr}</label>
  1014. </div>
  1015.  
  1016. <a href="http://www.tumblr.com/follow/{name}" style="text-decoration:none"><div class="heading" id="twitter">{lang:follow on tumblr}</div></a>
  1017.  
  1018. {block:twitter}
  1019. <div id="twitterwrapper" style="display: none">
  1020. <a href="http://twitter.com/{twitterusername}" style="text-decoration: none"><div class="heading" id="twitter">{lang:latest tweets}</div></a>
  1021. <div id="tweetcontainer"></div>
  1022. <script type="text/javascript">
  1023. function recent_tweets(data) {
  1024. document.getelementbyid("twitterwrapper").style.display = "block";
  1025. for(i = 0; i < data.length; i++) {
  1026. document.getelementbyid("tweetcontainer").innerhtml = document.getelementbyid("tweetcontainer").innerhtml + '<a href="http://twitter.com/{twitterusername}/status/' + data[i].id + '"><div class="content">' + data[i].text + '</div></a>';
  1027. }
  1028. }
  1029. </script>
  1030. </div>
  1031. {/block:twitter}
  1032.  
  1033. {block:ifshowpeopleifollow}
  1034. {block:following}
  1035. <div class="heading" id="following">{lang:following}</div>
  1036. <div class="content" id="following-avatars">
  1037. {block:followed}<a href="{followedurl}"><img src="{followedportraiturl-40}" /></a>{/block:followed}
  1038. </div>
  1039. {/block:following}
  1040. {/block:ifshowpeopleifollow}
  1041.  
  1042. <div id="buttons">
  1043. <div class="row">
  1044. <div class="button" id="button-rss"><a href="{rss}">{lang:rss feed}</a></div>
  1045. <div class="button" id="button-random"><a href="/random">{lang:random}</a></div>
  1046. </div>
  1047. <div class="clear"></div>
  1048. <div class="row">
  1049. <div class="button" id="button-archive"><a href="/archive">{lang:archive}</a></div>
  1050. <div class="button" id="button-mobile"><a href="/mobile">{lang:mobile}</a></div>
  1051. </div>
  1052.  
  1053.  
  1054.  
  1055. <div id="copyright">
  1056. © 2012 <a href="http://www.tumblr.com">powered by tumblr</a><br>|
  1057. <a href="http://www.ashleyyisah.tumblr.com/my original themes/" target="_blank">Theme</a> |
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064. <div class="clear"></div>
  1065. </div>
  1066.  
  1067. </div>
  1068.  
  1069. <div id="bottom"></div>
  1070.  
  1071. </div>
  1072.  
  1073. <div class="clear"></div>
  1074. </div>
  1075.  
  1076. {block:twitter}
  1077. <script type="text/javascript" src="/tweets.js"></script>
  1078. {/block:twitter}
  1079.  
  1080. {block:ifdisqusshortname}
  1081. <script type="text/javascript">
  1082. //<![cdata[
  1083. (function() {
  1084. var links = document.getelementsbytagname('a');
  1085. var query = '?';
  1086. for(var i = 0; i < links.length; i++) {
  1087. if(links[i].href.indexof('#disqus_thread') >= 0) {
  1088. query += 'url' + i + '=' + encodeuricomponent(links[i].href) + '&';
  1089. }
  1090. }
  1091. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:disqus shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1092. })();
  1093. //]]>
  1094. </script>
  1095. {/block:ifdisqusshortname}
  1096. </body>
  1097. </html>
Advertisement
Add Comment
Please, Sign In to add comment