Advertisement
iamthemelocked

Iamthemelocked #97 - Military

Oct 1st, 2014
680
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.54 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--- Theme by iamthemelocked
  4. DO NOT REMOVE THE CREDIT
  5. DO NOT COPY
  6. DO NOT CLAIM AS YOUR OWN
  7. IF YOU DO THEN I´LL MAKE YOU INTO SHOES
  8. BIT NOT GOOD, ISN´T IT?--->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,300' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  21.  
  22. <!--- IMAGES --->
  23.  
  24. <meta name="image:Sidebar Big Image" content=""/>
  25. <meta name="image:Sidebar Small Image 1" content=""/>
  26. <meta name="image:Sidebar Small Image 2" content=""/>
  27.  
  28. <!--- IMAGES --->
  29.  
  30. <!--- OPTIONS --->
  31.  
  32. <meta name="if:Black and White Posts" content="0"/>
  33. <meta name="if:Infinite Scroll" content="0">
  34. <meta name="if:Tiny Cursor" content="1">
  35. <meta name="if:Use Link 3" content="1">
  36. <meta name="if:Use Link 4" content="1">
  37. <meta name="if:Use Link 5" content="1">
  38. <meta name="if:Use Link 6" content="1">
  39. <meta name="if:Use Link 7" content="1">
  40. <meta name="if:Use Link 8" content="1">
  41. <meta name="if:Use Link 9" content="1">
  42. <meta name="if:Use Link 10" content="1">
  43. <meta name="if:Use Link 11" content="1">
  44. <meta name="if:Use Link 12" content="1">
  45.  
  46. <!--- OPTIONS --->
  47.  
  48. <!--- FONTS --->
  49.  
  50. <meta name="font:Post Font" content="calibri" />
  51. <meta name="font:Description Font" content="calibri" />
  52. <meta name="font:Links Font" content="calibri" />
  53. <meta name="font:Pagination Font" content="calibri" />
  54. <meta name="font:Tags Font" content="calibri" />
  55.  
  56. <!--- FONTS --->
  57.  
  58. <!--- FONT SIZES --->
  59.  
  60. <meta name="text:General Links Font Size" content="8px"/>
  61. <meta name="text:Post Font Size" content="10px"/>
  62. <meta name="text:Description Font Size" content="9px"/>
  63. <meta name="text:Links Font Size" content="10px"/>
  64. <meta name="text:Pagination Font Size" content="10px"/>
  65. <meta name="text:Tags Font Size" content="8px"/>
  66.  
  67. <!--- FONT SIZES --->
  68.  
  69. <!--- LETTER SPACING --->
  70.  
  71. <meta name="text:Post Letter Spacing" content="0px"/>
  72. <meta name="text:Description Letter Spacing" content="0px"/>
  73. <meta name="text:Links Letter Spacing" content="2px"/>
  74. <meta name="text:Tags Letter Spacing" content="1px"/>
  75.  
  76. <!--- LETTER SPACING --->
  77.  
  78. <!--- GENERAL COLOURS --->
  79.  
  80. <meta name="color:Background" content="#ffffff"/>
  81. <meta name="color:Post Text" content="#b8b8b8"/>
  82. <meta name="color:General Links Colour" content="#cc3434"/>
  83. <meta name="color:General Links Hover Colour" content="#ffffff"/>
  84.  
  85. <!--- GENERAL COLOURS --->
  86.  
  87. <!--- SIDEBAR / HEADER --->
  88.  
  89. <meta name="color:Sidebar Image Border" content="#000000"/>
  90. <meta name="color:Sidebar Background Colour" content="#000000"/>
  91. <meta name="color:Second Sidebar Background Colour" content="#000000"/>
  92.  
  93. <meta name="color:Links Text" content="#ffffff"/>
  94. <meta name="color:Links Text Hover" content="#ffffff"/>
  95. <meta name="color:Links Background" content="#000000"/>
  96. <meta name="color:Links Background Hover" content="#cc3434"/>
  97.  
  98. <meta name="color:Description Text" content="#b6b6b6"/>
  99.  
  100. <meta name="color:Pagination Text" content="#ffffff"/>
  101. <meta name="color:Pagination Text Hover" content="#cc3434"/>
  102.  
  103. <meta name="color:Border" content="#dddddd"/>
  104.  
  105. <!--- SIDEBAR / HEADER --->
  106.  
  107. <!--- INFO SECTION --->
  108.  
  109. <meta name="color:Info Big Background" content="#cc3434"/>
  110. <meta name="color:Info Text Colour" content="#000000"/>
  111. <meta name="color:Info Text Colour Hover" content="#ffffff"/>
  112.  
  113. <meta name="color:Date Button Colour" content="#ffffff"/>
  114. <meta name="color:Date Button Hover" content="#fb9111"/>
  115. <meta name="color:Notes Button Colour" content="#ffffff"/>
  116. <meta name="color:Notes Button Hover" content="#fb9111"/>
  117. <meta name="color:Via Button Colour" content="#ffffff"/>
  118. <meta name="color:Via Button Hover" content="#fb9111"/>
  119. <meta name="color:Origin Button Colour" content="#ffffff"/>
  120. <meta name="color:Origin Button Hover" content="#fb9111"/>
  121.  
  122. <meta name="color:Reblog Button Colour" content="#000000"/>
  123. <meta name="color:Reblog Text Colour" content="#ffffff"/>
  124. <meta name="color:Reblog Button Hover" content="#fdd017"/>
  125. <meta name="color:Reblog Text Colour Hover" content="#ffffff"/>
  126.  
  127. <!--- INFO SECTION --->
  128.  
  129. <!--- TAGS --->
  130.  
  131. <meta name="color:Tags Text Colour" content="#ffffff"/>
  132. <meta name="color:Tags Background Colour" content="#000000"/>
  133. <meta name="color:Tags Text Colour Hover" content="#ffffff"/>
  134. <meta name="color:Tags Background Colour Hover" content="#fdd017"/>
  135.  
  136. <!--- TAGS --->
  137.  
  138. <!--- POSTS --->
  139.  
  140. <meta name="color:Quote Mark Colour" content="#cc3434"/>
  141. <meta name="color:Chat Label Colour" content="#cc3434"/>
  142. <meta name="color:Chat Background 1 Colour" content="#f6f6f6"/>
  143. <meta name="color:Chat Background 2 Colour" content="#f0eeeeee"/>
  144. <meta name="color:Questions Background" content="#000000"/>
  145. <meta name="color:Questions Text" content="#ffffff"/>
  146. <meta name="color:Audio Player Background" content="#000000"/>
  147. <meta name="color:Audio Player Text" content="#ffffff"/>
  148.  
  149. <!--- POSTS --->
  150.  
  151. <!--- OTHER --->
  152.  
  153. <meta name="color:Tooltip Background Colour" content="#000000"/>
  154. <meta name="color:Tooltip Text Colour" content="#ffffff"/>
  155. <meta name="color:Selection Colour" content="#000000"/>
  156. <meta name="color:Selection Colour Hover" content="#ffffff"/>
  157. <meta name="color:Scrollbar Colour" content="#000000"/>
  158.  
  159. <!--- OTHER --->
  160.  
  161. <!--- LINKS --->
  162.  
  163. <meta name="text:Link1 Url" content="/"/>
  164. <meta name="text:Link1 Name" content="Home"/>
  165.  
  166. <meta name="text:Link2 Url" content="/ask"/>
  167. <meta name="text:Link2 Name" content="Askbox"/>
  168.  
  169. <meta name="text:Link3 Url" content="http://"/>
  170. <meta name="text:Link3 Name" content="Link 3"/>
  171.  
  172. <meta name="text:Link4 Url" content="http://"/>
  173. <meta name="text:Link4 Name" content="Link 4"/>
  174.  
  175. <meta name="text:Link5 Url" content="http://"/>
  176. <meta name="text:Link5 Name" content="Link 5"/>
  177.  
  178. <meta name="text:Link6 Url" content="http://"/>
  179. <meta name="text:Link6 Name" content="Link 6"/>
  180.  
  181. <meta name="text:Link7 Url" content="http://"/>
  182. <meta name="text:Link7 Name" content="Link 7"/>
  183.  
  184. <meta name="text:Link8 Url" content="http://"/>
  185. <meta name="text:Link8 Name" content="Link 8"/>
  186.  
  187. <meta name="text:Link9 Url" content="http://"/>
  188. <meta name="text:Link9 Name" content="Link 9"/>
  189.  
  190. <meta name="text:Link10 Url" content="http://"/>
  191. <meta name="text:Link10 Name" content="Link 10"/>
  192.  
  193. <meta name="text:Link11 Url" content="http://"/>
  194. <meta name="text:Link11 Name" content="Link 11"/>
  195.  
  196. <meta name="text:Link12 Url" content="http://"/>
  197. <meta name="text:Link12 Name" content="Link 12"/>
  198.  
  199. <!--- LINKS --->
  200.  
  201. <!--- UPDATES TAB COLOURS --->
  202.  
  203. <meta name="color:Tab Text Colour" content="#000000"/>
  204. <meta name="color:Tab Links Colour" content="#b6b6b6"/>
  205. <meta name="color:Tab Links Colour Hover" content="#000000"/>
  206.  
  207. <meta name="color:Tab Line 1 Colour" content="#e7e405"/>
  208. <meta name="color:Tab Line 2 Colour" content="#cc096e"/>
  209. <meta name="color:Tab Line 3 Colour" content="#18c306"/>
  210.  
  211. <!--- UPDATES TAB COLOURS --->
  212.  
  213. <!---UPDATES TAB ON/OFF --->
  214.  
  215. <meta name="if:Updates Tab" content="1"/>
  216.  
  217. <!---UPDATES TAB ON/OFF --->
  218.  
  219. <!---INFINTE SCROLL --->
  220.  
  221. {block:IfInfiniteScroll}
  222. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  223. {/block:IfInfiniteScroll}
  224. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  225.  
  226. <!---INFINTE SCROLL --->
  227.  
  228. <!--- SPECIAL FONTS --->
  229.  
  230. <script type="text/javascript">
  231. WebFontConfig = {
  232. google: { families: [ 'Petit+Formal+Script::latin' ] }
  233. };
  234. (function() {
  235. var wf = document.createElement('script');
  236. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  237. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  238. wf.type = 'text/javascript';
  239. wf.async = 'true';
  240. var s = document.getElementsByTagName('script')[0];
  241. s.parentNode.insertBefore(wf, s);
  242. })(); </script>
  243.  
  244. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  245.  
  246. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  247.  
  248. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  249.  
  250. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  251.  
  252. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  253. <!--- SPECIAL FONTS --->
  254.  
  255. <style type="text/css">
  256.  
  257. /* --- SCROLLBAR ---*/
  258.  
  259. ::-webkit-scrollbar-thumb:vertical {
  260. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar colour};}
  261.  
  262. ::-webkit-scrollbar-thumb:horizontal {
  263. background-color:{color:background};border:2px solid {color:Scrollbar colour};}
  264.  
  265. ::-webkit-scrollbar {
  266. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar colour};}
  267.  
  268. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:7px; border-right:2px solid {color:background}; border-left:2px solid {color:background}; background-color:{color:Scrollbar colour};}
  269.  
  270. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  271.  
  272. /* --- SCROLLBAR ---*/
  273.  
  274. /* --- BODY ---*/
  275.  
  276. #s-m-t-tooltip{
  277. position:absolute;
  278. margin-top: 15px;
  279. letter-spacing:1px;
  280. z-index:9999999999999;
  281. background:{color:Tooltip Background Colour};
  282. color:{color:Tooltip Text Colour};
  283. text-transform:uppercase;
  284. letter-spacing:2px;
  285. max-width:320px;
  286. font-size:8px;
  287. padding:4px 5px 4px 5px;
  288. -webkit-transition:all 0.4s;
  289. -moz-transition:all 0.4s;
  290. -ms-transition:all 0.4s;
  291. -o-transition:all 0.4s;
  292. transition:all 0.4s;
  293. }
  294.  
  295. body {
  296. background:{color:background};
  297. margin:0px;
  298. font-size: {text:Post Font Size};
  299. color:{color:Post text};
  300. font-family: {font:Post Font};
  301. line-height:125%;
  302. }
  303.  
  304. b, strong {color: {color:General Links Colour};}
  305. i, em {color: {color:General Links Colour};}
  306. p {margin-top:5px;margin-bottom:5px}
  307. ol {list-style:normal;}
  308. ul {list-style:square;}
  309. small {font-size:8px;}
  310. big {font-size:10px;}
  311.  
  312. a {
  313. text-decoration:none;
  314. outline:none;
  315. font-size:{text:General Links Font Size};
  316. padding:2px;
  317. text-transform:uppercase;
  318. -moz-outline-style:none;
  319. color:{color:General Links Colour};
  320. -webkit-transition:all 0.5s;
  321. -moz-transition:all 0.5s;
  322. -ms-transition:all 0.5s;
  323. -o-transition:all 0.5s;
  324. transition:all 0.5s;
  325. }
  326.  
  327. a:hover {
  328. text-decoration:none;
  329. outline:none;
  330. -moz-outline-style:none;
  331. background:{color:General Links Colour};
  332. color:{color:General Links Hover Colour};
  333. -webkit-transition:all 0.5s;
  334. -moz-transition:all 0.5s;
  335. -ms-transition:all 0.5s;
  336. -o-transition:all 0.5s;
  337. transition:all 0.5s;
  338. }
  339.  
  340. img {
  341. border:none;
  342. }
  343.  
  344. blockquote {
  345. padding-left:5px;
  346. border-left:2px solid;
  347. }
  348.  
  349. blockquote blockquote {
  350. padding-left:5px;
  351. border-left:2px solid;
  352. }
  353.  
  354. h1 {
  355. font-size:12px;
  356. text-transform:uppercase;
  357. text-align:center;
  358. padding:2px;
  359. color:{color:General Links Colour};
  360. letter-spacing:3px;
  361. font-family:calibri;
  362. }
  363.  
  364. /* --- BODY ---*/
  365.  
  366. /* --- POST ENTRIES ---*/
  367.  
  368. #entries {
  369. padding:10px;
  370. width:500px;
  371. margin-left:400px;
  372. text-align:justify;
  373. margin-top:-35px;
  374. font-family: {font:Post Font};
  375. }
  376.  
  377. #post {
  378. font-family: {font:Post Font};
  379. margin-top:60px;
  380. margin-bottom:60px;
  381. width:500px;
  382. font-size: {text:Post Font Size};
  383. background-color: transparent;
  384. {block:IfBlackandWhitePosts}
  385. -webkit-filter: grayscale(100%);
  386. -moz-filter: grayscale(100%);
  387. filter: grayscale(100%);
  388. -webkit-transition:all 0.5s;
  389. -moz-transition:all 0.5s;
  390. -ms-transition:all 0.5s;
  391. -o-transition:all 0.5s;
  392. transition:all 0.5s;
  393. }
  394.  
  395. #post:hover {
  396. background-color:transparent;
  397. -webkit-transition:all 0.5s;
  398. -moz-transition:all 0.5s;
  399. -ms-transition:all 0.5s;
  400. -o-transition:all 0.5s;
  401. transition:all 0.5s;
  402. -webkit-filter: grayscale(0%);
  403. -moz-filter: grayscale(0%);
  404. filter: grayscale(0%);
  405. {block:IfBlackandWhitePosts}
  406. }
  407.  
  408. /* --- POST ENTRIES ---*/
  409.  
  410. /* --- SIDEBAR / HEADER ---*/
  411.  
  412. #sidebar{
  413. opacity:1;
  414. height:130%;
  415. width:245px;
  416. background-image:url({image:Sidebar Big Image});
  417. background-position:center bottom;
  418. background-repeat:no-repeat;
  419. position:fixed;
  420. float:left;
  421. background-color:{color:Sidebar Background Colour};
  422. margin-left:0px;
  423. }
  424.  
  425. #sidebar2{
  426. opacity:1;
  427. height:130%;
  428. width:114px;
  429. float:left;
  430. margin-left:245px;
  431. position:fixed;
  432. border-left:5px solid {color:Sidebar Image Border};
  433. background-color:{color:Second Sidebar Background Colour};
  434. }
  435.  
  436. #sidebar:hover #image2 img{
  437. opacity:0;
  438. margin-top:-100px;
  439. -webkit-transition: all 0.6s;
  440. -moz-transition: all 0.6s;
  441. -ms-transition:all 0.6s;
  442. -o-transition: all 0.6s;
  443. transition: all 0.6s;
  444. }
  445.  
  446. #sidebar:hover #image3 img{
  447. opacity:0;
  448. margin-top:-100px;
  449. -webkit-transition: all 0.6s;
  450. -moz-transition: all 0.6s;
  451. -ms-transition:all 0.6s;
  452. -o-transition: all 0.6s;
  453. transition: all 0.6s;
  454. }
  455.  
  456. #sidebar:hover #description{
  457. opacity:1;
  458. margin-left:40px;
  459. -webkit-transition: all 0.6s;
  460. -moz-transition: all 0.6s;
  461. -ms-transition:all 0.6s;
  462. -o-transition: all 0.6s;
  463. transition: all 0.6s;
  464. }
  465.  
  466. #sidebar:hover #pagination{
  467. opacity:1;
  468. margin-left:40px;
  469. -webkit-transition: all 0.6s;
  470. -moz-transition: all 0.6s;
  471. -ms-transition:all 0.6s;
  472. -o-transition: all 0.6s;
  473. transition: all 0.6s;
  474. }
  475.  
  476. /* --- SIDEBAR / HEADER ---*/
  477.  
  478. /* --- IMAGES ---*/
  479.  
  480. #image2 img {
  481. height:60px;
  482. width:60px;
  483. margin-top:150px;
  484. opacity:1;
  485. margin-left:35px;
  486. padding:6px;
  487. position:fixed;
  488. background:{color:background};
  489. border:4px solid {color:Sidebar Image Border};
  490. -webkit-transition: all 0.6s;
  491. -moz-transition: all 0.6s;
  492. -ms-transition:all 0.6s;
  493. -o-transition: all 0.6s;
  494. transition: all 0.6s;
  495. }
  496.  
  497. #image3 img {
  498. height:60px;
  499. width:60px;
  500. margin-top:150px;
  501. opacity:1;
  502. margin-left:130px;
  503. padding:6px;
  504. background:{color:background};
  505. position:fixed;
  506. border:4px solid {color:Sidebar Image Border};
  507. -webkit-transition: all 0.6s;
  508. -moz-transition: all 0.6s;
  509. -ms-transition:all 0.6s;
  510. -o-transition: all 0.6s;
  511. transition: all 0.6s;
  512. }
  513.  
  514. /* --- IMAGES ---*/
  515.  
  516. /* --- LINKS ---*/
  517.  
  518. #links {
  519. text-align:center;
  520. text-transform:uppercase;
  521. height:auto;
  522. width:100px;
  523. font-family:{text:Links Font};
  524. font-size:{text:Links Font Size};
  525. letter-spacing:{text:Links Letter Spacing};
  526. position:fixed;
  527. float:left;
  528. opacity:1;
  529. margin-left:7px;
  530. margin-top:230px;
  531. -webkit-transition: all 0.6s;
  532. -moz-transition: all 0.6s;
  533. -ms-transition:all 0.6s;
  534. -o-transition: all 0.6s;
  535. transition: all 0.6s;
  536. }
  537.  
  538. #links a {
  539. display:inline-block;
  540. margin:3px;
  541. padding:4px;
  542. background:{color:Links Background};
  543. height:auto;
  544. line-height:100%;
  545. color:{color:Links Text};
  546. width:80px;
  547. -webkit-transition: all 0.6s;
  548. -moz-transition: all 0.6s;
  549. -ms-transition:all 0.6s;
  550. -o-transition: all 0.6s;
  551. transition: all 0.6s;
  552. }
  553.  
  554. #links a:hover {
  555. color:{color:Links Text Hover};
  556. background:{color:Links Background Hover};
  557. -webkit-transition: all 0.6s;
  558. -moz-transition: all 0.6s;
  559. -ms-transition:all 0.6s;
  560. -o-transition: all 0.6s;
  561. transition: all 0.6s;
  562. }
  563.  
  564. /* --- LINKS ---*/
  565.  
  566. /* --- DESCRIPTION ---*/
  567.  
  568. #description {
  569. font-family:{text:Description Font};
  570. line-height:100%;
  571. width:150px;
  572. font-size:{text:Description Font Size};
  573. height:auto;
  574. position:fixed;
  575. margin-left:-100px;
  576. opacity:0;
  577. float:left;
  578. text-transform:uppercase;
  579. padding:4px;
  580. margin-top:190px;
  581. text-align:left;
  582. border:4px double {color:Border};
  583. letter-spacing:{text:Description Letter Spacing};
  584. color:{color:Description Text};
  585. -webkit-transition: all 0.6s;
  586. -moz-transition: all 0.6s;
  587. -ms-transition:all 0.6s;
  588. -o-transition: all 0.6s;
  589. transition: all 0.6s;
  590. }
  591.  
  592. /* --- DESCRIPTION ---*/
  593.  
  594. /* --- PAGINATION ---*/
  595.  
  596. #pagination {
  597. width:150px;
  598. height:auto;
  599. padding:4px;
  600. text-transform:uppercase;
  601. opacity:0;
  602. border:4px double {color:Border};
  603. margin-top:155px;
  604. position:fixed;
  605. float:left;
  606. margin-left:-100px;
  607. line-height:10px;
  608. text-align:center;
  609. -webkit-transition: all 0.6s;
  610. -moz-transition: all 0.6s;
  611. -ms-transition:all 0.6s;
  612. -o-transition: all 0.6s;
  613. transition: all 0.6s;
  614. }
  615.  
  616. #pagination a, .current {
  617. font-family:{text:Pagination Font};
  618. font-size:{text:Pagination Font Size};
  619. width:auto;
  620. padding:2px 5px;
  621. color:{color:Pagination Text};
  622. -webkit-transition: all 0.8s;
  623. -moz-transition: all 0.8s;
  624. -ms-transition:all 0.8s;
  625. -o-transition: all 0.8s;
  626. transition: all 0.8s;
  627. }
  628.  
  629. #pagination a:hover {
  630. color:{color:Pagination Text Hover};
  631. background:none;
  632. -webkit-transition: all 0.8s;
  633. -moz-transition: all 0.8s;
  634. -ms-transition:all 0.8s;
  635. -o-transition: all 0.8s;
  636. transition: all 0.8s;
  637. }
  638.  
  639. /* --- PAGINATION ---*/
  640.  
  641. /* --- POST INFO ---*/
  642.  
  643. #sec {
  644. width:500px;
  645. height: auto;
  646. margin-left: 0px;
  647. display:block;
  648. position:justify;
  649. -webkit-transition: all 0.4s ease-in-out;
  650. -moz-transition: all 0.4s ease-in-out;
  651. -o-transition: all 0.4s ease-in-out;
  652. transition: all 0.4s ease-in-out;
  653. }
  654.  
  655. #info {
  656. width:500px;
  657. height: 16px;
  658. padding-bottom:4px;
  659. padding-top:3px;
  660. margin-top:10px;
  661. background-color: {color:Info Big Background};
  662. -webkit-transition: all 0.4s ease-in-out;
  663. -moz-transition: all 0.4s ease-in-out;
  664. -o-transition: all 0.4s ease-in-out;
  665. transition: all 0.4s ease-in-out;
  666. }
  667.  
  668. #info a{
  669. padding-top:2px;
  670. padding-bottom:2px;
  671. padding-left:6px;
  672. padding-right:6px;
  673. font-size:8.5px;
  674. font-family:calibri;
  675. -webkit-transition: all 0.4s ease-in-out;
  676. -moz-transition: all 0.4s ease-in-out;
  677. -o-transition: all 0.4s ease-in-out;
  678. transition: all 0.4s ease-in-out;
  679. }
  680.  
  681. #info a:hover{
  682. padding-right:20px;
  683. padding-left:20px;
  684. -webkit-transition: all 0.4s ease-in-out;
  685. -moz-transition: all 0.4s ease-in-out;
  686. -o-transition: all 0.4s ease-in-out;
  687. transition: all 0.4s ease-in-out;
  688. }
  689.  
  690. #date a {
  691. display: inline-block;
  692. width: auto;
  693. float:left;
  694. height: 13px;
  695. text-align:center;
  696. border-right:2px solid {color:Info Text Colour};
  697. background-color: {color:Date Button Colour};
  698. color:{color:Info Text Colour};
  699. -webkit-transition: all 0.4s ease-in-out;
  700. -moz-transition: all 0.4s ease-in-out;
  701. -o-transition: all 0.4s ease-in-out;
  702. transition: all 0.4s ease-in-out;
  703. }
  704.  
  705. #date a:hover {
  706. color:{color:Info Text Colour Hover};
  707. background-color: {color:Date Button Hover};
  708. -webkit-transition: all 0.4s ease-in-out;
  709. -moz-transition: all 0.4s ease-in-out;
  710. -o-transition: all 0.4s ease-in-out;
  711. transition: all 0.4s ease-in-out;
  712. }
  713.  
  714. #number a{
  715. display: inline-block;
  716. width: auto;
  717. float:left;
  718. height: 13px;
  719. margin-left:-2px;
  720. text-align:center;
  721. color:{color:Info Text Colour};
  722. border-left:2px solid {color:Info Text Colour};
  723. border-right:2px solid {color:Info Text Colour};
  724. background-color: {color:Notes Button Colour};
  725. -webkit-transition: all 0.4s ease-in-out;
  726. -moz-transition: all 0.4s ease-in-out;
  727. -o-transition: all 0.4s ease-in-out;
  728. transition: all 0.4s ease-in-out;
  729. }
  730.  
  731. #number a:hover{
  732. color:{color:Info Text Colour Hover};
  733. background-color: {color:Notes Button Hover};
  734. -webkit-transition: all 0.4s ease-in-out;
  735. -moz-transition: all 0.4s ease-in-out;
  736. -o-transition: all 0.4s ease-in-out;
  737. transition: all 0.4s ease-in-out;
  738. }
  739.  
  740. #via a{
  741. display: inline-block;
  742. width: auto;
  743. float:left;
  744. height: 13px;
  745. margin-left:-2px;
  746. text-align:center;
  747. color:{color:Info Text Colour};
  748. border-left:2px solid {color:Info Text Colour};
  749. border-right:2px solid {color:Info Text Colour};
  750. background-color: {color:Via Button Colour};
  751. -webkit-transition: all 0.4s ease-in-out;
  752. -moz-transition: all 0.4s ease-in-out;
  753. -o-transition: all 0.4s ease-in-out;
  754. transition: all 0.4s ease-in-out;
  755. }
  756.  
  757. #via a:hover{
  758. color:{color:Info Text Colour Hover};
  759. background-color: {color:Via Button Hover};
  760. -webkit-transition: all 0.4s ease-in-out;
  761. -moz-transition: all 0.4s ease-in-out;
  762. -o-transition: all 0.4s ease-in-out;
  763. transition: all 0.4s ease-in-out;
  764. }
  765.  
  766. #origin a{
  767. display: inline-block;
  768. width: auto;
  769. float:left;
  770. height: 13px;
  771. margin-left:-2px;
  772. text-align:center;
  773. color:{color:Info Text Colour};
  774. border-left:2px solid {color:Info Text Colour};
  775. background-color: {color:Origin Button Colour};
  776. -webkit-transition: all 0.4s ease-in-out;
  777. -moz-transition: all 0.4s ease-in-out;
  778. -o-transition: all 0.4s ease-in-out;
  779. transition: all 0.4s ease-in-out;
  780. }
  781.  
  782. #origin a:hover{
  783. color:{color:Info Text Colour Hover};
  784. background-color: {color:Origin Button Hover};
  785. -webkit-transition: all 0.4s ease-in-out;
  786. -moz-transition: all 0.4s ease-in-out;
  787. -o-transition: all 0.4s ease-in-out;
  788. transition: all 0.4s ease-in-out;
  789. }
  790.  
  791. #reblog a{
  792. display: inline-block;
  793. width: auto;
  794. float:left;
  795. height: 13px;
  796. padding-top:2px;
  797. padding-bottom:2px;
  798. padding-left:6px;
  799. padding-right:6px;
  800. color:{color:Reblog Text Colour};
  801. background-color: {color:Reblog Button Colour};
  802. -webkit-transition: all 0.4s ease-in-out;
  803. -moz-transition: all 0.4s ease-in-out;
  804. -o-transition: all 0.4s ease-in-out;
  805. transition: all 0.4s ease-in-out;
  806. }
  807.  
  808. #reblog a:hover {
  809. color:{color:Reblog Text Colour Hover};
  810. background-color: {color:Reblog Button Hover};
  811. -webkit-transition: all 0.4s ease-in-out;
  812. -moz-transition: all 0.4s ease-in-out;
  813. -o-transition: all 0.4s ease-in-out;
  814. transition: all 0.4s ease-in-out;
  815. }
  816.  
  817. /* --- POST INFO ---*/
  818.  
  819. /* --- POST TAGS ---*/
  820.  
  821. #tags {
  822. opacity:0;
  823. font-family: {font:Tags Font};
  824. width:497px;
  825. margin-left:3px;
  826. text-transform:uppercase;
  827. letter-spacing:1px;
  828. height:auto;
  829. margin-top:4px;
  830. font-size: {text:Tags Font Size};
  831. text-align:left;
  832. -webkit-transition: all 0.4s ease-in-out;
  833. -moz-transition: all 0.4s ease-in-out;
  834. -o-transition: all 0.4s ease-in-out;
  835. transition: all 0.4s ease-in-out;
  836. }
  837.  
  838. #tags a {
  839. letter-spacing:{text:Tags Letter Spacing};
  840. width:auto;
  841. box-shadow:2px 2px 0px {color:Border};
  842. height:8px;
  843. padding:1px;
  844. padding-left:4px;
  845. line-height:15px;
  846. font-size:8px;
  847. margin-left:0px;
  848. padding-right:4px;
  849. color:{color:Tags Text Colour};
  850. background-color:{color:Tags Background Colour};
  851. -webkit-transition: all 0.4s ease-in-out;
  852. -moz-transition: all 0.4s ease-in-out;
  853. -o-transition: all 0.4s ease-in-out;
  854. transition: all 0.4s ease-in-out;
  855. }
  856.  
  857. #tags a:hover {
  858. color:{color:Tags Text Colour Hover};
  859. background-color:{color:Tags Background Colour Hover};
  860. -webkit-transition: all 0.4s ease-in-out;
  861. -moz-transition: all 0.4s ease-in-out;
  862. -o-transition: all 0.4s ease-in-out;
  863. transition: all 0.4s ease-in-out;
  864. }
  865.  
  866. #post:hover #tags{
  867. -webkit-transition: all 0.4s ease-in-out;
  868. -moz-transition: all 0.4s ease-in-out;
  869. -o-transition: all 0.4s ease-in-out;
  870. transition: all 0.4s ease-in-out;
  871. opacity:1;
  872. }
  873.  
  874. /* --- POST TAGS ---*/
  875.  
  876. /* --- QUOTES ---*/
  877.  
  878. #mark {
  879. font: bold 60px georgia;
  880. line-height: 50px;
  881. position: absolute;
  882. color:{color:Quote Mark Colour};
  883. opacity:1;
  884. }
  885.  
  886. #quote {
  887. text-indent: 35px;
  888. font-family: calibri;
  889. font-size:15px;
  890. text-align: justify;
  891. line-height:20px;
  892. padding:6px;
  893. border-bottom:1px solid {color:Quote Mark Colour};
  894. }
  895.  
  896. #source {
  897. text-indent: 35px;
  898. color: {color:post text};
  899. font-family: calibri;
  900. font-size:10px;
  901. text-align: right;
  902. line-height:20px;
  903. padding:2px;
  904. border-top:1px solid {color:Quote Mark Colour};
  905. }
  906.  
  907. /* --- QUOTES ---*/
  908.  
  909. /* --- VIDEOS ---*/
  910.  
  911. #video {
  912. padding:1px;
  913. background:{color:Tags Background Colour};
  914. }
  915. /* --- VIDEOS ---*/
  916.  
  917. /* --- AUDIO PLAYER ---*/
  918.  
  919. #audio {
  920. width:480px;
  921. height:50px;
  922. padding:10px;
  923. background-color:{color:Audio Player Background};
  924. }
  925.  
  926. #player {
  927. float:right;
  928. height:50px;
  929. width:50px;
  930. margin-top:0px;
  931. margin-left:10px;
  932. overflow:hidden;
  933. background-color:{color:Tags Background Color};
  934. opacity: 1;filter:alpha(opacity=60);
  935. -webkit-transition: all 0.7s ease;
  936. -moz-transition: all 0.7s ease;
  937. -o-transition: all 0.7s ease;
  938. }
  939.  
  940. #player:hover {
  941. opacity: 1; filter:alpha(opacity=60);
  942. }
  943.  
  944. #playersymbol {
  945. width:25px;
  946. height:25px;
  947. margin-top:8px;
  948. margin-left:8px;
  949. overflow:hidden;
  950. background-color:{color:Tags Background Color};
  951. padding:2px;
  952. }
  953.  
  954. #picture {
  955. margin-right:10px;
  956. float:left;
  957. margin-left:5px;
  958. }
  959.  
  960. #audiotext {
  961. color:{color:Audio Player Text};
  962. text-transform:uppercase;
  963. border-left:2px solid;
  964. border-color:{color:Border};
  965. font-family:calibri;
  966. float:left;
  967. width:320px;
  968. text-align:center;
  969. height:35px;
  970. line-height:-20px;
  971. padding:8px;
  972. font-size:6px;
  973. margin-top:0px;
  974. margin-bottom:5px;
  975. margin-left:5px;
  976. }
  977.  
  978. /* --- AUDIO PLAYER ---*/
  979.  
  980. /* --- CHATS ---*/
  981.  
  982. ul.chat {
  983. margin:0px;
  984. padding:0px;
  985. }
  986.  
  987. .chat li {
  988. list-style-type:none;
  989. margin-left:0px;
  990. padding:4px;
  991. }
  992.  
  993. .odd .label {
  994. color:{color:Chat Label Colour};
  995. }
  996.  
  997. .even .label {
  998. color:{color:Chat Label Colour};
  999. }
  1000.  
  1001. .label {
  1002. font-weight:bold;
  1003. text-transform:uppercase;
  1004. font-family:calibri;
  1005. letter-spacing:2px;
  1006. font-size:8px;
  1007. }
  1008.  
  1009. .chat li.odd {
  1010. background-color:{color:Chat Background 1 Colour};
  1011. margin-bottom:1px;
  1012. }
  1013.  
  1014. .chat li.even {
  1015. background-color:{color:Chat Background 2 Colour};
  1016. opacity:1;
  1017. margin-bottom:1px;
  1018. }
  1019.  
  1020. #ll {
  1021. font-size:12px;
  1022. text-transform:uppercase;
  1023. text-align:center;
  1024. padding:2px;
  1025. color:{color:General Links Colour};
  1026. letter-spacing:3px;
  1027. font-family:calibri;
  1028. border:4px double {color:Border};
  1029. }
  1030.  
  1031. /* --- CHATS ---*/
  1032.  
  1033. /* --- QUESTIONS ---*/
  1034.  
  1035. #ask {
  1036. padding:5px;
  1037. background-color:{color:Questions Background};
  1038. padding-bottom:12px;
  1039. }
  1040.  
  1041. #ques {
  1042. background-color: none;
  1043. color:{color:Questions Text};
  1044. text-transform:none;
  1045. text-align: justify;
  1046. letter-spacing:0px;
  1047. font-style:none;
  1048. margin-left:32px;
  1049. padding:13px;
  1050. margin-top:-10px;
  1051. }
  1052.  
  1053. #portrait {
  1054. float:left;
  1055. width:30px;
  1056. height:30px;
  1057. }
  1058.  
  1059. #replies {
  1060. margin-top:5px;
  1061. margin-bottom:5px;
  1062. border: 1px solid {color:Border};
  1063. padding:4px;
  1064. color:{color:post text};
  1065. }
  1066.  
  1067. /* --- QUESTIONS ---*/
  1068.  
  1069. /* --- NOTES ---*/
  1070.  
  1071. ol.pagenotes {
  1072. display: none!important;
  1073. font-weight:none;
  1074. text-align:center;
  1075. padding-bottom:2%;
  1076. font-size:9px;
  1077. list-style-type:upper-roman;
  1078. width:400px;
  1079. }
  1080.  
  1081. ol.notes li.note{
  1082. border-bottom:1px solid {color:Border};
  1083. padding:2%;
  1084. list-style-type:upper-roman;
  1085. }
  1086.  
  1087. ol.notes li.note img.avatar {
  1088. width:0px;
  1089. height:0px;
  1090. }
  1091.  
  1092. /* --- NOTES ---*/
  1093.  
  1094. /* --- SELECTION ---*/
  1095.  
  1096. ::selection {
  1097. background-color:{color:Selection Colour};
  1098. color:{color:Selection Colour Hover};
  1099. }
  1100.  
  1101. ::-moz-selection {
  1102. background-color:{color:Selection Colour};
  1103. color:{color:Selection Colour Hover};
  1104. }
  1105.  
  1106. /* --- SELECTION ---*/
  1107.  
  1108. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1109.  
  1110. .credit, .credit a {
  1111. width:15px;
  1112. height:15px;
  1113. bottom:10px;
  1114. right:10px;
  1115. padding:4px;
  1116. font-size:9px;
  1117. letter-spacing:2px;
  1118. color:#ffffff;
  1119. line-height:15px;
  1120. position:fixed;
  1121. text-align:center;
  1122. color:{color:background};
  1123. font-family:calibri;
  1124. text-transform:uppercase;
  1125. background-color:{color:General Links Colour};
  1126. border:1px solid {color:Border};
  1127. -webkit-transition: all 0.5s ease-in-out;
  1128. -moz-transition: all 0.5s ease-in-out;
  1129. -o-transition: all 0.5s ease-in-out;
  1130. transition: all 0.5s ease-in-out;
  1131. }
  1132.  
  1133. .credit a:hover {
  1134. -webkit-transition: all 0.5s ease-in-out;
  1135. -moz-transition: all 0.5s ease-in-out;
  1136. -o-transition: all 0.5s ease-in-out;
  1137. transition: all 0.5s ease-in-out;
  1138. transform:rotate(360deg);
  1139. -ms-transform:rotate(360deg);
  1140. -webkit-transform:rotate(360deg);
  1141. background-color:#000000;}
  1142.  
  1143. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1144.  
  1145. /* --- UPDATES TAB ---*/
  1146.  
  1147. #tab11boxes {
  1148. width: auto;
  1149. height: auto;
  1150. position:fixed;
  1151. float:right;
  1152. display:inline-block;
  1153. top:0px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
  1154. right: 10px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
  1155. }
  1156.  
  1157. #tab11boxes a{
  1158. color:{color:Tab Links Colour};
  1159. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1160. text-decoration:none;
  1161. -webkit-transition: all 0.5s ease-in-out;
  1162. -moz-transition: all 0.5s ease-in-out;
  1163. -o-transition: all 0.5s ease-in-out;
  1164. transition: all 0.5s ease-in-out;
  1165. }
  1166.  
  1167. #tab11boxes a:hover{
  1168. color:{color:Tab Links Colour Hover};
  1169. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1170. -webkit-transition: all 0.5s ease-in-out;
  1171. -moz-transition: all 0.5s ease-in-out;
  1172. -o-transition: all 0.5s ease-in-out;
  1173. transition: all 0.5s ease-in-out;
  1174. }
  1175.  
  1176. /* --- UPDATES TAB BOX 1 START ---*/
  1177.  
  1178. #tab11line1 {
  1179. height:80px;
  1180. width: 13px;
  1181. margin-top:0px;
  1182. display: inline-block;
  1183. float:left;
  1184. margin-left:7px;
  1185. opacity:1;
  1186. background-color: {color:Tab Line 1 Colour};
  1187. -webkit-transition: all 0.5s ease-in-out;
  1188. -moz-transition: all 0.5s ease-in-out;
  1189. -o-transition: all 0.5s ease-in-out;
  1190. transition: all 0.5s ease-in-out;
  1191. }
  1192.  
  1193. #tab11box1 {
  1194. width: 0px;
  1195. height: 10px;
  1196. display: inline-block;
  1197. float:right;
  1198. opacity:1;
  1199. padding-bottom:4px;
  1200. margin-top:35px;
  1201. padding-top:4px;
  1202. letter-spacing:1px;
  1203. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  1204. line-height:110%;
  1205. overflow:hidden;
  1206. border-right:13px solid {color:Tab Line 1 Colour};
  1207. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  1208. text-transform:uppercase;
  1209. text-align:right;
  1210. color:{color:Tab Text Colour};
  1211. -webkit-transition: all 0.5s ease-in-out;
  1212. -moz-transition: all 0.5s ease-in-out;
  1213. -o-transition: all 0.5s ease-in-out;
  1214. transition: all 0.5s ease-in-out;
  1215. }
  1216.  
  1217. #tab11line1:hover #tab11box1 {
  1218. opacity:1;
  1219. padding-right:6px;
  1220. padding-left:4px;
  1221. height:150px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  1222. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  1223. -webkit-transition: all 0.5s ease-in-out;
  1224. -moz-transition: all 0.5s ease-in-out;
  1225. -o-transition: all 0.5s ease-in-out;
  1226. transition: all 0.5s ease-in-out;
  1227. }
  1228.  
  1229. /* --- UPDATES TAB BOX 1 END ---*/
  1230.  
  1231. /* --- UPDATES TAB BOX 2 START ---*/
  1232.  
  1233. #tab11line2 {
  1234. height:120px;
  1235. width: 13px;
  1236. display: inline-block;
  1237. float:left;
  1238. margin-left:7px;
  1239. opacity:1;
  1240. background-color: {color:Tab Line 2 Colour};
  1241. -webkit-transition: all 0.5s ease-in-out;
  1242. -moz-transition: all 0.5s ease-in-out;
  1243. -o-transition: all 0.5s ease-in-out;
  1244. transition: all 0.5s ease-in-out;
  1245. }
  1246.  
  1247. #tab11box2 {
  1248. width: 0px;
  1249. height: 15px;
  1250. display: inline-block;
  1251. float:right;
  1252. opacity:1;
  1253. margin-top:85px;
  1254. padding-bottom:4px;
  1255. padding-top:4px;
  1256. letter-spacing:1px;
  1257. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  1258. line-height:110%;
  1259. overflow:hidden;
  1260. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  1261. border-right:13px solid {color:Tab Line 2 Colour};
  1262. text-transform:uppercase;
  1263. text-align:right;
  1264. color:{color:Tab Text Colour};
  1265. -webkit-transition: all 0.5s ease-in-out;
  1266. -moz-transition: all 0.5s ease-in-out;
  1267. -o-transition: all 0.5s ease-in-out;
  1268. transition: all 0.5s ease-in-out;
  1269. }
  1270.  
  1271. #tab11line2:hover #tab11box2 {
  1272. opacity:1;
  1273. padding-right:6px;
  1274. padding-left:4px;
  1275. height:150px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  1276. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  1277. -webkit-transition: all 0.5s ease-in-out;
  1278. -moz-transition: all 0.5s ease-in-out;
  1279. -o-transition: all 0.5s ease-in-out;
  1280. transition: all 0.5s ease-in-out;
  1281. }
  1282.  
  1283. /* --- UPDATES TAB BOX 2 END ---*/
  1284.  
  1285. /* --- UPDATES TAB BOX 3 START ---*/
  1286.  
  1287. #tab11line3 {
  1288. height:160px;
  1289. width: 13px;
  1290. display: inline-block;
  1291. float:left;
  1292. margin-left:7px;
  1293. opacity:1;
  1294. background-color: {color:Tab Line 3 Colour};
  1295. -webkit-transition: all 0.5s ease-in-out;
  1296. -moz-transition: all 0.5s ease-in-out;
  1297. -o-transition: all 0.5s ease-in-out;
  1298. transition: all 0.5s ease-in-out;
  1299. }
  1300.  
  1301. #tab11box3 {
  1302. width: 00px;
  1303. height: 15px;
  1304. display: inline-block;
  1305. float:right;
  1306. opacity:1;
  1307. margin-top:125px;
  1308. padding-bottom:4px;
  1309. padding-top:4px;
  1310. letter-spacing:1px;
  1311. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  1312. line-height:110%;
  1313. overflow:hidden;
  1314. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  1315. border-right:13px solid {color:Tab Line 3 Colour};
  1316. text-transform:uppercase;
  1317. text-align:right;
  1318. color:{color:Tab Text Colour};
  1319. -webkit-transition: all 0.5s ease-in-out;
  1320. -moz-transition: all 0.5s ease-in-out;
  1321. -o-transition: all 0.5s ease-in-out;
  1322. transition: all 0.5s ease-in-out;
  1323. }
  1324.  
  1325. #tab11line3:hover #tab11box3 {
  1326. opacity:1;
  1327. padding-right:6px;
  1328. padding-left:4px;
  1329. height:150px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  1330. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  1331. -webkit-transition: all 0.5s ease-in-out;
  1332. -moz-transition: all 0.5s ease-in-out;
  1333. -o-transition: all 0.5s ease-in-out;
  1334. transition: all 0.5s ease-in-out;
  1335. }
  1336.  
  1337. /* --- UPDATES TAB BOX 3 END ---*/
  1338.  
  1339. /* --- IF YOU WANT TO ADD MORE BOXES THEN JUST COPY ONE OF THE ABOVE AND ADD IT IN THE HTML AS WELL (HTML=THE BLUEISH PART A LITTLE FURTHER BELOW. IF THERE ARE ANY QUESTIONS DON´T HESITATE TO ASK ME ON MY THEME BLOG (IAMTHEMELOCKED)---*/
  1340.  
  1341. /* --- UPDATES TAB ---*/
  1342.  
  1343. {CustomCSS}</style>
  1344.  
  1345. </head><body>
  1346.  
  1347. {block:ifTinyCursor}
  1348. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  1349. {/block:ifTinyCursor}
  1350.  
  1351. {block:IfUpdatesTab}
  1352.  
  1353. <div id="tab11boxes">
  1354.  
  1355. <div id="tab11line1">
  1356. <div id="tab11box1">
  1357. <div style="width:100px; height:12px; margin-left: 0px;
  1358. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 1 Colour}";>
  1359. <FONT COLOR=#FFFFFF><FONT size=1>BOX 1</FONT></FONT></div></p>
  1360. This is where your text belongs. </p>
  1361. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1362. New paragraph with < p > < / p > and
  1363. </br>New line with < br > without the spaces</p>
  1364. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1365. </div></div>
  1366.  
  1367. <div id="tab11line2">
  1368. <div id="tab11box2">
  1369. <div style="width:100px; height:12px; margin-left: 0px;
  1370. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 2 Colour}";>
  1371. <FONT COLOR=#FFFFFF><FONT size=1>BOX 2</FONT></FONT></div></p>
  1372. This is where your text belongs. </p>
  1373. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1374. New paragraph with < p > < / p > and
  1375. </br>New line with < br > without the spaces</p>
  1376. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1377. </div></div>
  1378.  
  1379. <div id="tab11line3">
  1380. <div id="tab11box3">
  1381. <div style="width:100px; height:12px; margin-left: 0px;
  1382. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 3 Colour}";>
  1383. <FONT COLOR=#FFFFFF><FONT size=1>BOX 3</FONT></FONT></div></p>
  1384. This is where your text belongs. </p>
  1385. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1386. New paragraph with < p > < / p > and
  1387. </br>New line with < br > without the spaces</p>
  1388. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a></p>
  1389. </div></div>
  1390.  
  1391. </div>
  1392.  
  1393. {/block:IfUpdatesTab}
  1394.  
  1395. <div id="sidebar">
  1396.  
  1397. <div id="image2"><img src="{image:Sidebar Small Image 1}"></div>
  1398. <div id="image3"><img src="{image:Sidebar Small Image 2}"></div>
  1399.  
  1400. {block:IfNotInfiniteScroll}
  1401. <div id="pagination">
  1402. <center>{block:Pagination}
  1403. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1404. {block:JumpPagination length="5"}
  1405. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1406. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1407. {/block:JumpPagination}
  1408. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1409. {/block:Pagination}</center>
  1410. </div>
  1411.  
  1412. <div id="description">{Description}</div>
  1413. </div>
  1414.  
  1415. <div id="sidebar2">
  1416.  
  1417. <div id="links">
  1418. {/block:IfLink1Name}<a href="{text:Link1 URL}">{text:Link1 Name}</a>{/block:IfLink1Name}
  1419. {/block:IfLink2Name}<a href="{text:Link2 URL}">{text:Link2 Name}</a>{/block:IfLink2Name}
  1420. {block:IfUseLink3}{/block:IfLink3Name}<a href="{text:Link3 URL}">{text:Link3 Name}</a>{/block:IfLink3Name}{/block:IfUseLink3}
  1421. {block:IfUseLink4}{/block:IfLink4Name}<a href="{text:Link4 URL}">{text:Link4 Name}</a>{/block:IfLink4Name}{/block:IfUseLink4}
  1422. {block:IfUseLink5}{/block:IfLink5Name}<a href="{text:Link5 URL}">{text:Link5 Name}</a>{/block:IfLink5Name}{/block:IfUseLink5}
  1423. {block:IfUseLink6}{/block:IfLink6Name}<a href="{text:Link6 URL}">{text:Link6 Name}</a>{/block:IfLink6Name}{/block:IfUseLink6}
  1424. {block:IfUseLink7}{/block:IfLink7Name}<a href="{text:Link7 URL}">{text:Link7 Name}</a>{/block:IfLink7Name}{/block:IfUseLink7}
  1425. {block:IfUseLink8}{/block:IfLink8Name}<a href="{text:Link8 URL}">{text:Link8 Name}</a>{/block:IfLink8Name}{/block:IfUseLink8}
  1426. {block:IfUseLink9}{/block:IfLink9Name}<a href="{text:Link9 URL}">{text:Link9 Name}</a>{/block:IfLink9Name}{/block:IfUseLink9}
  1427. {block:IfUseLink10}{/block:IfLink10Name}<a href="{text:Link10 URL}">{text:Link10 Name}</a>{/block:IfLink10Name}{/block:IfUseLink10}
  1428. {block:IfUseLink11}{/block:IfLink11Name}<a href="{text:Link11 URL}">{text:Link11 Name}</a>{/block:IfLink11Name}{/block:IfUseLink11}
  1429. {block:IfUseLink12}{/block:IfLink12Name}<a href="{text:Link12 URL}">{text:Link12 Name}</a>{/block:IfLink12Name}{/block:IfUseLink12}&nbsp;
  1430. </div>
  1431. </div>
  1432.  
  1433. <div id="entries">
  1434. <div class = "autopagerize_page_element" >
  1435. {block:Posts}
  1436. <div id="post">
  1437.  
  1438. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1439.  
  1440. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" target="_blank">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1441.  
  1442. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1443.  
  1444. {block:Quote}
  1445. <div id="mark">“</div>
  1446. <div id="quote">{Quote}</div> </br>
  1447. {block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  1448.  
  1449. {block:Video}
  1450. <div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1451.  
  1452. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1453.  
  1454. {block:Chat}
  1455. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1456. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1457. {Line}</li>{/block:Lines}</ul>
  1458. {/block:Chat}
  1459.  
  1460. {block:Audio}
  1461. <div id="audio">
  1462. <div id="player">
  1463. <div id="playersymbol">{AudioPlayerBlack}</div></div>
  1464. <div id="picture">
  1465. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  1466. <div id="audiotext">
  1467. <span style="color:{color:General Links Colour};text-transform:uppercase;font-size:15px;font-weight:bold;font-family:calibri;">{block:TrackName}{TrackName}{/block:TrackName}</br></span> <span style="color:{color:Border};text-transform:uppercase;font-size:10px;font-family:calibri;">{block:Artist}<b><font color="{color:General Links Colour}">BY </font></b>{Artist}<br>{/block:Artist}
  1468. {block:Album}<b><font color="{color:General Links Colour}">FROM THE ALBUM:</font></b> {Album}</br>{/block:Album}
  1469. <b><font color="{color:General Links Colour}">PLAYED:</font></b> {PlayCount} TIMES.</div></div>
  1470. {block:caption}{Caption}{/block:caption}</span>
  1471. {/block:Audio}
  1472.  
  1473. {block:Answer}
  1474. <div id="ask">
  1475. <div id="portrait"><span style="width:30px;height:30px;"><img src="{AskerPortraitURL-30}" style="border:1px solid;border-color:{color:info border};padding:4px;"></span></div>
  1476.  
  1477. <div id="ques"><span style="font-family:calibri;text-transform:none;font-size:9px;letter-spacing:1px">{Question}</span>
  1478. <div style="border-bottom:1px solid;border-color:{color:background};margin-top:4px;margin-bottom:-6px"></div></br><span style="text-transform:uppercase;font-size:8px;font-family:calibri;float:right;letter-spacing:2px;"> {asker}</span></div></div>
  1479.  
  1480. <div id="replies">{Replies}</div>
  1481. {/block:Answer}
  1482.  
  1483. <div id="sec">
  1484. <div id="info">
  1485.  
  1486. <div id="date">
  1487. {block:Date}<a href="{Permalink}">{TimeAgo} | {DayOfMonthWithZero} {ShortMonth} {Year}</a>{/block:Date}</div>
  1488.  
  1489. <div id="number">
  1490. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1491. </div>
  1492.  
  1493. <div id="via">
  1494. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="blank">via: {ReblogParentName}</a>{/block:RebloggedFrom}
  1495. </div>
  1496.  
  1497. <div id="origin">
  1498. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="blank">source: {ReblogRootName}</a>{/block:RebloggedFrom}
  1499. </div>
  1500.  
  1501. <div id="reblog">
  1502. <a href="{ReblogURL}" target="blank">reblog</a>
  1503. </div>
  1504.  
  1505. </div>
  1506.  
  1507. {block:HasTags}
  1508. <div id="tags">
  1509. tagged as:
  1510. {block:Tags}
  1511. <a href="{TagURL}">#&nbsp;{Tag}</a>
  1512. {/block:Tags}
  1513. </div>
  1514. {/block:HasTags}
  1515. </div></div>
  1516.  
  1517. {block:PostNotes}
  1518. <div class="pagenotes">
  1519. {PostNotes}
  1520. </div>
  1521. {/block:PostNotes}
  1522. {/block:Posts}
  1523. </div>
  1524.  
  1525. <span class="credit">
  1526. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a>
  1527. </span>
  1528.  
  1529.  
  1530. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement