API tools faq
paste
Advertisement
dannyfenton

gumball theme

dannyfenton
May 12th, 2013
2,403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. Please do not remove the credit link!
  5. I have it arranged so that it redirects
  6. to a specific page, where pixel credits
  7. and other important things are to be said.
  8.  
  9. Thank you for your cooperation!
  10. gumballtheprincetumblr.com
  11.  
  12. more themes at dannyfenton.tumblr.com/tagged/my themes
  13.  
  14. -->
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17. <!-- DEFAULT VARIABLES -->
  18.  
  19. <meta name="color:Color1" content="#FFB6C1" />
  20. <meta name="color:Color2" content="#C89FB7" />
  21. <meta name="color:Color3" content="#C1E9F2" />
  22. <meta name="color:Color4" content="#FFFF96" />
  23. <meta name="color:Color5" content="#5F4725" />
  24.  
  25. <meta name="if:Text" content="0">
  26. <meta name="if:TextAudio" content="0">
  27. <meta name="if:Submit" content="1">
  28.  
  29. <meta name="if:Purple" content="1">
  30. <meta name="if:Pink" content="0">
  31. <meta name="if:Blue" content="0">
  32.  
  33. <meta name="image:PurpleBG" content="http://media.tumblr.com/f04d2af97854007a0a2c1e65744d78a8/tumblr_inline_ml95eexUCw1qz4rgp.gif">
  34. <meta name="image:PinkBG" content="http://media.tumblr.com/cdddc1101d55867bc41b4a81810e291a/tumblr_inline_ml95e26Lwb1qz4rgp.gif">
  35. <meta name="image:BlueBG" content="http://i.imgur.com/j61ZtVJ.png">
  36.  
  37. <meta name="text:Link1" content="">
  38. <meta name="text:Link1URL" content="">
  39. <meta name="text:Link2" content="">
  40. <meta name="text:Link2URL" content="">
  41. <meta name="text:Link3" content="">
  42. <meta name="text:Link3URL" content="">
  43. <meta name="text:Link4" content="">
  44. <meta name="text:Link4URL" content="">
  45. <meta name="text:Link5" content="">
  46. <meta name="text:Link5URL" content="">
  47. <meta name="text:Link6" content="">
  48. <meta name="text:Link6URL" content="">
  49. <meta name="text:Link7" content="">
  50. <meta name="text:Link7URL" content="">
  51. <meta name="text:Link8" content="">
  52. <meta name="text:Link8URL" content="">
  53. <meta name="text:Link9" content="">
  54. <meta name="text:Link9URL" content="">
  55.  
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  63. <style type="text/css">
  64.  
  65. html {
  66. cursor: url(http://media.tumblr.com/tumblr_m2ule0ZeDH1qfamg6.gif), auto;
  67. }
  68.  
  69. a:link {
  70. cursor: url(http://media.tumblr.com/tumblr_m2ule6UeMy1qfamg6.gif), auto;
  71. }
  72.  
  73.  
  74. body {
  75. {block:IfPurple}background: {color:Color1} url({image:PurpleBG}) top left fixed repeat;{block:IfPurple}
  76. {block:IfPink}background: {color:Color2} url({image:PinkBG}) top left fixed repeat;{block:IfPink}
  77. {block:IfBlue}background: {color:Color3} url({image:BlueBG}) top left fixed repeat;{block:IfBlue}
  78. margin: 0;
  79. padding: 0;
  80. font-family: bangalore, lucida console;
  81. cursor: url(http://media.tumblr.com/tumblr_m2ule0ZeDH1qfamg6.gif), auto;
  82. }
  83.  
  84.  
  85. ::-moz-selection{
  86. background: transparent;
  87. color: {color:Color4};
  88. }
  89.  
  90. ::selection {
  91. background: transparent;
  92. color: {color:Color4};
  93. }
  94.  
  95.  
  96. .clear {
  97. clear: both;
  98. height: 0px;
  99. overflow: hidden;
  100. }
  101.  
  102. a img {
  103. border: none;
  104. }
  105.  
  106.  
  107. #wrapper {
  108. width: 700px;
  109. margin: 0 auto;
  110. }
  111.  
  112. #wrapper #content {
  113. width: 500px;
  114. float: right;
  115. margin-top: 20px;
  116. }
  117.  
  118. #wrapper #content .post {
  119. font-family: bangalore, lucida console;
  120. width: 505px;
  121. padding: 5px;
  122. padding-top: 10px;
  123. position: relative;
  124. margin-top: -5px;
  125. }
  126.  
  127.  
  128. #wrapper #content .post .title {
  129. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  130. {block:IfPink}color: {color:Color2};{/block:IfPink}
  131. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  132. font-size: 16px;
  133. font-weight: bold;
  134. padding: 10px 10px 0 10px;
  135. }
  136.  
  137. #wrapper #content .post img {
  138. max-width: 500px;
  139. -moz-border-radius: 8px;
  140. -webkit-border-radius: 8px;
  141. border-radius: 8px;
  142. }
  143.  
  144.  
  145. #wrapper #content .post a {
  146. color: {color:Color1};
  147. text-decoration: none;
  148. }
  149.  
  150. #wrapper #content .post .media {
  151. text-align: center;
  152. margin-bottom: 10px;
  153. }
  154.  
  155. /*QUOTE POST*/
  156.  
  157. #wrapper #content .post .quotebg {
  158. font-family: bangalore, lucida console;
  159. font-size: 150px;
  160. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  161. {block:IfPink}color: {color:Color3};{/block:IfPink}
  162. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  163. opacity: 0.2;
  164. filter: alpha(opacity=20);
  165. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  166. position: absolute;
  167. top: 85px;
  168. left: -5px;
  169. }
  170.  
  171. #wrapper #content .post .quote {
  172. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  173. {block:IfPink}color: {color:Color3};{/block:IfPink}
  174. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  175. font-weight: bold;
  176. padding: 20px 20px 5px 20px;
  177. }
  178.  
  179. #wrapper #content .post .quote.short {
  180. font-size: 30px;
  181. line-height: 35px;
  182. }
  183.  
  184. #wrapper #content .post .quote.medium {
  185. font-size: 24px;
  186. line-height: 28px;
  187. }
  188.  
  189. #wrapper #content .post .quote.long {
  190. font-size: 16px;
  191. line-height: 22px;
  192. }
  193.  
  194. #wrapper #content .post .quote_source *:first-child {
  195. margin-top: 0px;
  196. }
  197.  
  198. #wrapper #content .post .quote_source *:last-child {
  199. margin-bottom: 0px;
  200. }
  201.  
  202. #wrapper #content .post .quote *:first-child {
  203. margin-top: 0px;
  204. }
  205.  
  206. #wrapper #content .post .quote *:last-child {
  207. margin-bottom: 0px;
  208. }
  209.  
  210. /*TEXT POST STUFF*/
  211.  
  212. #wrapper #content .post .copy {
  213. color: {color:Color5};
  214. padding: 10px;
  215. font-size: 8px;
  216. line-height: 15px;
  217. }
  218.  
  219. #wrapper #content .post .copy a {
  220. {block:IfPurple}color: {color:Color2};{/block:IfPurple}
  221. {block:IfPink}color: {color:Color1};{/block:IfPink}
  222. {block:IfBlue}color: {color:Color3};{/block:IfBlue}
  223. text-decoration: none;
  224. }
  225.  
  226. #wrapper #content .post .copy a:hover {
  227. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  228. {block:IfPink}color: {color:Color2};{/block:IfPink}
  229. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  230. text-decoration: none;
  231. }
  232.  
  233. #wrapper #content .post .copy p {
  234. margin: 10px 0 0 0;
  235. padding: 0;
  236. }
  237.  
  238.  
  239. #wrapper #content .post .copy > p:first-child {
  240. margin-top: 0;
  241. }
  242.  
  243. #wrapper #content .post .copy img {
  244. max-width: 100%;
  245. }
  246.  
  247. /*AUDIO POST*/
  248.  
  249. #wrapper #content .post .audio {
  250. float: left;
  251. padding: 7px;
  252. margin-bottom: 10px;
  253. }
  254.  
  255. #wrapper #content .post .album_art {
  256. position:absolute;
  257. margin-right: 10px;
  258. }
  259.  
  260. #wrapper #content .post .album_art img {
  261. -moz-border-radius: 60px;
  262. webkit-border-radius: 60px;
  263. border-radius: 60px;
  264. height: 100px;
  265. width: 100px;
  266. margin-bottom: 10px;
  267. padding: 5px;
  268. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  269. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  270. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  271. webkit-transition:all 1s ease;
  272. -moz-transition:all 0.5s ease;
  273. -o-transition:all 0.5s ease;
  274. transition:all 0.5s ease-in-out;
  275. }
  276.  
  277. #wrapper #content .post .album_art img:hover {
  278. -moz-border-radius: 0px;
  279. -webkit-border-radius: 0px;
  280. border-radius: 0px;
  281. height: 100px;
  282. width: 100px;
  283. padding: 5px;
  284. margin-bottom: 10px;
  285. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  286. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  287. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  288. -webkit-transition:all 1s ease;
  289. -moz-transition:all 0.5s ease;
  290. -o-transition:all 0.5s ease;
  291. transition:all 0.5s ease-in-out;
  292. }
  293.  
  294. #wrapper #content .post .player {
  295. overflow: hidden;
  296. height: 27px;
  297. margin-left: 115px;
  298. width: 207px;
  299. background-color: #fff;
  300. }
  301.  
  302. #wrapper #content .post .info {
  303. font-size: 8px;
  304. margin-top: 10px;
  305. margin-left: 115px;
  306. padding: 10px;
  307. margin-bottom: 25px;
  308. color: {color:Color5};
  309. border-left: 4px dotted {color:Color4};
  310. }
  311.  
  312. #wrapper #content .post .info .titles {
  313. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  314. {block:IfPink}color: {color:Color2};{/block:IfPink}
  315. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  316. font-weight: bold;
  317. }
  318.  
  319. /*ASK POST*/
  320.  
  321. #wrapper #content .post .question {
  322. color: #fff;
  323. font-size: 16px;
  324. {block:IfPurple}background-color: {color:Color1};{/block:IfPurple}
  325. {block:IfPink}background-color: {color:Color3};{/block:IfPink}
  326. {block:IfBlue}background-color: {color:Color2};{/block:IfBlue}
  327. -moz-border-radius: 8px;
  328. -webkit-border-radius: 8px;
  329. border-radius: 8px;
  330. margin: 0 0 15px 0;
  331. padding: 15px 20px;
  332. position: relative;
  333. }
  334.  
  335. #wrapper #content .post .question .nipple {
  336. width: 13px;
  337. height: 7px;
  338. {block:IfPurple}background: {color:Color1} url('http://assets.tumblr.com/themes/redux/ask-mask.png');{/block:IfPurple}
  339. {block:IfPink}background: {color:Color3} url('http://assets.tumblr.com/themes/redux/ask-mask.png');{/block:IfPink}
  340. {block:IfBlue}background: {color:Color2} url('http://assets.tumblr.com/themes/redux/ask-mask.png');{/block:IfBlue}
  341. position: absolute;
  342. bottom: -7px;
  343. left: 30px;
  344. }
  345.  
  346. #wrapper #content .post .asker_container {
  347. margin: 0 0 20px 24px;
  348. }
  349.  
  350. #wrapper #content .post .asker_container img {
  351. margin: 0 12px -7px 0;
  352. }
  353.  
  354. #wrapper #content .post .asker_container .asker {
  355. color: {color:Color5};
  356. }
  357.  
  358. #wrapper #content .post .asker_container .asker a {
  359. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  360. {block:IfPink}color: {color:Color3};{/block:IfPink}
  361. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  362. }
  363.  
  364. #wrapper #content .post .asker_container .asker a:hover {
  365. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  366. {block:IfPink}color: {color:Color2};{/block:IfPink}
  367. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  368. }
  369.  
  370. /*CHAT POST*/
  371.  
  372. #wrapper #content .post .chat {
  373. background: #fff;
  374. border-left: 5px solid #fff;
  375. margin: 10px 10px 0 10px;
  376. font-size: 8px;
  377. }
  378.  
  379. #wrapper #content .post .chat .lines {
  380. margin-left: 1px;
  381. }
  382.  
  383. #wrapper #content .post .chat .lines .line {
  384. {block:IfPurple}background: {color:Color3};{/block:IfPurple}
  385. {block:IfPink}background: {color:Color2};{/block:IfPink}
  386. {block:IfBlue}background: {color:Color1};{/block:IfBlue}
  387. color: {color:Color5};
  388. margin-bottom: 1px;
  389. padding: 3px 5px;
  390. }
  391.  
  392. #wrapper #content .post .chat .lines .line.even {
  393. background-color: #fff;
  394. }
  395.  
  396.  
  397. /*LINK POST*/
  398.  
  399. #wrapper #content .post .link {
  400. color: {color:Color5};
  401. font-size: 16px;
  402. font-weight: bold;
  403. padding: 10px 10px 0 10px;;
  404. }
  405.  
  406. #wrapper #content .post .link a {
  407. border: 1px solid {color:Color4};
  408. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  409. {block:IfPink}color: {color:Color3};{/block:IfPink}
  410. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  411. padding: 5px 7px;
  412. -moz-border-radius: 30px;
  413. -webkit-border-radius: 30px;
  414. border-radius: 30px;
  415. }
  416.  
  417. #wrapper #content .post .link a:hover {
  418. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  419. {block:IfPink}color: {color:Color2};{/block:IfPink}
  420. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  421. background: #fff;
  422. }
  423.  
  424. /*FOOTER*/
  425.  
  426. #wrapper #content .post .footer {
  427. -moz-border-radius: 10px;
  428. -webkit-border-radius: 10px;
  429. border-radius: 10px;
  430. font-family: bangalore, lucida console;
  431. font-size: 8px;
  432. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  433. {block:IfPink}color: {color:Color3};{/block:IfPink}
  434. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  435. padding: 3px;
  436. {block:IfPurple}background: {color:Color2};{block:IfPurple}
  437. {block:IfPink}background: {color:Color1};{/block:IfPink}
  438. {block:IfBlue}background: {color:Color3};{/block:IfBlue}
  439.  
  440. {block:IfPurple}border: 1px solid {color:Color3};{block:IfPurple}
  441. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  442. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  443.  
  444. margin-top: 5px;
  445. }
  446.  
  447. #wrapper #content .post .footer:hover {
  448. {block:IfPurple}color: {color:Color1};{block:IfPurple}
  449. {block:IfPink}color: {color:Color3};{block:IfPink}
  450. {block:IfBlue}color: {color:Color2};{block:IfBlue}
  451. padding: 3px;
  452. background: {color:Color4};
  453. }
  454.  
  455. #wrapper #content .post .footer.for_permalink:hover {
  456. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  457. {block:IfPink}color: {color:Color3};{/block:IfPink}
  458. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  459. padding: 3px;
  460. background: {color:Color4};
  461. }
  462.  
  463. #wrapper #content .post .footer.for_permalink .date .source_url{
  464. text-decoration: underline;
  465. }
  466.  
  467. #wrapper #content .post .footer .date {
  468. width: 75%;
  469. float: left;
  470. color: {color:Color5};
  471. }
  472.  
  473. #wrapper #content .post .footer .date a {
  474. color: {color:Color5};
  475. }
  476.  
  477. #wrapper #content .post .footer .date a:hover {
  478. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  479. {block:IfPink}color: {color:Color3};{/block:IfPink}
  480. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  481. }
  482.  
  483. #wrapper #content .post .footer .notes {
  484. width: 25%;
  485. float: right;
  486. text-align: right;
  487. color: {color:Color5};
  488. }
  489.  
  490. #wrapper #content .post .footer .notes a {
  491. color: {color:Color5};
  492. }
  493.  
  494. #wrapper #content .post .footer .notes a:hover {
  495. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  496. {block:IfPink}color: {color:Color3};{/block:IfPink}
  497. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  498. }
  499.  
  500.  
  501. #wrapper #content .post .footer .tags {
  502. color: {color:Color5};
  503. padding-left: 3px;
  504. }
  505.  
  506. #wrapper #content .post .footer .tags a {
  507. color: {color:Color5};
  508. text-decoration: underline;
  509. }
  510.  
  511. #wrapper #content .post .footer .tags a:hover {
  512. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  513. {block:IfPink}color: {color:Color3};{/block:IfPink}
  514. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  515. }
  516.  
  517. #wrapper #content .post .footer .tags .tag-commas:last-child {
  518. display: none;
  519. }
  520.  
  521. #wrapper #content .post .footer.with_source_url .tags {
  522. max-width: 330px;
  523. color: {color:Color5};
  524. float: left;
  525. }
  526.  
  527. #wrapper #content .post .footer .wtf {
  528. color: {color:Color5};
  529. padding-left: 3px;
  530. }
  531.  
  532. #wrapper #content .post .footer .wtf a {
  533. color: {color:Color5};
  534. text-decoration: underline;
  535. }
  536.  
  537. #wrapper #content .post .footer .wtf a:hover {
  538. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  539. {block:IfPink}color: {color:Color3};{/block:IfPink}
  540. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  541. }
  542.  
  543. #wrapper #content .post .footer.with_source_url .source_url {
  544. float: right;
  545. max-width: 160px;
  546. overflow: hidden;
  547. text-decoration: underline;
  548. white-space: nowrap;
  549. }
  550.  
  551. #wrapper #content .post .footer.with_source_url .source_url img {
  552. vertical-align: top;
  553. -moz-opacity: 0.5;
  554. opacity: 0.5;
  555. }
  556.  
  557. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  558. -moz-opacity: 0.7;
  559. opacity: 0.7;
  560. }
  561.  
  562. /*BLOCKQUOTE*/
  563.  
  564. #wrapper #content .post .copy blockquote {
  565. margin: 10px 0px 10px 10px;
  566. padding-left: 15px;
  567. border-left: solid 4px {color:Color4};
  568. }
  569.  
  570. #wrapper #content .post .copy blockquote blockquote {
  571. border-left: solid 4px {color:Color4};
  572. }
  573.  
  574. #wrapper #content .post .copy blockquote blockquote blockquote {
  575. border-left: solid 4px {color:Color4};
  576. }
  577. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  578. border-left: solid 4px {color:Color4};
  579. }
  580.  
  581. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  582. border-left: solid 4px {color:Color4};
  583. }
  584.  
  585. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  586. border-left: solid 4px {color:Color4};
  587. }
  588.  
  589. /*NAVIGATION*/
  590.  
  591. #wrapper #content .bottom {
  592. background: url() top center no-repeat transparent;
  593. width: 500px;
  594. height: 40px;
  595. margin: 0 auto;
  596. }
  597.  
  598. #wrapper #content #navigation {
  599. text-align: right;
  600. text-transform: lowercase;
  601. }
  602.  
  603. #wrapper #content #navigation img {
  604. -moz-border-radius: 60px;
  605. background: {color:Color2};
  606. webkit-border-radius: 60px;
  607. border-radius: 60px;
  608. margin-bottom: 10px;
  609. padding: 10px;
  610. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  611. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  612. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  613.  
  614. }
  615.  
  616. #wrapper #content #navigation img:hover {
  617. background: #fff;
  618. -moz-border-radius: 60px;
  619. -webkit-border-radius: 60px;
  620. border-radius: 60px;
  621. padding: 10px;
  622. margin-bottom: 10px;
  623. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  624. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  625. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  626. }
  627.  
  628. #wrapper #content #navigation a {
  629. background-color: transparent;
  630. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  631. {block:IfPink}color: {color:Color3};{/block:IfPink}
  632. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  633. text-decoration: none;
  634. margin-left: 50px;
  635. padding-bottom: 25px;
  636. }
  637.  
  638. #wrapper #content #navigation .prev {
  639. background-color: transparent;
  640. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  641. {block:IfPink}color: {color:Color3};{/block:IfPink}
  642. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  643. text-decoration: none;
  644. float: left;
  645. }
  646.  
  647. #wrapper #content #navigation .next {
  648. background-color: transparent;
  649. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  650. {block:IfPink}color: {color:Color3};{/block:IfPink}
  651. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  652. text-decoration: none;
  653. float: right;
  654. }
  655.  
  656. /*NOTES*/
  657.  
  658. #wrapper #content .post .notecontainer {
  659. -moz-border-radius: 4px;
  660. -webkit-border-radius: 4px;
  661. border-radius: 4px;
  662. font-family: bangalore, lucida console;
  663. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  664. {block:IfPink}color: {color:Color3};{/block:IfPink}
  665. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  666. margin-top: 10px;
  667. margin-bottom: -10px;
  668. }
  669.  
  670. #wrapper #content .post .notecontainer a {
  671. {block:IfPurple}color: {color:Color2};{/block:IfPurple}
  672. {block:IfPink}color: {color:Color1};{/block:IfPink}
  673. {block:IfBlue}color: {color:Color3};{/block:IfBlue}
  674. text-decoration: underline;
  675. }
  676.  
  677. #wrapper #content .post .notecontainer a:hover {
  678. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  679. {block:IfPink}color: {color:Color2};{/block:IfPink}
  680. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  681. text-decoration: underline;
  682. }
  683.  
  684. #wrapper #content .post .notecontainer ol.notes {
  685. padding: 0px 0 10px 0;
  686. margin-left: 25px;
  687. list-style-type: none;
  688. font-size: 8px;
  689. }
  690.  
  691. #wrapper #content .post .notecontainer ol.notes li.note {
  692. padding: 10px 10px 0 10px;
  693. }
  694.  
  695. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  696. display: none;
  697. }
  698.  
  699. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  700. font-weight: normal;
  701. }
  702.  
  703. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  704. font-weight: normal;
  705. }
  706.  
  707. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  708. border-left: solid 4px {color:Color4};
  709. padding: 4px 10px;
  710. margin: 10px 0px 0px 25px;
  711. }
  712.  
  713. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  714. text-decoration: none;
  715. }
  716.  
  717. /*SIDEBAR*/
  718.  
  719. #wrapper #sidebar {
  720. position: fixed;
  721. float: left;
  722. margin-top: 150px;
  723. color: {color:Background};
  724. font-family: bangalore, lucida console;
  725. }
  726.  
  727. #wrapper #sidebar a {
  728. {block:IfPurple}color: {color:Color2};{/block:IfPurple}
  729. {block:IfPink}color: {color:Color1};{/block:IfPink}
  730. {block:IfBlue}color: {color:Color3};{/block:IfBlue}
  731. }
  732.  
  733. #wrapper #sidebar a:hover {
  734. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  735. {block:IfPink}color: {color:Color2};{/block:IfPink}
  736. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  737. }
  738.  
  739. #wrapper #sidebar #top {
  740. background: #fff;
  741. border-bottom: none;
  742. }
  743.  
  744. #wrapper #sidebar #top #avatar {
  745. width: 96px;
  746. height: 96px;
  747. margin-left: 6px;
  748. }
  749.  
  750. #wrapper #sidebar #top #avatar img {
  751. -moz-border-radius: 60px;
  752. -webkit-border-radius: 60px;
  753. border-radius: 60px;
  754. padding: 5px;
  755.  
  756. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  757. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  758. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  759.  
  760.  
  761.  
  762. -webkit-transition:all 1s ease;
  763. -moz-transition:all 0.5s ease;
  764. -o-transition:all 0.5s ease;
  765. transition:all 0.5s ease-in-out;
  766. }
  767.  
  768. #wrapper #sidebar #top #avatar img:hover {
  769. -moz-border-radius: 0px;
  770. -webkit-border-radius: 0px;
  771. border-radius: 0px;
  772. padding: 5px;
  773. {block:IfPurple}border: 1px solid {color:Color3};{/block:IfPurple}
  774. {block:IfPink}border: 1px solid {color:Color2};{/block:IfPink}
  775. {block:IfBlue}border: 1px solid {color:Color1};{/block:IfBlue}
  776. -webkit-transition:all 1s ease;
  777. -moz-transition:all 0.5s ease;
  778. -o-transition:all 0.5s ease;
  779. transition:all 0.5s ease-in-out;
  780. }
  781.  
  782. #wrapper #sidebar #top #description {
  783. font-size: 8px;
  784. position: relative;
  785. top: 15px;
  786. {block:IfPurple}color: {color:Color1};{/block:IfPurple}
  787. {block:IfPink}color: {color:Color3};{/block:IfPink}
  788. {block:IfBlue}color: {color:Color2};{/block:IfBlue}
  789. text-align: center;
  790. padding-bottom: 10px;
  791. }
  792.  
  793. #wrapper #sidebar #top #description a {
  794. {block:IfPurple}color: {color:Color2};{/block:IfPurple}
  795. {block:IfPink}color: {color:Color1};{/block:IfPink}
  796. {block:IfBlue}color: {color:Color3};{/block:IfBlue}
  797. text-decoration: none;
  798. }
  799.  
  800. #wrapper #sidebar #top #description a:hover {
  801. {block:IfPurple}color: {color:Color3};{/block:IfPurple}
  802. {block:IfPink}color: {color:Color2};{/block:IfPink}
  803. {block:IfBlue}color: {color:Color1};{/block:IfBlue}
  804. text-decoration: none;
  805. }
  806.  
  807. /*BULLET LIST IMAGE*/
  808.  
  809. li {
  810. list-style-position: outside;
  811. list-style-image: url(http://sorahana.ciao.jp/material/onepoint/maru-m.gif);
  812. }
  813.  
  814. li:hover {
  815. list-style-position: outside;
  816. list-style-image: url(http://sorahana.ciao.jp/material/onepoint/maru-b.gif);
  817. }
  818.  
  819. /*SCROLLBAR*/
  820.  
  821. ::-webkit-scrollbar {
  822. width: 10px;
  823. height: 0px;
  824. }
  825.  
  826. ::-webkit-scrollbar-button:start:decrement,
  827. ::-webkit-scrollbar-button:end:increment {
  828. height: 3px;
  829. background: #fff;
  830. }
  831.  
  832. ::-webkit-scrollbar-track-piece {
  833. background: #fff;
  834. }
  835.  
  836. ::-webkit-scrollbar-thumb {
  837. height: 0px;
  838. -webkit-border-radius: 60px;
  839. {block:IfPurple}border: 1px solid {color:Color1};{/block:IfPurple}
  840. {block:IfPink}border: 1px solid {color:Color3};{/block:IfPink}
  841. {block:IfBlue}border: 1px solid {color:Color2};{/block:IfBlue}
  842.  
  843. background: #fff;
  844. }
  845.  
  846.  
  847.  
  848. @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
  849.  
  850. </style>
  851. <style type="text/css">{CustomCSS}</style>
  852.  
  853. <SCRIPT TYPE="text/javascript">
  854. <!--
  855. function dropdown(mySel)
  856. {
  857. var myWin, myVal;
  858. myVal = mySel.options[mySel.selectedIndex].value;
  859. if(myVal)
  860. {
  861. if(mySel.form.target)myWin = parent[mySel.form.target];
  862. else myWin = window;
  863. if (! myWin) return true;
  864. myWin.location = myVal;
  865. }
  866. return false;
  867. }
  868. //-->
  869. </SCRIPT>
  870.  
  871.  
  872. </head>
  873. <body>
  874. <div id="wrapper">
  875.  
  876. <div id="content">
  877.  
  878. {block:Posts}
  879.  
  880. {block:IfPurple}<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="555" align="center">
  881. <tr>
  882. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-r.gif"></td>
  883. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-ue.gif"></td>
  884. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-rightue.gif"></td>
  885. </tr>
  886. <tr>
  887. <td width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-left.gif"></td>{/block:IfPurple}
  888.  
  889. {block:IfPink}<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="555" align="center">
  890. <tr>
  891. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-r.gif"></td>
  892. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-ue.gif"></td>
  893. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-rightue.gif"></td>
  894. </tr>
  895. <tr>
  896. <td width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-left.gif"></td>{/block:IfPink}
  897.  
  898. {block:IfBlue}<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="555" align="center">
  899. <tr>
  900. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-r.gif"></td>
  901. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-ue.gif"></td>
  902. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-rightue.gif"></td>
  903. </tr>
  904. <tr>
  905. <td width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-left.gif"></td>{/block:IfBlue}
  906. <td bgcolor=#fff>
  907.  
  908. <div class="post">
  909.  
  910. {block:Photo}
  911. <div class="media">
  912. {LinkOpenTag}
  913. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  914. {LinkCloseTag}
  915. </div>
  916.  
  917. {block:IndexPage} {block:IfText}
  918. {block:Caption}
  919. <div class="copy">{Caption}</div>
  920. {/block:Caption}
  921. {/block:IfText} {/block:IndexPage}
  922.  
  923. {block:PermalinkPage} {block:Caption}
  924. <div class="copy">{Caption}</div>
  925. {/block:Caption} {/block:PermalinkPage}
  926.  
  927. {/block:Photo}
  928.  
  929. {block:Photoset}
  930. <div class="media">
  931. <center>{Photoset-500}</center>
  932. </div>
  933.  
  934. {block:IndexPage}
  935. {block:IfText}
  936. {block:Caption}
  937. <div class="copy">{Caption}</div>
  938. {/block:Caption}
  939. {/block:IfText}
  940. {/block:IndexPage}
  941.  
  942. {block:PermalinkPage}
  943. {block:Caption}
  944. <div class="copy">{Caption}</div>
  945. {/block:Caption}
  946. {/block:PermalinkPage}
  947.  
  948. {/block:Photoset}
  949.  
  950.  
  951.  
  952. {block:Video}
  953.  
  954. <div class="media">{Video-500}</div>
  955.  
  956. {block:Caption}
  957. <div class="copy">{Caption}</div>
  958. {/block:Caption}
  959.  
  960. {/block:Video}
  961.  
  962.  
  963.  
  964. {block:Audio}
  965.  
  966.  
  967. {block:AlbumArt}
  968. <span class="album_art">
  969. <img src="{AlbumArtURL}">
  970. </span>
  971. {/block:AlbumArt}
  972.  
  973. <div class="player">
  974. {AudioPlayerWhite}
  975. </div>
  976.  
  977. <div class="info">
  978. <span class="titles">Track:</span>
  979. {block:TrackName}
  980. {TrackName}
  981. {/block:TrackName}
  982.  
  983. </br>
  984.  
  985. <span class="titles">Artist:</span>
  986. {block:Artist}
  987. {Artist}
  988. {/block:Artist}
  989.  
  990. </br>
  991.  
  992. <span class="titles">Album:</span>
  993. {block:Album}
  994. {Album}
  995. {/block:Album}
  996.  
  997. </br>
  998.  
  999. <span class="titles">Plays:</span>
  1000. {block:PlayCount}
  1001. {PlayCount}
  1002. {/block:PlayCount}
  1003.  
  1004. </div>
  1005.  
  1006. {block:IndexPage}
  1007. {block:IfTextAudio}
  1008. {block:Caption}
  1009. <div class="copy">{Caption}</div>
  1010. {/block:Caption}
  1011. {/block:IfTextAudio}
  1012. {/block:IndexPage}
  1013.  
  1014. {block:PermalinkPage}
  1015. {block:Caption}
  1016. <div class="copy">{Caption}</div>
  1017. {/block:Caption}
  1018. {/block:PermalinkPage}
  1019.  
  1020. {/block:Audio}
  1021.  
  1022.  
  1023. {block:Quote}
  1024.  
  1025. <div class="quote {Length}">{Quote}</div>
  1026. <div class="copy">
  1027. <div class="quotebg">“</div>
  1028. {block:Source}
  1029. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1030. <tr>
  1031.  
  1032. <td valign="top" style="width:20px;">
  1033. &mdash;
  1034. </td>
  1035.  
  1036. <td valign="top" class="quote_source">
  1037. {Source}
  1038. </td>
  1039.  
  1040. </tr>
  1041. </table>
  1042. {/block:Source}
  1043. </div>
  1044. {/block:Quote}
  1045.  
  1046.  
  1047. {block:Text}
  1048.  
  1049. {block:Title}
  1050. <div class="title">
  1051. {Title}
  1052. </div>
  1053. {/block:Title}
  1054.  
  1055. <div class="copy">{Body}</div>
  1056.  
  1057. {/block:Text}
  1058.  
  1059.  
  1060.  
  1061. {block:Answer}
  1062.  
  1063. <div class="question">
  1064. <div class="nipple"></div>
  1065. {Question}
  1066. </div>
  1067.  
  1068. <div class="asker_container">
  1069. <img src="{AskerPortraitURL-24}"><span class="asker">{Asker}</span>
  1070. </div>
  1071.  
  1072. <div class="copy">
  1073. {Answer}
  1074. </div>
  1075.  
  1076. {/block:Answer}
  1077.  
  1078.  
  1079. {block:Chat}
  1080.  
  1081. {block:Title}
  1082. <div class="title">{Title}</div>
  1083. {/block:Title}
  1084.  
  1085. <div class="chat">
  1086. <div class="lines">
  1087. {block:Lines} <div class="line {Alt}">
  1088. {block:Label}
  1089. <strong>{Label}</strong>
  1090. {/block:Label} {Line} </div>
  1091. {/block:Lines}
  1092. </div>
  1093. </div>
  1094.  
  1095. <div class="clear"></div>
  1096.  
  1097. <div style="height:10px;"></div>
  1098.  
  1099. {/block:Chat}
  1100.  
  1101.  
  1102. {block:Link}
  1103.  
  1104. <div class="link">
  1105. <a href="{URL}" {Target}>{Name} &raquo;</a>
  1106. </div>
  1107.  
  1108. {block:Description}
  1109. <div class="copy">{Description}</div>
  1110. {/block:Description}
  1111.  
  1112. {/block:Link}
  1113.  
  1114.  
  1115. {block:Date}
  1116.  
  1117. <div class="footer for_permalink">
  1118. <div class="date">
  1119. {block:IfPurple}<img src="http://sorahana.ciao.jp/material/onepoint/b-b.gif">{/block:IfPurple}
  1120. {block:IfPink}<img src="http://sorahana.ciao.jp/material/onepoint/b-m.gif">{/block:IfPink}
  1121. {block:IfBlue}<img src="http://sorahana.ciao.jp/material/onepoint/b-p.gif">{/block:IfBlue}
  1122.  
  1123. {block:Reblog}
  1124. <a href="{Permalink}">Reblogged {TimeAgo}</a>
  1125. {block:PermalinkPage}
  1126. from <a href="{ReblogParentURL}" class="source_url">{ReblogParentName}
  1127. </a>
  1128. {/block:PermalinkPage}
  1129. {/block:Reblog}
  1130.  
  1131. {block:NotReblog}
  1132. <a href="{Permalink}">Posted {TimeAgo}</a>
  1133. {/block:NotReblog}
  1134.  
  1135. </div>
  1136.  
  1137. <div class="notes">
  1138. <a href="{Permalink}">
  1139. {block:NoteCount}
  1140. {NoteCount} sweethearts
  1141. {/block:NoteCount}
  1142. {block:IfPurple}<img src="http://sorahana.ciao.jp/material/onepoint/b-b.gif">{/block:IfPurple}
  1143. {block:IfPink}<img src="http://sorahana.ciao.jp/material/onepoint/b-m.gif">{/block:IfPink}
  1144. {block:IfBlue}<img src="http://sorahana.ciao.jp/material/onepoint/b-p.gif">{/block:IfBlue}
  1145. </a>
  1146.  
  1147. </div>
  1148. <div class="clear"></div>
  1149. </div>
  1150. {/block:Date}
  1151.  
  1152.  
  1153.  
  1154. {block:PermalinkPage}
  1155.  
  1156. <div class="footer">
  1157.  
  1158. {block:HasTags}
  1159. <div class="tags">
  1160. Tagged: {block:Tags}
  1161. <a href="{TagURL}">{Tag}</a>
  1162. <span class="tag-commas">, </span>
  1163. {/block:Tags}.
  1164. </div>
  1165. {/block:HasTags}
  1166.  
  1167. <div class="wtf">
  1168. {block:ContentSource}
  1169. Source: <a href="{SourceURL}" class="source_url">
  1170. {block:SourceLogo}
  1171. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1172. {/block:SourceLogo}
  1173.  
  1174. {block:NoSourceLogo}
  1175. {SourceTitle}
  1176. {/block:NoSourceLogo}
  1177.  
  1178. </a>
  1179. {/block:ContentSource}
  1180. </div>
  1181.  
  1182. {/block:PermalinkPage}
  1183.  
  1184. <div class="clear"></div>
  1185.  
  1186. </div>
  1187.  
  1188.  
  1189. {block:PostNotes}
  1190. <div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1191. </div>
  1192.  
  1193. </td>
  1194.  
  1195. {block:IfPurple}<td background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-right.gif" width=14></td>
  1196. </tr>
  1197. 　　 <tr>
  1198. <td height=12 width=14 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-lefts.gif"></td>
  1199. <td height=12 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-shita.gif"></td>
  1200. <td height=12 width=14 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-rights.gif"></td>
  1201. 　　　</tr>
  1202. </table>{/block:IfPurple}
  1203.  
  1204. {block:IfPink}<td background="http://sorahana.ciao.jp/material/table/fuwaribbon1-right.gif" width=14></td>
  1205. </tr>
  1206. 　　 <tr>
  1207. <td height=12 width=14 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-lefts.gif"></td>
  1208. <td height=12 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-shita.gif"></td>
  1209. <td height=12 width=14 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-rights.gif"></td>
  1210. 　　　</tr>
  1211. </table>{/block:IfPink}
  1212.  
  1213. {block:IfBlue}<td background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-right.gif" width=14></td>
  1214. </tr>
  1215. 　　 <tr>
  1216. <td height=12 width=14 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-lefts.gif"></td>
  1217. <td height=12 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-shita.gif"></td>
  1218. <td height=12 width=14 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-rights.gif"></td>
  1219. 　　　</tr>
  1220. </table>{/block:IfBlue}
  1221.  
  1222. <div class="bottom"></div>
  1223.  
  1224. {/block:Posts}
  1225.  
  1226.  
  1227. {block:Pagination}
  1228. <div id="navigation">
  1229.  
  1230. {block:PreviousPage}
  1231. <a href="{PreviousPage}" class="prev">
  1232. {block:ifPurple}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-b2.gif">{/block:IfPurple}
  1233. {block:IfPink}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-m2.gif">{/block:IfPink}
  1234. {block:IfBlue}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-p2.gif">{/block:IfBlue}
  1235. </a>
  1236. {/block:PreviousPage}
  1237.  
  1238. {block:NextPage}
  1239. <a href="{NextPage}" class="next">
  1240. {block:ifPurple}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-b.gif">{/block:IfPurple}
  1241. {block:IfPink}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-m.gif">{/block:IfPink}
  1242. {block:IfBlue}<img src="http://sorahana.ciao.jp/material/arrow/bbssetkira-p.gif">{/block:IfBlue}
  1243. </a>{/block:NextPage}
  1244. </div>
  1245. {/block:Pagination}
  1246.  
  1247. </div>
  1248.  
  1249. <div id="sidebar">
  1250. {block:IfPurple} <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="160" align="center">
  1251. <tr>
  1252. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-r.gif"></td>
  1253. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-ue.gif"></td>
  1254. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-rightue.gif"></td>
  1255. </tr>
  1256. <tr>
  1257. <td width="21" background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-left.gif"></td>{block:IfPurple}
  1258.  
  1259. {block:IfPink} <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="160" align="center">
  1260. <tr>
  1261. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-r.gif"></td>
  1262. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-ue.gif"></td>
  1263. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1-rightue.gif"></td>
  1264. </tr>
  1265. <tr>
  1266. <td width="21" background="http://sorahana.ciao.jp/material/table/fuwaribbon1-left.gif"></td>{block:IfPink}
  1267.  
  1268. {block:IfBlue} <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="160" align="center">
  1269. <tr>
  1270. <td height=16 width=21 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-r.gif"></td>
  1271. <td height=16 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-ue.gif"></td>
  1272. <td height=16 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-rightue.gif"></td>
  1273. </tr>
  1274. <tr>
  1275. <td width="21" background="http://sorahana.ciao.jp/material/table/fuwaribbon1b-left.gif"></td>{block:IfBlue}
  1276. <td>
  1277.  
  1278. <div id="top">
  1279.  
  1280.  
  1281. <div id="avatar"><a href="/"><img src="{PortraitURL-96}" /></a></div>
  1282.  
  1283. <div id="description">{Description}
  1284.  
  1285.  
  1286. <p>
  1287. <form ACTION="/cgi-bin/redirect.pl"
  1288. METHOD=POST onSubmit="return dropdown(this.gourl)">
  1289. <SELECT NAME="gourl">
  1290.  
  1291. <option value="/">Return</option>
  1292. <option value="/ask">Ask</option>
  1293. {block:Submit}<option value="/submit">Submit</option>{/block:Submit}
  1294.  
  1295. {block:IfLink1}<option value="{text:Link1URL}">{text:Link1}</option>{/block:IfLink1}
  1296. {block:IfLink2}<option value="{text:Link2URL}">{text:Link2}</option>{/block:IfLink2}
  1297. {block:IfLink3}<option value="{text:Link3URL}">{text:Link3}</option>{/block:IfLink3}
  1298. {block:IfLink4}<option value="{text:Link4URL}">{text:Link4}</option>{/block:IfLink4}
  1299. {block:IfLink5}<option value="{text:Link5URL}">{text:Link5}</option>{/block:IfLink5}
  1300. {block:IfLink6}<option value="{text:Link6URL}">{text:Link6}</option>{/block:IfLink6}
  1301. {block:IfLink7}<option value="{text:Link7URL}">{text:Link7}</option>{/block:IfLink7}
  1302. {block:IfLink8}<option value="{text:Link8URL}">{text:Link8}</option>{/block:IfLink8}
  1303. {block:IfLink9}<option value="{text:Link9URL}">{text:Link9}</option>{/block:IfLink9}
  1304. <option value="http://gumballtheprince.tumblr.com/credits">Credits</option>
  1305.  
  1306. </select>
  1307. <input type="submit" value="♥">
  1308. </form>
  1309. </p> </div>
  1310.  
  1311. <div class="clear"></div>
  1312.  
  1313.  
  1314. </div>
  1315.  
  1316. </td>
  1317. <td background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-right.gif" width=14></td>
  1318. </tr>
  1319. 　　<tr>
  1320. <td height=12 width=14 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-lefts.gif"></td>
  1321. <td height=12 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-shita.gif"></td>
  1322. <td height=12 width=14 colspan=3 background="http://sorahana.ciao.jp/material/table/fuwaribbon1m-rights.gif"></td>
  1323. 　　　</tr>
  1324. </table>
  1325.  
  1326.  
  1327. </div>
  1328.  
  1329.  
  1330. </body>
  1331. </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!