API tools faq
paste
Advertisement
galaxias-themes

[ theme ] → #16 RED

galaxias-themes
Aug 13th, 2014
3,712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.12 KB | None | 0 0
raw download clone embed print report
  1. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  2. ᴛʜᴇᴍᴇ #16 ʀᴇᴅ @ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  3. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17.  
  18. <link rel="stylesheet" type="text/css" href="splitmenubuttons.css" />
  19.  
  20. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  21.  
  22. <script src="splitmenubuttons.js">
  23.  
  24.  
  25. </script>
  26.  
  27. <script>
  28. jQuery.fn.splitmenubuttonMenu = function(options){
  29. var $ = jQuery, startzindex = 1
  30. var s = $.extend({}, {split:true, triggerevt:'mouseover', hidetoplevelmouseout:true, hidedelay:200, fxduration:100}, options)
  31. var ismobile = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) != null
  32. s.triggerevt = ismobile? 'click' : (s.triggerevt == 'mouseover'? 'mouseenter' : s.triggerevt)
  33.  
  34. function deselecttoggler($dropmenu){ // func to deselect toggler
  35. var $activetoggler = $dropmenu.data('$activetoggler')
  36. if ($activetoggler && $activetoggler.length == 1){
  37. $activetoggler.removeClass('selected')
  38. var menucolors = $activetoggler.data('menucolors')
  39. if (menucolors)
  40. $activetoggler.css('backgroundColor', menucolors[0])
  41. }
  42. }
  43.  
  44. function positionmenu(s, level, $toggler, $dropmenu){
  45. if (level == "toplevel"){
  46. var docrightedge = $(document).scrollLeft() + $(window).width() - 40
  47. var docbottomedge = $(document).scrollTop()+$(window).height()-40
  48. this.docrightedge = docrightedge // cache this value
  49. this.docbottomedge = docbottomedge
  50. var $offset = $toggler.data('mainanchor').offset()
  51. var togglerWidth = (s.split)? $toggler.data('mainanchor').width() + $toggler.width() : $toggler.width()
  52. var togglerHeight = $toggler.height()
  53. var dropmenuWidth = $dropmenu.outerWidth()
  54. var dropmenuHeight = $dropmenu.outerHeight()
  55. var leftpos = (($offset.left + dropmenuWidth) > docrightedge)? $offset.left - (dropmenuWidth - togglerWidth) : $offset.left
  56. var toppos = (($offset.top + dropmenuHeight) > docbottomedge)? $offset.top - (dropmenuHeight + togglerHeight) : $offset.top
  57. return {left: leftpos, top: toppos}
  58. }
  59. else{
  60. var $offset = $toggler.offset()
  61. var submenuWidth = $dropmenu.outerWidth()
  62. var submenuHeight = $dropmenu.outerHeight()
  63. var leftpos = ($offset.left + (submenuWidth*2) > this.docrightedge)? -submenuWidth : submenuWidth
  64. var toppos = ($offset.top + (submenuHeight) > this.docbottomedge)? -submenuHeight + $toggler.height() : 0
  65. return {left: leftpos, top: toppos}
  66. }
  67. }
  68.  
  69. function hidemenu($dropmenu){
  70. $dropmenu.find('ul').hide().end()
  71. .slideUp(s.fxduration, function(){
  72. deselecttoggler($dropmenu)
  73. })
  74. }
  75.  
  76. return this.each(function(){ //return jQuery obj
  77. var $this = $(this).wrapInner('<span class="innerspan" />') // reference anchor item and add <span> tag inside it
  78. if (this.tagName == "A"){ // only apply split menu to element if it's a link
  79. var menucolors = $this.attr('data-menucolors')
  80. if (menucolors){
  81. menucolors = jQuery.trim(menucolors).split(/,\s*/)
  82. $this.css('backgroundColor', menucolors[0])
  83. }
  84. var $dropmenu = $('ul#' + this.getAttribute('data-showmenu'))
  85. $dropmenu.data('timer', {})
  86. var splitit = $this.attr('data-splitmenu') || s.split
  87. splitit = (typeof splitit == "string")? (splitit == "true" ? true : false ) : splitit
  88. if (splitit && $dropmenu.length == 1){ // split up toggler and menu link itself?
  89. var $toggler = $('<a class="downtoggler dedicatedtoggler"><span class="innerspan downarrow"> </span></a>').insertAfter($this) // append new "toggler" element after menu button
  90. if (menucolors){
  91. $toggler.css('backgroundColor', $this.css('backgroundColor'))
  92. }
  93. }
  94. else{
  95. var $toggler = $this
  96. if ($dropmenu.length == 1){
  97. $toggler.addClass('downtoggler').find('span.innerspan:eq(0)').addClass('downarrow')
  98. }
  99. }
  100. $toggler.data({'mainanchor':$this, 'menucolors':menucolors}) // store ref to menu link (which may be different from toggler if splitit == true)
  101. $dropmenu.appendTo(document.body) //move drop down menu so it's a child of document.body
  102. if ($dropmenu.length == 1){
  103. $toggler.bind(s.triggerevt, function(e){ // action when toggler is activated
  104. clearTimeout($dropmenu.data('timer').hidetimer)
  105. var $this = $(this)
  106. var menucolors = $this.data('menucolors') // get menu colors (if data-menucolors attr defined)
  107. if (menucolors)
  108. $toggler.css('backgroundColor', menucolors[1])
  109. $toggler.addClass('selected') // add CSS class of 'selected' to toggler
  110. var slidefunc = (e.type =='click')? 'slideToggle' : 'slideDown'
  111. if ($dropmenu.data('$activetoggler') && $dropmenu.data('$activetoggler').get(0) != $this.get(0)){
  112. deselecttoggler($dropmenu)
  113. slidefunc = 'slideDown'
  114. }
  115. var menupos = (positionmenu(s, "toplevel", $toggler, $dropmenu))
  116. $dropmenu.css({zIndex:++startzindex, left:menupos.left, top:menupos.top + $this.outerHeight()})
  117. [slidefunc](s.fxduration, function(){
  118. var $this = $(this)
  119. if ($this.css('display') == 'none')
  120. deselecttoggler($this)
  121. })
  122. $dropmenu.data('$activetoggler', $this)
  123. return false
  124. }) // end $toggler.trigger
  125. if (s.hidetoplevelmouseout){
  126. $toggler.bind('mouseleave', function(e){ // action when mouse rolls out of toggler
  127. $dropmenu.data('timer').hidetimer = setTimeout(function(){
  128. hidemenu($dropmenu)
  129. }, s.hidedelay)
  130. })
  131. }
  132. } // end if $dropmenu.length == 1
  133. else{ // else if this button has no drop down menu
  134. $toggler.hover(
  135. function(){
  136. $toggler.addClass('selected')
  137. if ($toggler.data('menucolors'))
  138. $toggler.css('backgroundColor', menucolors[1])
  139. },
  140. function(){
  141. $toggler.removeClass('selected')
  142. if ($toggler.data('menucolors'))
  143. $toggler.css('backgroundColor', menucolors[0])
  144. }
  145. )
  146. }
  147. if ($dropmenu.data('isbuilt')) // if this drop down menu has been built already, move on to the next one
  148. return true
  149. $dropmenu.on('click mouseenter', function(e){
  150. clearTimeout($dropmenu.data('timer').hidetimer)
  151. if (e.type == "mouseenter")
  152. $(this).css({zIndex: startzindex++})
  153. else{
  154. if ($(e.target).parent('li').hasClass('headerli'))
  155. e.stopPropagation()
  156. }
  157. })
  158. if (s.hidetoplevelmouseout){
  159. $dropmenu.on('mouseleave', function(e){
  160. $dropmenu.data('timer').hidetimer = setTimeout(function(){
  161. hidemenu($dropmenu)
  162. }, s.hidedelay)
  163. })
  164. }
  165. var $headers = $dropmenu.find('ul').parent()
  166. $headers.each(function(i){
  167. var $li=$(this).css({zIndex: 1000+i}).addClass('headerli')
  168. var $subul = $li.find('ul:eq(0)').css({display:'block'}) //set sub UL to "block" so we can get dimensions
  169. $subul.data('$parentliref', $li) //cache parent LI of each sub UL
  170. $subul.data('timers', {})
  171. $li.data('$subulref', $subul) //cache sub UL of each parent LI
  172. $li.children("a:eq(0)").addClass('rightarrow')
  173. $li.bind(s.triggerevt, function(e){ //show sub UL when mouse moves over parent LI
  174. var $targetul=$(this).addClass("selected").data('$subulref')
  175. if ($targetul.queue().length<=1){ //if 1 or less queued animations
  176. clearTimeout($targetul.data('timers').hidetimer)
  177. var menupos = (positionmenu(s, "sublevel", $(this), $targetul))
  178. $targetul.css({left: menupos.left, top: menupos.top})
  179. $targetul.stop(true, true).slideDown(s.fxduration)
  180. }
  181. })
  182. $li.bind('mouseleave', function(e){ //hide sub UL when mouse moves out of parent LI
  183. var $targetul=$(this).data('$subulref')
  184. clearTimeout($targetul.data('timers').showtimer)
  185. $targetul.data('timers').hidetimer=setTimeout(function(){
  186. $targetul.stop(true, true).slideUp(s.fxduration).data('$parentliref').removeClass('selected')
  187. }, s.hidedelay)
  188. })
  189. $subul.bind('mouseenter', function(e){
  190. clearTimeout($(this).data('timers').hidetimer)
  191. })
  192. }) // end $headers.each()
  193. $dropmenu.find('ul').andSelf().css({display:'none', visibility:'visible'}) //collapse all ULs again
  194. $dropmenu.data('isbuilt', true)
  195. if (!$(document).data('hidemenuevt')){ // hide top level drop down menus when user clicks on document
  196. $(document).on('click', function(e){
  197. $('ul.splitdropdown:visible').find('ul').hide().end()
  198. .slideUp(s.fxduration, function(){
  199. var $this = $(this)
  200. if ($this.css('display') == 'none')
  201. deselecttoggler($this)
  202. })
  203. })
  204. $(document).data('hidemenuevt', true)
  205. }
  206. }
  207. })
  208.  
  209. }
  210.  
  211. jQuery(function(){ // on document load
  212. $('a[data-showmenu]').splitmenubuttonMenu() // Add split button menu to links with "data-showmenu" attr
  213. })
  214.  
  215. </script>
  216.  
  217.  
  218.  
  219. {block:ifinfinitescroll}
  220. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  221. {/block:ifinfinitescroll}
  222.  
  223.  
  224.  
  225.  
  226.  
  227. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  228. <script>
  229. (function($){
  230. $(document).ready(function(){
  231. $("[title]").style_my_tooltips();
  232. });
  233. })(jQuery);
  234. </script>
  235.  
  236.  
  237.  
  238.  
  239. <link href='http://fonts.googleapis.com/css?family=Kristi|Clicker+Script|Meddon|Megrim|Ruthie|Raleway:300' rel='stylesheet' type='text/css'>
  240. {block:Description}
  241. <meta name="description" content="{MetaDescription}" />
  242. {/block:Description}
  243.  
  244. <meta name="color:Background Color" content="#f2f2f2"/>
  245.  
  246. <meta name="color:Blockquote Background 1" content="#f8f8f8"/>
  247. <meta name="color:Blockquote Background 2" content="#efefef"/>
  248. <meta name="color:Blockquote Border 1" content="#ce294d"/>
  249. <meta name="color:Blockquote Border 2" content="#1c1c1c"/>
  250. <meta name="color:Blockquote Text 1" content="777777"/>
  251. <meta name="color:Blockquote Text 2" content="777777"/>
  252.  
  253. <meta name="color:Header Text" content="#000000"/>
  254.  
  255. <meta name="color:Bolded Text" content="#ce294d"/>
  256. <meta name="color:Italicised Text" content="#ce294d"/>
  257.  
  258. <meta name="color:Post Text" content="#999999"/>
  259. <meta name="color:Post Background" content="#e9e9e9"/>
  260. <meta name="color:Post Border" content="#e1e1e1"/>
  261.  
  262. <meta name="color:Permalink Color" content="#737373 "/>
  263. <meta name="color:Permalink Link" content="#ce294d"/>
  264.  
  265. <meta name="color:Active Link" content="#ce294d"/>
  266. <meta name="color:Hover Link" content="#303030"/>
  267.  
  268. <meta name="color:Selected Text" content="#ce294d"/>
  269. <meta name="color:Scrollbar Background" content="#dbdbdb"/>
  270. <meta name="color:Scrollbar Trackbar" content="#ce294d"/>
  271.  
  272. <meta name="color:Sidebar Image Background" content="#f8f8f8"/>
  273. <meta name="color:Sidebar Background" content="#eeeeee"/>
  274. <meta name="color:Title Shadow" content="#ce294d"/>
  275.  
  276. <meta name="color:Accent" content="#ce294d"/>
  277. <meta name="color:Tag Color" content="#ce294d"/>
  278.  
  279. <meta name="image:Background Image" content="">
  280. <meta name="image:sidebar image" content="http://static.tumblr.com/ssbhuug/398na9kca/852.png">
  281. <meta name="image:Sidebar Background Image" content="http://static.tumblr.com/ssbhuug/D6yna9ghk/lipsbg_2_.png"/>
  282.  
  283.  
  284. <meta name="text:Home Link" content="Home"/>
  285. <meta name="text:Home Link Hover" content="Refresh"/>
  286. <meta name="text:Home Link URL" content="/"/>
  287. <meta name="text:Ask Link" content="Ask"/>
  288. <meta name="text:Ask Link Hover" content="Inquire"/>
  289. <meta name="text:Ask Link URL" content="/ask"/>
  290. <meta name="text:Submit Link" content="Submit"/>
  291. <meta name="text:Submit Link Hover" content="Gifts?"/>
  292. <meta name="text:Submit Link URL" content="/submit"/>
  293. <meta name="text:Link 1" content="Link 1"/>
  294. <meta name="text:Link 1 Hover" content="Hover"/>
  295. <meta name="text:Link 1 URL" content="/"/>
  296.  
  297.  
  298. <meta name="text:Sublink 1" content="Sublink 1"/>
  299. <meta name="text:Sublink 1 Hover" content="Hover"/>
  300. <meta name="text:Sublink 1 URL" content="/"/>
  301. <meta name="text:Sublink 2" content="Sublink 2"/>
  302. <meta name="text:Sublink 2 Hover" content="Hover"/>
  303. <meta name="text:Sublink 2 URL" content="/"/>
  304. <meta name="text:Sublink 3" content="Sublink 3"/>
  305. <meta name="text:Sublink 3 Hover" content="Hover"/>
  306. <meta name="text:Sublink 3 URL" content="/"/>
  307. <meta name="text:Sublink 4" content="Sublink 4"/>
  308. <meta name="text:Sublink 4 Hover" content="Hover"/>
  309. <meta name="text:Sublink 4 URL" content="/"/>
  310. <meta name="text:Sublink 5" content="Sublink 5"/>
  311. <meta name="text:Sublink 5 Hover" content="Hover"/>
  312. <meta name="text:Sublink 5 URL" content="/"/>
  313. <meta name="text:Sublink 6" content="Sublink 6"/>
  314. <meta name="text:Sublink 6 Hover" content="Hover"/>
  315. <meta name="text:Sublink 6 URL" content="/"/>
  316. <meta name="text:Sublink 7" content="Sublink 7"/>
  317. <meta name="text:Sublink 7 Hover" content="Hover"/>
  318. <meta name="text:Sublink 7 URL" content="/"/>
  319.  
  320.  
  321.  
  322. <meta name="text:Hover 1" content="Hover"/>
  323. <meta name="text:Hover 2" content="Hover"/>
  324. <meta name="text:Hover 3" content="Hover"/>
  325. <meta name="text:Hover 4" content="Hover"/>
  326. <meta name="text:Hover 5" content="Hover"/>
  327. <meta name="text:Hover 6" content="Hover"/>
  328.  
  329. <meta name="text:Sidebar Title" content="Title"/>
  330. <meta name="text:MP3 Link" content=""/>
  331. <meta name="text:Counter Link" content="Counter Here"/>
  332. <meta name="text:Friend Quote" content="Keep this quote short. Nothing too long."/>
  333. <meta name="text:Sidebar Quote" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
  334. <meta name="text:Background Attachment" content="Fixed">
  335. <meta name="text:Background Position" content="bottom right">
  336.  
  337. <meta name="if:ShowCaptions" content="1">
  338. <meta name="if:ShowTags" content="1">
  339.  
  340. <meta name="if:BlackPlayer" content="0">
  341. <meta name="if:WhitePlayer" content="0">
  342. <meta name="if:GrayPlayer" content="1">
  343.  
  344. <meta name="if:Sidebar Background Image" content="1"/>
  345. <meta name="if:Friends" content="1">
  346. <meta name="if:Quote" content="0">
  347. <meta name="if:Counter" content="1">
  348.  
  349. <meta name="if:Infinite Scroll" content="0">
  350. <meta name="if:Pagination" content="1">
  351. <meta name="if:ImageFade" content="1">
  352. <meta name="if:Monochrome" content="1">
  353.  
  354. <meta name="if:250" content="1">
  355. <meta name="if:400" content="0">
  356. <meta name="if:500" content="0">
  357.  
  358. <link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
  359. <link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
  360. <link href='http://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
  361.  
  362.  
  363.  
  364. <style type="text/css">
  365. @font-face {font-family: "sick capital vice"; src: url('https://dl.dropboxusercontent.com/u/67800931/sickcapital-vice.ttf'); }
  366. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  367. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  368. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  369. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  370. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  371. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  372.  
  373. ::selection {color: {color:Selected Text};}
  374. ::-moz-selection {color: {color:Selected Text};}
  375.  
  376. ::-webkit-scrollbar { width: 5px; height:1px; }
  377. ::-webkit-scrollbar-thumb:vertical {
  378. background-color: {color:Scrollbar Trackbar}; border: 1px solid {color:Scrollbar Background}; }
  379. ::-webkit-scrollbar-button:start:decrement,
  380. ::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  381. background-color: transparent; }
  382. ::-webkit-scrollbar-track-piece {
  383. background-color: {color:Scrollbar Background}; }
  384.  
  385.  
  386. *, body, a{cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  387. }
  388. body { background-color: {color:background color}; background-position: {text:background position}; background-attachment: {text:background attachment}; background-image:url({image:background image}); background-repeat: no-repeat;background-size:contain;}
  389.  
  390. a:link, a:visited, a:active {text-decoration: none; color: {color:active link}; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  391. a:hover { color: {color:hover link}; }
  392.  
  393. b, strong { color: {color:bolded text}; }
  394. i, em { color: {color:italicised text}; }
  395. ul, li{
  396. color: {color:post text};
  397. font-family:ppixel;
  398. font-size:8px;
  399. }
  400.  
  401. small, sub { font-family: ppixel; font-size: 8px; letter-spacing: 1; line-height: 100%; margin-top: 10px !important; line-height: 90%;}
  402. pre { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; padding: 3px; }
  403. code { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  404.  
  405. blockquote { font-family: arial; font-size: 10px;margin-left: 10px; width: 90%; text-align: justify; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; border-left: solid 2px {color:blockquote border 1}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  406. blockquote blockquote { font-family: arial; font-size: 10px;margin-left: 5px; width: 85%; text-align: justify; background-color: {color:blockquote background 2}; color: {color:blockquote text 2}; border-left: solid 2px {color:blockquote border 2}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  407.  
  408. blockquote img {
  409. {block:if250}max-width:210px !important; opacity: .5;{/block:if250}
  410. {block:if400}max-width:330px !important; opacity: .5;{/block:if400}
  411. {block:if500}max-width:420px !important; opacity: .5;{/block:if500}}
  412. blockquote blockquote img {
  413. {block:if250}max-width:180px !important; opacity: .5;{/block:if250}
  414. {block:if400}max-width:285px !important; opacity: .5;{/block:if400}
  415. {block:if500}max-width:355px !important; opacity: .5;{/block:if500}}
  416.  
  417. .alignment { position: relative; margin-top: 20px; margin-bottom:90px; height: 100%; height: auto !important; min-height: 100%;
  418. {block:if250}width:250px;margin-left: 500px;{/block:if250}
  419. {block:if400}width:400px;margin-left: 450px;{/block:if400}
  420. {block:if500}width:500px;margin-left: 450px;{/block:if500}}
  421.  
  422. #posttitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 17px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: uppercase;background-color:{color:blockquote background 1};border-bottom:2px solid {color:blockquote border 1};}
  423.  
  424.  
  425. #quotetitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 13px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: uppercase;background-color:{color:accent};}
  426.  
  427.  
  428.  
  429. #datetitle { font-family: 'muli', sans-serif; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; text-align: center; text-transform: uppercase;}
  430.  
  431.  
  432.  
  433. #asktitle { font-family: 'Monoton'; color: {color:header text}; font-size: 20px; padding: 5px; text-align: center; margin-bottom:5px; text-transform: uppercase; border-bottom:1px solid {color:blockquote border 1}; line-height:18px;}
  434. #asktitle:first-letter {font-family: 'Monoton', cursive; color: {color:accent}; text-transform: uppercase; font-size: 20px; }
  435. #asktitle a{
  436. color:{color:Hover link};
  437. }
  438. #asktitle a:hover{
  439. color:{color:permalink link};
  440. }
  441.  
  442.  
  443. .postcontainer {
  444. position:relative;
  445. {block:if250}width:250px;{/block:if250}
  446. {block:if400}width:400px;{/block:if400}
  447. {block:if500}width:500px;{/block:if500}
  448. font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; margin-bottom: 20px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  449.  
  450.  
  451. .postinfo {
  452. {block:if250}width:250px;{/block:if250}
  453. {block:if400}width:400px;{/block:if400}
  454. {block:if500}width:500px;{/block:if500}
  455. font-family: ppixel; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; margin-top: -10px; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  456.  
  457. .postnotes {
  458. {block:if250}width:250px;{/block:if250}
  459. {block:if400}width:400px;{/block:if400}
  460. {block:if500}width:500px;{/block:if500}
  461. font-family: ppixel; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: left; text-transform: uppercase; word-wrap:break-word; background-color:transparent; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  462. .postnotes img { display:none;}
  463.  
  464. .postperma {
  465. {block:if250}width:auto !important;{/block:if250}
  466. {block:if400}width:auto !important;{/block:if400}
  467. {block:if500}width:auto !important;{/block:if500}
  468. margin-top: 10px;
  469. font-family: ppixel;
  470. font-size: 8px;
  471. color: {color:Permalink Color};
  472. text-transform: uppercase;
  473. text-align:center;
  474. line-height:100%;
  475. border-top:2px solid {color:accent};
  476. background-color: {color:background color};
  477. padding:1px;
  478. margin-bottom:0px;
  479. -moz-transition:all ease-in-out 0.7s;
  480. -webkit-transition:all ease-in-out 0.7s;
  481. -o-transition:all ease-in-out 0.7s;
  482. transition:all ease-in-out 0.7s;}
  483.  
  484. .postperma a {
  485. color: {color:permalink link};
  486. -moz-transition:all ease-in-out 0.7s;
  487. -webkit-transition:all ease-in-out 0.7s;
  488. -o-transition:all ease-in-out 0.7s;
  489. transition:all ease-in-out 0.7s;
  490.  
  491. }
  492.  
  493. .postperma a:hover {
  494. color: {color:hover link};
  495. -moz-transition:all ease-in-out 0.7s;
  496. -webkit-transition:all ease-in-out 0.7s;
  497. -o-transition:all ease-in-out 0.7s;
  498. transition:all ease-in-out 0.7s;
  499.  
  500. }
  501.  
  502.  
  503.  
  504. #odd { padding:2px; font-size: 8px; letter-spacing: 1px; font-family: ppixel; color:{color:Blockquote Text 1}; background-color: {color:Blockquote Background 1}; }
  505. #even { padding:2px; font-size: 8px; letter-spacing: 1px; font-family: ppixel; color:{color:Blockquote Text 2}; background-color: {color:Blockquote Background 2};}
  506.  
  507. #tags { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 17px; word-spacing:1px; }
  508. #tags a {color: {color:tag color}; background-color:{color:post border}; padding:4px;} #tags a:hover { color:{color:hover link};}
  509.  
  510.  
  511. .postcontainer img:hover, #photoset:hover { {block:ifImageFade}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;
  512. -webkit-filter: grayscale(0%) !important; opacity: 1;{/block:ifImageFade}
  513. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(0%); {/block:ifMonochrome}
  514. }
  515.  
  516. .postcontainer img, #photoset {
  517. {block:if250}max-width:250px;{/block:if250}
  518. {block:if400}max-width:400px;{/block:if400}
  519. {block:if500}max-width:500px;{/block:if500}
  520. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%); {/block:ifMonochrome}
  521. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  522. }
  523.  
  524. .photopost img {
  525. {block:if250}max-width: 250px !important; {/block:if250}
  526. {block:if400}max-width: 400px !important; {/block:if400}
  527. {block:if500}max-width: 500px !important; {/block:if500}
  528. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%); {/block:ifMonochrome}
  529. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  530. }
  531.  
  532. .video {
  533. {block:if250}max-width: 250px !important; {/block:if250}
  534. {block:if400}max-width: 400px !important; {/block:if400}
  535. {block:if500}max-width: 500px !important; {/block:if500}
  536. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%);
  537. {/block:ifMonochrome}
  538. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  539. }
  540.  
  541. .video:hover {
  542. {block:ifFade}opacity: 1;{/block:ifFade}
  543. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  544. {/block:ifMonochrome}
  545. {block:ifImageFade}opacity: 1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  546. }
  547.  
  548. /* AUDIO */
  549. .album {
  550. background-repeat: no-repeat;
  551. background-position: center;
  552. position: absolute;
  553. width: 64px;
  554. height: 64px;
  555. padding:1px;
  556. background-size: 60px;
  557. overflow: hidden;
  558. border-radius:10em;
  559. background-color: {color:post border};
  560. border:2px solid {color:accent};
  561. -moz-transition:all ease-in-out 0.7s;
  562. -webkit-transition:all ease-in-out 0.7s;
  563. -o-transition:all ease-in-out 0.7s;
  564. transition:all ease-in-out 0.7s;
  565. }
  566.  
  567. .album img {
  568. width: 64px;
  569. height: 64px;
  570. overflow: hidden;
  571. border-radius:10em;
  572. -moz-transition:all ease-in-out 0.7s;
  573. -webkit-transition:all ease-in-out 0.7s;
  574. -o-transition:all ease-in-out 0.7s;
  575. transition:all ease-in-out 0.7s;
  576. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  577. {/block:ifMonochrome}
  578. {block:ifImageFade}opacity:.5;{/block:ifImageFade}
  579. }
  580.  
  581. .album img:hover {
  582. -moz-transition:all ease-in-out 0.7s;
  583. -webkit-transition:all ease-in-out 0.7s;
  584. -o-transition:all ease-in-out 0.7s;
  585. transition:all ease-in-out 0.7s;
  586. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  587. {/block:ifMonochrome}
  588. {block:ifImageFade}opacity:1;{/block:ifImageFade}
  589. }
  590.  
  591. .player {
  592. width: 10px;
  593. height: 11px;
  594. overflow: hidden;
  595. padding: 4px 21px 21px 4px;
  596. margin-top: 15px;
  597. margin-left: 15px;
  598. position: absolute;
  599. background-color: {color:post background};
  600. border-radius:10em;
  601. opacity: 0;
  602. z-index: 10;
  603. -webkit-transition: all 0.4s linear;
  604. -moz-transition: all 0.4s linear;
  605. -o-transition: all 0.4s linear;
  606. }
  607.  
  608. .album:hover .player {
  609. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  610. }
  611.  
  612.  
  613. .track {
  614. margin-left: 35px;
  615. min-height: 60px;
  616. max-height: 100px;
  617. overflow: auto;
  618. font-family:ppixel;
  619. font-size: 8px;
  620. padding: 3px 3px 3px 35px;
  621. text-align:center;
  622. color: {color:post text};
  623. text-transform: uppercase;
  624. letter-spacing: 1px;
  625. background: {color:blockquote background 1};
  626. border-right:2px solid {color:accent};
  627. }
  628.  
  629.  
  630. .question {
  631. {block:if250}min-height:40px;{/block:if250}
  632. {block:if400}min-height:40px;{/block:if400}
  633. {block:if500}min-height:40px;{/block:if500}
  634. font-family:ppixel;font-size: 8px;line-height:10px; padding: 10px; background-color: {color:blockquote background 1};height:auto; text-align:center; border: solid 3px {color:post border}; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
  635.  
  636.  
  637. /* Tooltip */
  638.  
  639. #s-m-t-tooltip { position:absolute; z-index:999999999999999999999999999999999999999999999999999999999; display:none; border-radius: 0px; max-width: 150px; margin-top: 10px; margin-left: 10px; font-family: tinytots; font-size: 8px; color: {color:post text}; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:post background}; border-left: solid 3px {color:accent};border-right: solid 1px {color:post border};border-bottom: solid 1px {color:post border};border-top: solid 1px {color:post border}; padding: 2px; -moz-transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -o-transition:all ease 0.7s; transition:all ease 0.7s;}
  640.  
  641. #s-m-t-tooltip:first-letter{
  642. font-family:Kristi;
  643. font-size:22px;
  644. letter-spacing:2px;
  645. color:{color:accent};
  646. }
  647.  
  648.  
  649. /* Pagination */
  650.  
  651. #pagination {
  652. position:fixed;
  653. width:175px;
  654. height:auto;
  655. bottom:75px;
  656. right:5px;
  657. font-family:arial;
  658. font-size:18px;
  659. font-weight:bold;
  660. color:{color:post text};
  661. padding:1px;
  662. text-transform:uppercase;
  663. background-color:transparent;
  664. letter-spacing:0px;
  665. text-align:right;
  666. }
  667.  
  668.  
  669.  
  670.  
  671.  
  672. /*sidebar wrapper*/
  673. #sidebar {
  674. position:fixed;
  675. margin-left:0px;
  676. margin-top:-50px;
  677. width:150px;
  678. height:auto;
  679. padding:0px;
  680. background-color:transparent;
  681. z-index:99999999999999999999999999999999999999999999999999999;
  682. }
  683.  
  684.  
  685.  
  686. /*wrapper*/
  687. #wrapper{
  688. position:absolute;
  689. margin-top:60px;
  690. margin-bottom:60px;
  691. background-color:transparent;
  692. width:300px;
  693. height:auto;
  694. margin-left:auto;
  695. margin-right:auto;}
  696.  
  697.  
  698. /*Sidebar*/
  699. #sbbg{
  700. position:fixed;
  701. width:100%;
  702. height:50px;
  703. left:0px;
  704. bottom:0px;
  705. background-color:{color:sidebar background};
  706. border-top:15px solid {color:accent};
  707. padding:5px;
  708. z-index:999999999999999999999999999999999999999999999999999;
  709. }
  710.  
  711. #sbbgimg{
  712. position:fixed;
  713. width:400px;
  714. height:500px;
  715. bottom:50px;
  716. left:35px;
  717. background-color:transparent;
  718. z-index:-10;
  719. }
  720.  
  721. #sbbgimg img{
  722. max-width:400px !important;
  723. max-height:500px !important;
  724. }
  725.  
  726. #sbtitle{
  727. position:fixed;
  728. width:300px;
  729. height:50px;
  730. margin-left:492px;
  731. margin-top:2px;
  732. background-color:transparent;
  733. font-family:Monoton;
  734. font-size:50px;
  735. color:{color:sidebar background};
  736. text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow};
  737. text-align:center;
  738. text-transform:auto;
  739. line-height:45px;
  740. letter-spacing:2px;
  741. z-index:9999999999;
  742. }
  743.  
  744. #sbimg{
  745. position:fixed;
  746. width:100px;
  747. height:100px;
  748. bottom:15px;
  749. left:50px;
  750. padding:3px;
  751. border-radius:10em;
  752. background-color:{color:sidebar image background};
  753. border:5px solid {color:accent};
  754. z-index:9999;
  755. }
  756.  
  757. #sbimg img{
  758. max-width:100px;
  759. max-height:100px;
  760. border-radius:10em;
  761. opacity:0.7;
  762. -webkit-transition: all 0.7s ease-in-out;
  763. -moz-transition: all 0.7s ease-in-out;
  764. transition: all 0.7s ease-in-out;
  765. }
  766. #sbbg:hover #sbimg img{
  767. opacity:1;
  768. -webkit-transition: all 0.7s ease-in-out;
  769. -moz-transition: all 0.7s ease-in-out;
  770. transition: all 0.7s ease-in-out;
  771. }
  772.  
  773.  
  774. #sbdesc{
  775. position:fixed;
  776. width:220px;
  777. height:40px;
  778. padding:5px;
  779. margin-top:0px;
  780. margin-left:820px;
  781. background-color:{color:sidebar background};
  782. border:1px solid {color:accent};
  783. font-family:ppixel;
  784. font-size:8px;
  785. color:{color:post text};
  786. text-transform:uppercase;
  787. text-align:center;
  788. line-height:100%;
  789. overflow:auto;
  790. }
  791.  
  792. #sbdesc::-webkit-scrollbar { width: 4px; height:1px; }
  793. #sbdesc::-webkit-scrollbar-thumb:vertical {
  794. background-color: {color:Scrollbar Trackbar};}
  795. #sbdesc::-webkit-scrollbar-button:start:decrement,
  796. #sbdesc::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  797. background-color: transparent; }
  798. #sbdesc::-webkit-scrollbar-track-piece {
  799. background-color: {color:Scrollbar Background}; }
  800.  
  801.  
  802.  
  803. #sblinks{
  804. position:fixed;
  805. width:auto;
  806. height:auto;
  807. padding:5px;
  808. margin-left:180px;
  809. margin-top:-5px;
  810. line-height:2px;
  811. background-color:transparent;
  812. }
  813.  
  814. #sblinks a{
  815. display:inline-block;
  816. background-color:{color:sidebar background};
  817. color:{color:accent};
  818. padding:4px;
  819. width:45px;
  820. height:5px;
  821. font-family:ppixel;
  822. font-size:8px;
  823. text-transform:uppercase;
  824. text-align:center;
  825. line-height:70%;
  826. z-index:999999;
  827. -webkit-transition: all 0.8s linear;
  828. -moz-transition: all 0.8s linear;
  829. transition: all 0.8s linear;
  830. }
  831. #sblinks a:hover{
  832. background-color:{color:post background};
  833. box-shadow: inset 50px 0px {color:accent}, inset -50px 0px {color:accent};
  834. color:{color:post border};
  835. -webkit-transition: all 0.8s linear;
  836. -moz-transition: all 0.8s linear;
  837. transition: all 0.8s linear;
  838. }
  839.  
  840. #sbcounter{
  841. position:fixed;
  842. width:150px;
  843. height:7px;
  844. padding:3px;
  845. margin-top:-19px;
  846. margin-left:855px;
  847. background-color:transparent;
  848. text-align:center;
  849. text-transform:uppercase;
  850. font-family:ppixel;
  851. font-size:8px;
  852. color:{color:sidebar background};
  853. line-height:100%;
  854. z-index:9999999999999999;
  855. }
  856.  
  857. #sbcounter a{
  858. color:{color:sidebar background};
  859. }
  860.  
  861. #sbcounter a:hover{
  862. color:{color:hover link};
  863. }
  864.  
  865.  
  866. #sbhovers{
  867. position:fixed;
  868. margin-top:25px;
  869. margin-left:200px;
  870. width:250px;
  871. height:20px;
  872. background-color:transparent;
  873. line-height:10px;
  874. padding:2px;
  875. font-family:arial;
  876. font-size:35px;
  877. color:{color:post text};
  878. text-align:center;
  879. letter-spacing:5px;
  880. }
  881.  
  882. #sbhovers a{
  883. color:{color:accent};
  884. -webkit-transition: all 0.8s linear;
  885. -moz-transition: all 0.8s linear;
  886. transition: all 0.8s linear;
  887. }
  888.  
  889. #sbhovers a:hover{
  890. color:{color:post text};
  891. -webkit-transition: all 0.8s linear;
  892. -moz-transition: all 0.8s linear;
  893. transition: all 0.8s linear;
  894. }
  895.  
  896. #friendwrap{
  897. position:fixed;
  898. background-color:transparent;
  899. margin-top:0px;
  900. margin-left:1065px;
  901. width:280px;
  902. height:20px;
  903. text-align:center;
  904. opacity:1;
  905. -o-transition-transition: all 1s ease-in-out;
  906. -webkit-transition: all 1s ease-in-out;
  907. -moz-transition: all 1s ease-in-out;
  908. }
  909.  
  910. #friendquote{
  911. position:fixed;
  912. background-color:transparent;
  913. margin-top:33px;
  914. margin-left:1065px;
  915. width:280px;
  916. height:20px;
  917. font-family:Italianno;
  918. font-size:20px;
  919. color:{color:hover link};
  920. text-align:center;
  921. -o-transition-transition: all 1s ease-in-out;
  922. -webkit-transition: all 1s ease-in-out;
  923. -moz-transition: all 1s ease-in-out;
  924. }
  925.  
  926.  
  927. #sbquote{
  928. position:fixed;
  929. background-color:transparent;
  930. margin-top:0px;
  931. margin-left:1080px;
  932. width:250px;
  933. height:20px;
  934. font-family:Italianno;
  935. font-size:20px;
  936. line-height:12px;
  937. color:{color:hover link};
  938. text-align:center;
  939. -o-transition-transition: all 1s ease-in-out;
  940. -webkit-transition: all 1s ease-in-out;
  941. -moz-transition: all 1s ease-in-out;
  942. }
  943.  
  944.  
  945. /* Music Player */
  946.  
  947. #musicplayer{
  948. overflow:hidden;
  949. position:fixed;
  950. width:20px;
  951. height:20px;
  952. padding:5px;
  953. margin-top:10px;
  954. margin-left:10px;
  955. background:{color:Sidebar Background}; /* This is the background color */
  956. z-index:9999;
  957. -webkit-transition: all 1s ease-in-out;
  958. -moz-transition: all 1s ease-in-out;
  959. transition: all 1s ease-in-out;
  960. }
  961.  
  962. #icon{
  963. /* This is for the positioning of the music gif: */
  964. margin-top:1px;
  965. margin-left:3px;
  966. opacity:0.7;
  967. -webkit-transition: all 0.5s linear;
  968. -moz-transition: all 0.5s linear;
  969. transition: all 0.5s linear;
  970. }
  971.  
  972. #musicplayer:hover #icon{
  973. margin-top:-20px;
  974. -webkit-transition: all 0.5s linear;
  975. -moz-transition: all 0.5s linear;
  976. transition: all 0.5s linear;
  977. }
  978.  
  979. #musicbox{
  980. width:8px;
  981. height:8px;
  982. overflow:hidden;
  983. /* This is for the positioning of the music player: */
  984. margin-top:6px;
  985. margin-left:6px;
  986. }
  987.  
  988. #music2{
  989. margin-top:-6px;
  990. margin-left:-35px;
  991. }
  992.  
  993.  
  994.  
  995. /* menu */
  996. .splitmenubutton, .downtoggler{ /* .downtoggler element is dynamically added by script */
  997. display:inline-block;
  998. background-color:{color:sidebar background};
  999. color:{color:accent};
  1000. padding:4px;
  1001. width:35px;
  1002. height:5px;
  1003. font-family:ppixel;
  1004. font-size:8px;
  1005. text-transform:uppercase;
  1006. text-align:center;
  1007. line-height:70%;
  1008.  
  1009. -webkit-transition: all 0.8s linear;
  1010. -moz-transition: all 0.8s linear;
  1011. transition: all 0.8s linear;
  1012. }
  1013.  
  1014.  
  1015. .dedicatedtoggler{ /* CSS to apply to toggler when it's a seperate element (instead of being the main menu button itself) */
  1016. -moz-border-radius: 0 5px 5px 0;
  1017. border-radius: 0 5px 5px 0;
  1018. border-left: 1px solid {color:accent};
  1019. }
  1020.  
  1021. a.downtoggler.selected{ /* CSS to add to toggler element when it's selected */
  1022. background: {color:accent}; /* default hover background color of menu */
  1023. }
  1024.  
  1025. .downarrow, rightarrow{
  1026. cursor: pointer;
  1027.  
  1028. }
  1029.  
  1030. span.innerspan.downarrow::after{ /* Down arrow (hex value) */
  1031. content: '\25be';
  1032.  
  1033. }
  1034.  
  1035. .splitmenubutton span.innerspan.downarrow:after{ /* Down arrow with space before the arrow */
  1036. content: '\00a0\25be';
  1037.  
  1038. }
  1039.  
  1040.  
  1041. .rightarrow:after{ /* CSS for right arrow inside splitdropdown */
  1042. content: '\25b8'; /* Add HTML entity based right arrow */
  1043. position: absolute;
  1044. right: 5px;
  1045. font-size: 16px;
  1046. height: 100%;
  1047.  
  1048. }
  1049.  
  1050. /* ##### CSS for UL Drop Down Menus of script ###### */
  1051.  
  1052.  
  1053. ul.splitdropdown, ul.splitdropdown ul{ /*topmost and sub ULs, respectively*/
  1054. font: normal 13px Verdana;
  1055. margin: -30px 10px;
  1056. padding: 0;
  1057. position: absolute;
  1058. display: none;
  1059. left: 200px;
  1060. top: 0;
  1061. list-style: none;
  1062. background: {color:accent}; /* background color of drop down */
  1063. border: 1px solid {color:accent};
  1064. border-bottom-width: 0;
  1065. box-shadow: 0 0 8px {color:accent}; /*shadow for CSS3 capable browsers.*/
  1066. -webkit-box-shadow: 0 0 8px {color:accent};
  1067. -moz-box-shadow: 0 0 8px {color:accent};
  1068. }
  1069.  
  1070.  
  1071. ul.splitdropdown li{
  1072. position: relative;
  1073.  
  1074. }
  1075.  
  1076. ul.splitdropdown li a{
  1077. display: block;
  1078. width: 160px; /*width of menu (not including side paddings)*/
  1079. color: {color:post text};
  1080. background: {color:sidebar background};
  1081. border-bottom: 1px solid {color:accent};
  1082. text-decoration: none;
  1083. padding: 8px 4px;
  1084.  
  1085. }
  1086.  
  1087. * html ul.splitdropdown li{ /*IE6 CSS hack*/
  1088. display: inline-block;
  1089. width: 170px; /*width of menu (include side paddings of LI A*/
  1090.  
  1091. }
  1092.  
  1093. ul.splitdropdown li a:hover, .splitdropdown li.selected>a{
  1094. background: {color:accent};
  1095. color:{color:hover link};
  1096.  
  1097. }
  1098.  
  1099. ul.splitdropdown li.separator{
  1100. border-bottom: 1px solid {color:accent};
  1101.  
  1102. }
  1103.  
  1104. </style>
  1105.  
  1106.  
  1107.  
  1108. </head>
  1109. <body>
  1110.  
  1111. <div id="wrapper">
  1112. <div id="sidebar">
  1113. {block:ifsidebarbackgroundimage}
  1114. <div id="sbbgimg"><img src="{image:Sidebar Background Image}"></div>
  1115. {/block:ifsidebarbackgroundimage}
  1116. <div id="sbbg">
  1117. <div id="sbimg"><img src="{image:Sidebar Image}" height="100px" width="100px"></div>
  1118. <div id="musicplayer"><div id="icon">
  1119. <img src="https://31.media.tumblr.com/3399ee7010470f4b4cf659922e46637d/tumblr_inline_mxopznVIjk1qfnehg.gif"/>
  1120. </div>
  1121. <div id="musicbox"><div id="music2">
  1122. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1123. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1124. <param name="bgcolor" value="#eeeeee" />
  1125. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=eeeeee&amp;bgcolor=eeeeee&amp;bgcolor1=eeeeee&amp;bgcolor2=eeeeee&amp;buttoncolor=505050&amp;buttonovercolor=ce294d&amp;showlist=0" />
  1126. </object>
  1127. </div></div></div>
  1128. <div id="sbtitle">{text:Sidebar Title}</div>
  1129.  
  1130. <div id="sbdesc">{Description}</div>
  1131.  
  1132. <div id="sblinks"><a title="{text:Home Link Hover}" href="{text:Home Link URL}">{text:Home Link}</a> <a title="{text:Ask Link Hover}" href="{text:Ask Link URL}">{text:Ask Link}</a> <a title="{text:Submit Link Hover}" href="{text:Submit Link URL}">{text:Submit Link}</a> <a title="{text:Link 1 Hover}" href="{text:Link 1 URL}">{text:Link 1}</a> <!-- Do not edit nor change the text on this link -->
  1133. <a href="#" class="splitmenubutton" data-showmenu="dropmenu1" data-splitmenu="false">more</a>
  1134. <!-- Sample corresponding Drop Down Menus markup -->
  1135.  
  1136. <!-- Drop Down #1 -->
  1137.  
  1138. <ul id="dropmenu1" class="splitdropdown">
  1139. <li><a title="{text:Sublink 1 Hover}" href="{text:Sublink 1 URL}">{text:Sublink 1}</a></li>
  1140. <li><a title="{text:Sublink 2 Hover}" href="{text:Sublink 2 URL}">{text:Sublink 2}</a></li>
  1141. <li><a title="{text:Sublink 3 Hover}" href="{text:Sublink 3 URL}">{text:Sublink 3}</a></li>
  1142. <li><a title="{text:Sublink 4 Hover}" href="{text:Sublink 4 URL}">{text:Sublink 4}</a></li>
  1143. <li><a title="{text:Sublink 5 Hover}" href="{text:Sublink 5 URL}">{text:Sublink 5}</a></li>
  1144. <li><a title="{text:Sublink 6 Hover}" href="{text:Sublink 6 URL}">{text:Sublink 6}</a></li>
  1145. <li><a title="{text:Sublink 7 Hover}" href="{text:Sublink 7 URL}">{text:Sublink 7}</a></li>
  1146. </ul>
  1147. </div>
  1148.  
  1149. <div id="sbhovers"><a title="{text:Hover 1}">●</a> <a title="{text:Hover 2}">●</a> <a title="{text:Hover 3}">●</a> <a title="{text:Hover 4}">●</a> <a title="{text:Hover 5}">●</a> <a title="{text:Hover 6}">●</a></div>
  1150.  
  1151. {block:ifCounter}
  1152. <div id="sbcounter">{text:Counter Link}</script></div>
  1153. {/block:ifCounter}
  1154.  
  1155.  
  1156.  
  1157. {block:ifFriends}
  1158. <div id="friendwrap">
  1159. <marquee scrollamount="3" behavior="alternate" direction="left" onmouseover="this.scrollAmount = 0" onmouseout="this.scrollAmount = 3">
  1160. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:25px; height:25px; padding:2px; background-color:{color:post background}; border:2px solid {color:accent}; border-radius:10em;" height="25px" width="25px" border-radius="10em"></a>
  1161. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:25px; height:25px; padding:2px; background-color:{color:post background}; border:2px solid {color:hover link}; border-radius:10em;" height="25px" width="25px" border-radius="10em"></a>
  1162. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:25px; height:25px; padding:2px; background-color:{color:post background}; border:2px solid {color:accent}; border-radius:10em;" height="25px" width="25px" border-radius="10em"></a>
  1163. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:25px; height:25px; padding:2px; background-color:{color:post background}; border:2px solid {color:hover link}; border-radius:10em;" height="25px" width="25px" border-radius="10em"></a>
  1164. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:25px; height:25px; padding:2px; background-color:{color:post background}; border:2px solid {color:accent}; border-radius:10em;" height="25px" width="25px" border-radius="10em"></a>
  1165.  
  1166. </marquee>
  1167.  
  1168. </div>
  1169.  
  1170. <div id="friendquote">{text:Friend Quote}</div>
  1171. {/block:ifFriends}
  1172.  
  1173. {block:ifQuote}
  1174. <div id="sbquote">{text:Sidebar Quote}</div>
  1175. {/block:ifQuote}
  1176.  
  1177. {block:ifpagination}
  1178. <div id="pagination">
  1179. {block:PreviousPage}
  1180. <a href="{PreviousPage}">back</a> -
  1181. {/block:PreviousPage}
  1182.  
  1183.  
  1184. {block:NextPage}
  1185. - <a href="{NextPage}">forth</a>
  1186. {/block:NextPage}
  1187. </div>
  1188. {/block:ifpagination}
  1189. </div>
  1190.  
  1191.  
  1192. </div>
  1193.  
  1194. </div>
  1195. </div>
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202. <div class="alignment">
  1203. <div class="autopagerize_page_element">
  1204.  
  1205. {block:Posts}
  1206. <div class="postcontainer">
  1207.  
  1208. {block:ContentSource}
  1209. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1210. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1211. {/block:SourceLogo}
  1212. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1213.  
  1214. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1215. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1216. {/block:ReblogParentLogo}
  1217. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1218. {/block:ContentSource}
  1219.  
  1220.  
  1221. <!-- PHOTO POSTS -->
  1222.  
  1223. {block:if250}
  1224. {block:Photo}{LinkOpenTag}
  1225. <div class="photopost">
  1226. <img src="{PhotoURL-250}">
  1227. </div>
  1228. {LinkCloseTag}
  1229. {block:ifShowCaptions}
  1230. {block:Caption}
  1231. {Caption}
  1232. {/block:Caption}
  1233. {/block:ifShowCaptions}
  1234. {/block:photo}
  1235. {/block:if250}
  1236.  
  1237. {block:if400}
  1238. {block:Photo}{LinkOpenTag}
  1239. <div class="photopost">
  1240. <img src="{PhotoURL-400}">
  1241. </div>
  1242. {LinkCloseTag}
  1243. {block:ifShowCaptions}
  1244. {block:Caption}
  1245. {Caption}
  1246. {/block:Caption}
  1247. {/block:ifShowCaptions}
  1248. {/block:photo}
  1249. {/block:if400}
  1250.  
  1251. {block:if500}
  1252. {block:Photo}{LinkOpenTag}
  1253. <div class="photopost">
  1254. <img src="{PhotoURL-500}">
  1255. </div>
  1256. {LinkCloseTag}
  1257. {block:ifShowCaptions}
  1258. {block:Caption}
  1259. {Caption}
  1260. {/block:Caption}
  1261. {/block:ifShowCaptions}
  1262. {/block:photo}
  1263. {/block:if500}
  1264.  
  1265. <!-- PHOTOSET POSTS -->
  1266. {block:if250}
  1267. {block:Photoset}
  1268. <div id="photoset">
  1269. {Photoset-250}
  1270. </div>
  1271. {block:ifShowCaptions}
  1272. {block:Caption}
  1273. {Caption}
  1274. {/block:Caption}
  1275. {/block:ifShowCaptions}
  1276. {/block:Photoset}
  1277. {/block:if250}
  1278.  
  1279. {block:if400}
  1280. {block:Photoset}
  1281. <div id="photoset">
  1282. {Photoset-400}
  1283. </div>
  1284. {block:ifShowCaptions}
  1285. {block:Caption}
  1286. {Caption}
  1287. {/block:Caption}
  1288. {/block:ifShowCaptions}
  1289. {/block:Photoset}
  1290. {/block:if400}
  1291.  
  1292. {block:if500}
  1293. {block:Photoset}
  1294. <div id="photoset">
  1295. {Photoset-500}
  1296. </div>
  1297. {block:ifShowCaptions}
  1298. {block:Caption}
  1299. {Caption}
  1300. {/block:Caption}
  1301. {/block:ifShowCaptions}
  1302. {/block:Photoset}{/block:if500}
  1303.  
  1304.  
  1305. <!-- VIDEO POSTS -->
  1306. <div class="video">
  1307. {block:if250}
  1308. {block:Video}
  1309. {Video-250}
  1310. {block:ifShowCaptions}
  1311. {block:Caption}
  1312. {Caption}
  1313. {/block:Caption}
  1314. {/block:ifShowCaptions}
  1315. {/block:Video}
  1316. {/block:if250}
  1317.  
  1318. {block:if400}
  1319. {block:Video}
  1320. {Video-400}
  1321. {block:ifShowCaptions}
  1322. {block:Caption}
  1323. {Caption}
  1324. {/block:Caption}
  1325. {/block:ifShowCaptions}
  1326. {/block:Video}
  1327. {/block:if400}
  1328.  
  1329. {block:if500}
  1330. {block:Video}
  1331. {Video-500}
  1332. {block:ifShowCaptions}
  1333. {block:Caption}
  1334. {Caption}
  1335. {/block:Caption}
  1336. {/block:ifShowCaptions}
  1337. {/block:Video}
  1338. {/block:if500}
  1339. </div>
  1340.  
  1341.  
  1342. <!-- AUDIO POSTS -->
  1343. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{block:ifWhitePlayer}
  1344. {AudioPlayerWhite}
  1345. {/block:ifWhitePlayer}
  1346. {block:ifBlackPlayer}
  1347. {AudioPlayerBlack}
  1348. {/block:ifBlackPlayer}
  1349. {block:ifGrayPlayer}
  1350. {AudioPlayerGrey}
  1351. {/block:ifGrayPlayer}</div>{/block:AudioPlayer}
  1352.  
  1353. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1354.  
  1355. <div class="track"></br>{block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}{block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}{block:Album}<span style="color:{color:Accent};">Album:</span>
  1356. {Album}<br>{/block:Album}<span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</div>
  1357.  
  1358. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1359.  
  1360. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1361. {/block:Audio}
  1362.  
  1363.  
  1364.  
  1365. <!-- QUOTE POSTS -->
  1366. {block:Quote}
  1367. <div id="quotetitle">{Quote}</div>
  1368. {block:Source}<div id="tags" style="text-align:center !important;padding:4px; background-color:{color:background color};"><span style="color:{color:accent};">@</span> {Source}</div>{/block:Source}
  1369. {/block:Quote}
  1370.  
  1371.  
  1372. <!-- TEXT POSTS -->
  1373. {block:Text}
  1374. {block:Title}
  1375. <div id="posttitle">{Title}</div>
  1376. {/block:Title}
  1377. {Body}
  1378. {/block:Text}
  1379.  
  1380.  
  1381. <!-- QUESTION POSTS -->
  1382. {block:Answer}
  1383. <div class="question"><div id="asktitle">{asker}</div><span style="margin-top:10px; "> {question}</span></div>
  1384. {answer}
  1385. {/block:Answer}
  1386.  
  1387. <!-- CHAT POSTS -->
  1388. {block:Chat}
  1389. {block:Title}
  1390. <div id="posttitle">{Title}</div><br />
  1391. {/block:Title}
  1392. {block:Lines}<div id="{Alt}">
  1393. {block:Label}<span style="color:{color:accent};">{Label}</span>{/block:Label} {Line}</br></div>
  1394. {/block:Lines}
  1395. {/block:Lines}
  1396. {/block:Chat}
  1397.  
  1398. <!-- LINK POSTS -->
  1399. {block:Link}
  1400. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1401. {block:Description}
  1402. {Description}
  1403. {/block:Description}
  1404. {/block:Link}
  1405.  
  1406.  
  1407.  
  1408. {block:IndexPage}
  1409. <div class="postperma">
  1410. {block:Date}<a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}" >{TimeStamp}</a>{/block:Date} {block:RebloggedFrom} &times; <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> ( <a href="{ReblogRootURL}" title="{ReblogRoottitle}">src</a> ){/block:RebloggedFrom} &times; <a href="{ReblogURL}" title="Reblog?">reblog</a> {block:ifShowTags}{block:HasTags} &times; <a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}{/block:ifShowTags} </div>
  1411.  
  1412. {/block:IndexPage}
  1413.  
  1414.  
  1415. </div>
  1416.  
  1417. {block:PermaLinkPage}
  1418. <div class="postinfo">
  1419. <center>
  1420. <div id="datetitle">{DayOfWeek}, {DayOfMonth} {Month} {Year}.</div>
  1421. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1422. {/block:RebloggedFrom}
  1423. </center>
  1424. <br>
  1425. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1426.  
  1427. </div>
  1428. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1429.  
  1430. {/block:PermalinkPage}
  1431. {/block:Posts}
  1432. </div>
  1433.  
  1434.  
  1435.  
  1436. <div style="position:fixed; bottom:80px; left:8px; text-align:center; font-size:8px; font-family:ppixel;">
  1437. <a href="http://galaxias-themes.tumblr.com" title="galaxias-themes">THEME</a>
  1438. </div>
  1439.  
  1440.  
  1441. </div> </div>
  1442.  
  1443. </body> </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!