API tools faq
paste
Advertisement
foundcas

Theme 6: Petals On The Wind

foundcas
Jun 18th, 2014
816
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.02 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!-- THEME BY FOUNDCAS // Please don't steal the code, use as a base, or remove the credit! If you have any questions just ask me at foundcasthemes.tumblr.com/ask :) -->
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--Default Variables-->
  12. <!--Colors-->
  13.  
  14. <meta name="color:Background" content="#fff"/>
  15. <meta name="color:Pre Background" content="#444"/>
  16. <meta name="color:Blockquote" content="#eee"/>
  17. <meta name="color:Text" content="#333"/>
  18. <meta name="color:bold" content="#fff"/>
  19. <meta name="color:italic" content="#fff"/>
  20. <meta name="color:Link" content="#717581"/>
  21. <meta name="color:Hover" content="#333"/>
  22. <meta name="color:Updates Text Title" content="#fff"/>
  23. <meta name="color:Updates Border1" content="#fff"/>
  24. <meta name="color:Updates Border2" content="#fff"/>
  25. <meta name="color:Updates Border3" content="#fff"/>
  26. <meta name="color:Updates Border4" content="#fff"/>
  27. <meta name="color:Updates Border5" content="#fff"/>
  28. <meta name="color:Updates Border6" content="#fff"/>
  29. <meta name="color:Tooltips" content="#fff"/>
  30. <meta name="color:Tooltips Background" content="#000"/>
  31. <meta name="color:Tooltips Border" content="#fff"/>
  32. <meta name="color:Title" content="#f8ff3b"/>
  33. <meta name="color:Description" content="#fff"/>
  34. <meta name="color:Sidebar Links" content="#fff"/>
  35. <meta name="color:Sidebar Links Hover" content="#fff"/>
  36. <meta name="color:Chat Odd Color" content="#fff">
  37. <meta name="color:Chat Even Color" content="#000">
  38. <meta name="color:Chat Odd BG" content="#000">
  39. <meta name="color:Chat Even BG" content="#fff">
  40. <meta name="color:Tags" content="#fff">
  41. <meta name="color:Post Info" content="#fff">
  42. <meta name="color:Post Info Border" content="#fff">
  43. <meta name="color:AudioBG" content="#a8a8a8"/>
  44. <meta name="color:Asker" content="#000"/>
  45. <meta name="color:Asker BG" content="#eee"/>
  46. <meta name="color:Ask Text" content="#000"/>
  47. <meta name="color:Ask BG" content="#fff"/>
  48. <meta name="color:Ask Border" content="#eee"/>
  49.  
  50. <meta name="select:Title Font" title="Aclonica" content="Aclonica">
  51. <meta name="select:Title Font" title="Almendra" content="Almendra">
  52. <meta name="select:Title Font" title="Amatic" content="Amatic SC">
  53. <meta name="select:Title Font" title="Bubbler" content="Bubbler">
  54. <meta name="select:Title Font" title="Calibri" content="calibri">
  55. <meta name="select:Title Font" title="Cambria" content="cambria">
  56. <meta name="select:Title Font" title="Carrois" content="Carrois">
  57. <meta name="select:Title Font" title="Cinzel" content="Cinzel">
  58. <meta name="select:Title Font" title="Comic Sans" content="Comic Sans MS">
  59. <meta name="select:Title Font" title="Courier" content="Courier New">
  60. <meta name="select:Title Font" title="Crushed" content="Crushed">
  61. <meta name="select:Title Font" title="Englebert" content="Englebert">
  62. <meta name="select:Title Font" title="French Canon" content="French Canon">
  63. <meta name="select:Title Font" title="Great Vibes" content="Great Vibes">
  64. <meta name="select:Title Font" title="Josefin Sans" content="josefin sans">
  65. <meta name="select:Title Font" title="Julius" content="Julius">
  66. <meta name="select:Title Font" title="Just Another Hand" content="Just Another Hand">
  67. <meta name="select:Title Font" title="Just Me Again Down Here" content="Just Me Again Down Here">
  68. <meta name="select:Title Font" title="Megrim" content="Megrim">
  69. <meta name="select:Title Font" title="Nova Mono" content="Nova Mono">
  70. <meta name="select:Title Font" title="Poiret One" content="Poiret One">
  71. <meta name="select:Title Font" title="Port Lligat Slab" content="Port Lligat Slab">
  72. <meta name="select:Title Font" title="Rancho" content="Rancho">
  73. <meta name="select:Title Font" title="Rubik" content="Rubik">
  74. <meta name="select:Title Font" title="Rum Raisin" content="Rum Raisin">
  75. <meta name="select:Title Font" title="Snippet" content="Snippet">
  76. <meta name="select:Title Font" title="Syncopate" content="Syncopate">
  77. <meta name="select:Title Font" title="Times" content="Times">
  78. <meta name="select:Title Font" title="Trebuchet MS" content="trebuchet ms">
  79. <meta name="select:Title Font" title="Verdana" content="verdana">
  80. <meta name="select:Title Font" title="Voltaire" content="voltaire">
  81. <meta name="select:Title Font" title="VT323" content="vt323">
  82. <meta name="select:Title Font" title="Walter Turncoat" content="Walter Turncoat">
  83. <meta name="select:Title Font" title="Yellowtail" content="'Yellowtail', cursive">
  84.  
  85. <meta name="select:Body Font" title="Aclonica" content="Aclonica">
  86. <meta name="select:Body Font" title="Almendra" content="Almendra">
  87. <meta name="select:Body Font" title="Amatic" content="Amatic SC">
  88. <meta name="select:Body Font" title="Arial" content="arial">
  89. <meta name="select:Body Font" title="Calibri" content="calibri">
  90. <meta name="select:Body Font" title="Cambria" content="cambria">
  91. <meta name="select:Body Font" title="Comic Sans" content="Comic Sans MS">
  92. <meta name="select:Body Font" title="Courier" content="Courier New">
  93. <meta name="select:Body Font" title="Crushed" content="Crushed"><meta name="select:Title Font" title="Englebert" content="Englebert">
  94. <meta name="select:Body Font" title="French Canon" content="French Canon">
  95. <meta name="select:Body Font" title="Great Vibes" content="Great Vibes">
  96. <meta name="select:Body Font" title="Josefin Sans" content="josefin sans">
  97. <meta name="select:Body Font" title="Julius" content="Julius">
  98. <meta name="select:Body Font" title="Just Another Hand" content="Just Another Hand">
  99. <meta name="select:Body Font" title="Just Me Again Down Here" content="Just Me Again Down Here">
  100. <meta name="select:Body Font" title="Megrim" content="Megrim">
  101. <meta name="select:Body Font" title="Nova Mono" content="Nova Mono">
  102. <meta name="select:Body Font" title="Poiret One" content="Poiret One">
  103. <meta name="select:Body Font" title="Port Lligat Slab" content="Port Lligat Slab">
  104. <meta name="select:Body Font" title="Rancho" content="Rancho">
  105. <meta name="select:Body Font" title="Rubik" content="Rubik">
  106. <meta name="select:Body Font" title="Rum Raisin" content="Rum Raisin">
  107. <meta name="select:Body Font" title="Snippet" content="Snippet">
  108. <meta name="select:Body Font" title="Syncopate" content="Syncopate">
  109. <meta name="select:Body Font" title="Times" content="times">
  110. <meta name="select:Body Font" title="Trebuchet MS" content="trebuchet ms">
  111. <meta name="select:Body Font" title="Verdana" content="verdana">
  112. <meta name="select:Body Font" title="VT323" content="vt323">
  113.  
  114. <!--Images-->
  115.  
  116. <meta name="image:Background" content=""/>
  117. <meta name="image:Sidebar" content=""/>
  118.  
  119. <!--If Statements-->
  120.  
  121. <meta name="if:ShowStopBullyingLogo" content="1"/>
  122. <meta name="if:UpdatesTab" content="1"/>
  123. <meta name="if:Link1" content="1" />
  124. <meta name="if:Link2" content="1" />
  125. <meta name="if:Link3" content="1" />
  126. <meta name="if:Link4" content="1" />
  127. <meta name="if:Link5" content="1" />
  128. <meta name="if:Link6" content="1" />
  129.  
  130. <!--Links-->
  131.  
  132. <meta name="text:Link1" content="/"/>
  133. <meta name="text:Link1 Title" content="title"/>
  134. <meta name="text:Link2" content="/"/>
  135. <meta name="text:Link2 Title" content="title"/>
  136. <meta name="text:Link3" content="/"/>
  137. <meta name="text:Link3 Title" content="title"/>
  138. <meta name="text:Link4" content="/"/>
  139. <meta name="text:Link4 Title" content="title"/>
  140. <meta name="text:Link5" content="/"/>
  141. <meta name="text:Link5 Title" content="title"/>
  142. <meta name="text:Link6" content="/"/>
  143. <meta name="text:Link6 Title" content="title"/>
  144.  
  145. <!--UPDATES TAB-->
  146. <meta name="text:Updates Title 1" content="title here">
  147. <meta name="text:updates1" content="text here">
  148. <meta name="text:Updates Height 1" content="90px">
  149. <meta name="text:Updates Title 2" content="title here">
  150. <meta name="text:updates2" content="text here">
  151. <meta name="text:Updates Height 2" content="90px">
  152. <meta name="text:Updates Title 3" content="title here">
  153. <meta name="text:updates3" content="text here">
  154. <meta name="text:Updates Height 3" content="90px">
  155. <meta name="text:Updates Title 4" content="title here">
  156. <meta name="text:updates4" content="text here">
  157. <meta name="text:Updates Height 4" content="90px">
  158. <meta name="text:Updates Title 5" content="title here">
  159. <meta name="text:updates5" content="text here">
  160. <meta name="text:Updates Height 5" content="90px">
  161. <meta name="text:Updates Title 6" content="title here">
  162. <meta name="text:updates6" content="text here">
  163. <meta name="text:Updates Height 6" content="90px">
  164.  
  165. <script type="text/javascript">
  166. function toggle(obj) {
  167. var obj=document.getElementById(obj);
  168. if (obj.style.display == "block") obj.style.display = "none";
  169. else obj.style.display = "block";
  170. }
  171. </script>
  172.  
  173. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  174.  
  175. <link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
  176. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  177. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  178. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  179. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand|Crushed|Poiret+One|Walter+Turncoat|Just+Me+Again+Down+Here|Great+Vibes|Rancho' rel='stylesheet' type='text/css'>
  180. <link href='http://fonts.googleapis.com/css?family=Snippet|Syncopate|Rum+Raisin|Nova+Mono|Josefin+Sans|Cinzel|IM+Fell+French+Canon+SC|Almendra+SC|VT323|Voltaire|Aclonica|Julius+Sans+One|Englebert|Carrois+Gothic+SC|Bubbler+One|Rubik+Mono+One' rel='stylesheet' type='text/css'>
  181. <link href="http://static.tumblr.com/r44duse/MdDn76l9y/fonts.txt" rel='stylesheet' type='text/css'>
  182. <style type="text/css">
  183.  
  184. div#qTip {
  185. padding: 4px;
  186. display: none;
  187. text-align: center;
  188. position: absolute;
  189. margin-top:-40px;
  190. margin-left:-40px;
  191. font-size:8.5px;
  192. line-height:9px;
  193. font-family: {select:Title Font};
  194. z-index: 999999;
  195. background-color:{color:Tooltips Background};
  196. border: 1px solid {color:tooltips border};
  197. color: {color:Tooltips};
  198. text-transform:uppercase;
  199. letter-spacing: 1px;
  200. }
  201.  
  202. ::-webkit-scrollbar {height: auto;width: 6px;}
  203. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  204. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  205.  
  206. body {
  207. background:{color:background};
  208. background-image: url('{image:Background}');
  209. margin:0px;
  210. color:{color:text};
  211. font-family:{select:Body Font};
  212. font-size:12px;
  213. line-height:100%;
  214. word-wrap:break-word;
  215. }
  216.  
  217. pre, code {
  218. padding:10px;
  219. box-sizing:border-box;
  220. -moz-box-sizing:border-box;
  221. webkit-box-sizing:border-box;
  222. display:block;
  223. white-space: pre-wrap;
  224. white-space: -moz-pre-wrap;
  225. white-space: -pre-wrap;
  226. white-space: -o-pre-wrap;
  227. word-wrap: break-word;
  228. width:100%; overflow-x:auto;
  229. background:{color:Pre Background};
  230. }
  231.  
  232. a {
  233. text-decoration:none;
  234. outline:none;
  235. -moz-outline-style:none;
  236. color:{color:link};
  237. -webkit-transition: all 0.7s ease;
  238. -moz-transition: all 0.7s ease;
  239. -o-transition: all 0.7s ease;
  240. }
  241.  
  242. img {
  243. border:none;
  244. }
  245.  
  246. h1 {
  247. font-size:16px;
  248. text-transform:uppercase;
  249. }
  250.  
  251. a:hover {
  252. color:{color:hover};
  253. -webkit-transition: all 0.7s ease;
  254. -moz-transition: all 0.7s ease;
  255. -o-transition: all 0.7s ease;
  256. }
  257.  
  258. small{
  259. font-size:9px;
  260. line-height:110%
  261. }
  262.  
  263. big {
  264. font-size:12px;
  265. line-height:110%;
  266. }
  267.  
  268. b, strong{
  269. color:{color:bold}
  270. }
  271. i, em {
  272. color:{color:italic}
  273. }
  274. p{
  275. margin-top:5px;
  276. margin-bottom:5px;
  277. }
  278.  
  279. blockquote {
  280. padding:0px;
  281. padding-left:5px;
  282. margin:5px;
  283. border-left:1px solid {color:blockquote};
  284. }
  285.  
  286. blockquote img {
  287. max-width:300px;
  288. }
  289.  
  290. ul, li img {
  291. max-with:250px;
  292. }
  293. ul{
  294. list-style-type:square;
  295. }
  296.  
  297. ol{
  298. list-style-type:upper-roman;
  299. }
  300.  
  301. #entries {
  302. padding:10px;
  303. width:500px;
  304. margin-left:auto;
  305. margin-right:auto;
  306. margin-top:85px;
  307. padding-bottom:30px;
  308. }
  309.  
  310. #post {
  311. width:500px;
  312. padding-bottom:15px;
  313. opacity:1;
  314. }
  315. /*SIDEBAR*/
  316. #sidebar {
  317. width:120px;
  318. position:fixed;
  319. margin-left:1000px;
  320. margin-top:170px;
  321. opacity:1;
  322. }
  323.  
  324. #sidebarimage{
  325. padding-bottom:3px;
  326. }
  327.  
  328. #sidebarimage img{
  329. width:120px;
  330. height:120px;
  331. -webkit-transition: all 0.5s ease;
  332. -moz-transition: all 0.5s ease;
  333. -o-transition: all 0.5s ease
  334. }
  335.  
  336. #links {
  337. text-align:center;
  338. display:inline-block;
  339. width:120px;
  340. margin:5px 0px 5px 0px;
  341. }
  342.  
  343. #links a{
  344. background:{color:Sidebar Links};
  345. padding:4px;
  346. margin-left:1px;
  347. margin-right:1px;
  348. border-radius:100%;
  349. display:inline-block;
  350. -webkit-transition: all 0.7s ease;
  351. -moz-transition: all 0.7s ease;
  352. -o-transition: all 0.7s ease;
  353. }
  354.  
  355. #links a:hover{
  356. background:{color:Background};
  357. border-radius:0%;
  358. border-bottom:1px solid {color:Sidebar Links Hover};
  359. -webkit-transition: all 0.7s ease;
  360. -moz-transition: all 0.7s ease;
  361. -o-transition: all 0.7s ease;
  362. -webkit-filter:drop-shadow(5px 5px 3px {color:Sidebar Links});
  363. }
  364.  
  365. #title{
  366. position:fixed;
  367. margin-top:415px;
  368. margin-left:1000px;
  369. color:{color:Title};
  370. font-family:{select:Title Font};
  371. text-transform:uppercase;
  372. font-size:25px;
  373. width:120px;
  374. line-height:20px;
  375. text-align:center;
  376. }
  377.  
  378. #title:hover{
  379. -webkit-filter:drop-shadow(5px 5px 15px {color:Title});
  380. }
  381.  
  382. #description {
  383. width:120px;
  384. max-height:50px;
  385. overflow:auto;
  386. padding:10px 5px;
  387. font-size:10px;
  388. font-style:italic;
  389. text-align:justify;
  390. margin-top:5px;
  391. color:{color:Description};
  392. border-top:1px solid {color:Post Info Border};
  393. border-bottom:1px solid {color:Post Info Border};
  394. }
  395.  
  396. #pagination {
  397. position:fixed;
  398. font-size:9px;
  399. text-transform:uppercase;
  400. text-align:center;
  401. color:{color:link};
  402. letter-spacing:2px;
  403. margin-left:400px;
  404. width:500px;
  405. padding:15px;
  406. bottom:0px;
  407. background:{color:Background};
  408. opacity:.8;
  409. }
  410. /*POST INFO*/
  411. #info {
  412. color:{color:Post Info};
  413. text-align:center;padding:5px;
  414. margin-top:5px;
  415. margin-bottom:10px;
  416. text-transform: uppercase;
  417. font-size:9px;
  418. border-top:1px solid {color:Post Info Border};
  419. }
  420.  
  421. #info a{
  422. color:{color:Post Info};
  423. }
  424.  
  425. #tags{
  426. text-align:left;
  427. letter-spacing:1px;
  428. text-transform:uppercase;
  429. font-size:8.5px;
  430. font-style:italic;
  431. margin-top:-10px;
  432. opacity:0;
  433. -webkit-transition: all 0.6s ease;
  434. -moz-transition: all 0.6s ease;
  435. -o-transition: all 0.6s ease;
  436. width:500px;
  437. padding-bottom:5px;
  438. }
  439. #tags a{
  440. color:{color:Tags};
  441. }
  442.  
  443. #post:hover #tags{
  444. margin-top:1px;
  445. opacity:1;
  446. -webkit-transition: all 0.6s ease;
  447. -moz-transition: all 0.6s ease;
  448. -o-transition: all 0.6s ease;
  449. }
  450.  
  451. #notes li{
  452. padding-bottom:5px;
  453. border-bottom:1px solid {color:Post Info Border};
  454. }
  455. #notes img{
  456. vertical-align:middle;
  457. display:inline;
  458. width:20px;
  459. height:20px;
  460. padding:3px;
  461. border-radius:100%;
  462. }
  463. /*TEXT POSTS*/
  464. #written{
  465. font-size:20px;
  466. font-style:italic;
  467. text-align:center;
  468. text-transform:lowercase;
  469. padding-bottom:5px;
  470. line-height:18px;
  471. }
  472. /*QUOTE*/
  473. #spoken{
  474. font-size:16px;
  475. font-style:italic;
  476. }
  477. #quoso{
  478. padding-top:5px;
  479. text-align:right;
  480. }
  481. /*CHATS*/
  482. .chat ul{
  483. margin-left:-40px;
  484. list-style-type:none;
  485. }
  486.  
  487. .chat .odd{
  488. color:{color:Chat Odd Color};
  489. padding:5px;
  490. background: {color:Chat Odd BG};
  491. }
  492.  
  493. .chat .even{
  494. color:{color:Chat Even Color};
  495. padding:5px;
  496. background: {color:Chat Even BG};
  497. }
  498. /*AUDIO*/
  499. #audioplayer {
  500. width:27px;
  501. height:30px;
  502. overflow:hidden;
  503. position:absolute;
  504. margin-top:40px;
  505. margin-left:35px;
  506. opacity:0.7;
  507. z-index:9;
  508. }
  509.  
  510. #albumart {
  511. width:100px;
  512. height:100px;
  513. background-color:#e3e3e3;
  514. -webkit-filter:grayscale(.7);
  515. }
  516.  
  517. /*ASKS*/
  518. #curiousjoe {
  519. background:{color:Asker BG};
  520. font-size:15px;
  521. text-align:center;
  522. text-decoration:underline;
  523. padding:7px;
  524. color:{color:Asker};
  525. font-style:italic;
  526. text-transform:lowercase;
  527. letter-spacing:1.5px;
  528. }
  529.  
  530. #curiousjoe a {
  531. color:{color:Asker};
  532. }
  533. #curiousjoe a:hover{
  534. color:{color:Hover};
  535. }
  536. #q {
  537. color:{color:Ask Text};
  538. background:{color:Ask BG};
  539. border:1px solid {color:Ask Border};
  540. padding:10px;
  541. text-transform:uppercase;
  542. }
  543.  
  544. {block:ifUpdatesTab}
  545. #tab01{ /*This is the customization of EACH tab*/
  546. border-radius:100%;
  547. border:2px solid {color:Updates Border1};
  548. width:20px;
  549. margin-bottom:5px;
  550. height:20px;
  551. text-align:center;
  552. overflow:hidden;
  553. margin-top:1px1px;
  554. text-transform:uppercase;
  555. letter-spacing:1px;
  556. font-size:8px;
  557. line-height:10px;
  558. z-index:0;
  559. -webkit-transition: all .8s ease-in-out;
  560. -moz-transition: all .8s ease-in-out;
  561. -o-transition: all .8s ease-in-out;
  562. }
  563. #tab01:hover{/*This is the customization of the tabs HOVER*/
  564. height:{text:Updates Height 1};
  565. width:120px;
  566. background:none;
  567. border-left:1px solid {color:Updates Border1};
  568. border-right:none;
  569. border-top:none;
  570. border-bottom:none;
  571. border-radius:0%;
  572. -webkit-transition: all .8s ease-in-out;
  573. -moz-transition: all .8s ease-in-out;
  574. -o-transition: all .8s ease-in-out;
  575. }
  576.  
  577. #tab02{ /*This is the customization of EACH tab*/
  578. border-radius:100%;
  579. border:2px solid {color:Updates Border2};
  580. width:20px;
  581. margin-bottom:5px;
  582. height:20px;
  583. text-align:center;
  584. overflow:hidden;
  585. margin-top:1px1px;
  586. text-transform:uppercase;
  587. letter-spacing:1px;
  588. font-size:8px;
  589. line-height:10px;
  590. z-index:0;
  591. -webkit-transition: all .8s ease-in-out;
  592. -moz-transition: all .8s ease-in-out;
  593. -o-transition: all .8s ease-in-out;
  594. }
  595. #tab02:hover{/*This is the customization of the tabs HOVER*/
  596. height:{text:Updates Height 2};
  597. width:120px;
  598. background:none;
  599. border-left:1px solid {color:Updates Border2};
  600. border-right:none;
  601. border-top:none;
  602. border-bottom:none;
  603. border-radius:0%;
  604. -webkit-transition: all .8s ease-in-out;
  605. -moz-transition: all .8s ease-in-out;
  606. -o-transition: all .8s ease-in-out;
  607. }
  608.  
  609. #tab03{ /*This is the customization of EACH tab*/
  610. border-radius:100%;
  611. border:2px solid {color:Updates Border3};
  612. width:20px;
  613. margin-bottom:5px;
  614. height:20px;
  615. text-align:center;
  616. overflow:hidden;
  617. margin-top:1px1px;
  618. text-transform:uppercase;
  619. letter-spacing:1px;
  620. font-size:8px;
  621. line-height:10px;
  622. z-index:0;
  623. -webkit-transition: all .8s ease-in-out;
  624. -moz-transition: all .8s ease-in-out;
  625. -o-transition: all .8s ease-in-out;
  626. }
  627. #tab03:hover{/*This is the customization of the tabs HOVER*/
  628. height:{text:Updates Height 3};
  629. width:120px;
  630. background:none;
  631. border-left:1px solid {color:Updates Border3};
  632. border-right:none;
  633. border-top:none;
  634. border-bottom:none;
  635. border-radius:0%;
  636. -webkit-transition: all .8s ease-in-out;
  637. -moz-transition: all .8s ease-in-out;
  638. -o-transition: all .8s ease-in-out;
  639. }
  640.  
  641. #tab04{ /*This is the customization of EACH tab*/
  642. border-radius:100%;
  643. border:2px solid {color:Updates Border4};
  644. width:20px;
  645. margin-bottom:5px;
  646. height:20px;
  647. text-align:center;
  648. overflow:hidden;
  649. margin-top:1px1px;
  650. text-transform:uppercase;
  651. letter-spacing:1px;
  652. font-size:8px;
  653. line-height:10px;
  654. z-index:0;
  655. -webkit-transition: all .8s ease-in-out;
  656. -moz-transition: all .8s ease-in-out;
  657. -o-transition: all .8s ease-in-out;
  658. }
  659. #tab04:hover{/*This is the customization of the tabs HOVER*/
  660. height:{text:Updates Height 4};
  661. width:120px;
  662. background:none;
  663. border-left:1px solid {color:Updates Border4};
  664. border-right:none;
  665. border-top:none;
  666. border-bottom:none;
  667. border-radius:0%;
  668. -webkit-transition: all .8s ease-in-out;
  669. -moz-transition: all .8s ease-in-out;
  670. -o-transition: all .8s ease-in-out;
  671. }
  672.  
  673. #tab05{ /*This is the customization of EACH tab*/
  674. border-radius:100%;
  675. border:2px solid {color:Updates Border5};
  676. width:20px;
  677. margin-bottom:5px;
  678. height:20px;
  679. text-align:center;
  680. overflow:hidden;
  681. margin-top:1px1px;
  682. text-transform:uppercase;
  683. letter-spacing:1px;
  684. font-size:8px;
  685. line-height:10px;
  686. z-index:0;
  687. -webkit-transition: all .8s ease-in-out;
  688. -moz-transition: all .8s ease-in-out;
  689. -o-transition: all .8s ease-in-out;
  690. }
  691. #tab05:hover{/*This is the customization of the tabs HOVER*/
  692. height:{text:Updates Height 5};
  693. width:120px;
  694. background:none;
  695. border-left:1px solid {color:Updates Border5};
  696. border-right:none;
  697. border-top:none;
  698. border-bottom:none;
  699. border-radius:0%;
  700. -webkit-transition: all .8s ease-in-out;
  701. -moz-transition: all .8s ease-in-out;
  702. -o-transition: all .8s ease-in-out;
  703. }
  704.  
  705. #tab06{ /*This is the customization of EACH tab*/
  706. border-radius:100%;
  707. border:2px solid {color:Updates Border6};
  708. width:20px;
  709. margin-bottom:5px;
  710. height:20px;
  711. text-align:center;
  712. overflow:hidden;
  713. margin-top:1px1px;
  714. text-transform:uppercase;
  715. letter-spacing:1px;
  716. font-size:8px;
  717. line-height:10px;
  718. z-index:0;
  719. -webkit-transition: all .8s ease-in-out;
  720. -moz-transition: all .8s ease-in-out;
  721. -o-transition: all .8s ease-in-out;
  722. }
  723. #tab06:hover{/*This is the customization of the tabs HOVER*/
  724. height:{text:Updates Height 6};
  725. width:120px;
  726. background:none;
  727. border-left:1px solid {color:Updates Border6};
  728. border-right:none;
  729. border-top:none;
  730. border-bottom:none;
  731. border-radius:0%;
  732. -webkit-transition: all .8s ease-in-out;
  733. -moz-transition: all .8s ease-in-out;
  734. -o-transition: all .8s ease-in-out;
  735.  
  736. }
  737.  
  738. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  739. text-align:center;
  740. font-size:8px;
  741. text-transform:uppercase;
  742. position:fixed;
  743. font-family:calibri;
  744. background-color:transparent;
  745. letter-spacing:1px;
  746. width:30px;
  747. z-index:9999;
  748. padding:4px;
  749. top:230px;
  750. left:100px;
  751. }
  752. {/block:ifUpdatesTab}
  753.  
  754. {CustomCSS}
  755. </style>
  756. </head>
  757. <body>
  758. {block:ifUpdatesTab}
  759. <div id="structure">
  760. <div id="container"><!---this holds the entire tab together--->
  761.  
  762. <!---begin tab 1 code--->
  763. <div id="tab01">
  764. <!---div styles will style everything inside of the div. So you can make your colors all different, sizes, text-transforms, opacity, just about anything you need to style what shows in the hover--->
  765. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 1}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  766. {text:Updates1}
  767. </div>
  768. </div>
  769. <!---end tab 1 code--->
  770.  
  771. <!---begin tab 2 code--->
  772. <div id="tab02">
  773. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 2}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  774. {text:Updates2}
  775. </div></div>
  776. <!---end tab 2 code--->
  777.  
  778. <!---begin tab 3 code--->
  779. <div id="tab03">
  780. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 3}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  781. {text:Updates3}
  782. </div>
  783. </div>
  784. <!---end tab 3 code--->
  785.  
  786. <!---begin tab 4 code--->
  787.  
  788. <div id="tab04">
  789. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 4}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  790. {text:Updates4}
  791. </div>
  792. </div>
  793.  
  794. <!---end tab 4 code--->
  795.  
  796. <!---begin tab 5 code--->
  797. <div id="tab05">
  798. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 5}</div> <div style="padding-bottom:13px; opacity:.9; font-family: calibri; font-size:9px; line-height:14px; text-align:center; color:{color:updates text};"><br>
  799. {text:Updates5}
  800. </div></div>
  801. <!---end tab 5 code--->
  802. <!--begin tab 6-->
  803. <div id="tab06">
  804. <div></div> <div style="color:{color:updates text title};padding-top:16px;text-transform:uppercase;font-family:cambria;font-size:11px;line-height:14px;text-decoration:underline">{text:Updates Title 6}</div> <div style="padding-bottom:13px; opacity:.9; font-family: cambria; font-size:9px; text-transform:none; text-transform:none; text-transform:none; line-height:14px; text-align:center; color:##ff8f8f;"><br>
  805. {text:Updates6}
  806. <!--end tab 6-->
  807. </div></div>
  808. <!--copy and paste the code for one tab again to add more :) just make sure the numbers here correspond with the numbers in the css above (you'll have to copy + paste code for a tab there too)!-->
  809. </div></div></div></div>
  810. {/block:IfUpdatesTab}
  811.  
  812. <a id="title" title="click" href="javascript: void(0);" onClick="toggle('sidebar')">{Title}</a>
  813. <div id="sidebar" style="display:none;">
  814. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  815. <div id="links">
  816. <a title="home" href="/"></a>
  817. <a title="ask" href="/ask"></a>
  818. {block:ifLink1}<a title="{text:Link1 Title}" href="{text:Link1}"></a>{/block:ifLink1}
  819. {block:ifLink2}<a title="{text:Link2 Title}" href="{text:Link2}"></a>{/block:ifLink2}
  820. {block:ifLink3}<a title="{text:Link3 Title}" href="{text:Link3}"></a>{/block:ifLink3}
  821. {block:ifLink4}<a title="{text:Link4 Title}" href="{text:Link4}"></a>{/block:ifLink4}
  822. {block:ifLink5}<a title="{text:Link5 Title}" href="{text:Link5}"></a>{/block:ifLink5}
  823. {block:ifLink6}<a title="{text:Link6 Title}" href="{text:Link6}"></a>{/block:ifLink6}
  824. </div>
  825. <div id="description">{Description}</div>
  826. </div>
  827.  
  828. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> -{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  829.  
  830. <div id="entries">{block:Posts}<div id="post">
  831.  
  832. {block:Text}{block:Title}<div id="written"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}{/block:Text}
  833.  
  834. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  835.  
  836. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  837.  
  838. {block:Quote}<div id="spoken">"{Quote}"</div>{block:Source}<div id="quoso"> — {Source}</div>{/block:Source}{/block:Quote}
  839.  
  840. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  841.  
  842. {block:Chat}<div class="chat"><ul>{block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  843.  
  844. {block:Audio}<div id="audio"><table style="padding:5px;margin-bottom:5px;"><tr><td style="vertical-align:top;"><div id="audioplayer">{AudioPlayerWhite}</div><div id="albumart">
  845. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px;height:100px">
  846. {/block:AlbumArt}</div></td><td style="vertical-align:middle;height:100px; font-size:14px; line-height:18px;background:{color:AudioBG};width:400px;padding-left:10px;text-transform:uppercase">{block:TrackName}<b><u>Title:</u></b> {TrackName}<br />{/block:TrackName}{block:Artist}<b><u>Artist:</u></b> {Artist} <br />{/block:Artist}{block:Album}<b><u>Album:</u></b> {Album} <br />{/block:Album}{block:PlayCount}<b><u>Played:</u></b> {FormattedPlayCount} times{/block:PlayCount}
  847. </td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Audio}
  848.  
  849. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  850.  
  851. {block:Answer}<div id="curiousjoe">{Asker} inquired:</div> <div id="q">{Question}</div><div id="ansy">{Answer}</div>{/block:Answer}
  852.  
  853. <div id="info">
  854. <a style="float:left" title="reblog?" href="{ReblogURL}">reblog</a> <a href="{Perimalink}">{block:Date}<a style="float:right" title="{TimeAgo}" href="{Permalink}">{DayofMonth}.{MonthNumberWithZero}.{ShortYear}</a></span>{/block:Date}with <a href="{Permalink}">{NoteCountWithLabel}</a> ({block:RebloggedFrom} <a title="{ReblogParentName}//{ReblogParentTitle}" href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  855. {block:RebloggedFrom} & <a title="{ReblogRootName} // {ReblogRootTitle}" href="{ReblogRootURL}"> © </a>{/block:RebloggedFrom})
  856. {block:HasTags} <div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  857. </div>
  858. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  859. {/block:Posts}</div>
  860.  
  861. {block:IfShowStopBullyingLogo}
  862. <div style="bottom:10px; left:10px; width:auto; height:auto; position:fixed; display:block; z-index:9999999; background-color:transparent"><a href="http://stop-bullies.tumblr.com"><img src="http://i43.tinypic.com/2w585e1.png" width="90"></div>
  863. {/block:IfShowStopBullyingLogo}
  864.  
  865. <div style="font-size: 15px; letter-spacing: 1px; float: right; position: fixed; bottom: 15px; right: 15px; text-transform:uppercase;color:#fff;font-family:vt323"><a title="foundcas theme" href="http://foundcas.tumblr.com">fc</a></div>
  866.  
  867. </body>
  868.  
  869. </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!