API tools faq
paste
Advertisement
rosewoodthemes

"Your Biggest Fan" by Rosewood Themes

rosewoodthemes
Sep 30th, 2013
7,510
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5.  
  6. <!--THEME BY ROSEWOOD THEMES
  7. DO NOT EDIT AND REDISTRIBUTE
  8. DO NOT REMOVE CREDIT
  9. DO NOT CLAIM AS YOUR OWN
  10. -->
  11.  
  12. <meta name="color:Sidebar" content="#0f0f0f">
  13. <meta name="color:Background" content="">
  14. <meta name="color:Header" content="#000000">
  15. <meta name="color:Posts" content="">
  16. <meta name="color:Entries" content="#0f0f0f">
  17. <meta name="color:Body" content="#dbdbdb">
  18. <meta name="color:Ask Bubble" content="#fde478">
  19. <meta name="color:Ask Text" content="#000000">
  20. <meta name="color:Links" content="#fde478">
  21. <meta name="color:Side Links" content="#000000">
  22. <meta name="color:Side Links Bg" content="#fde478">
  23. <meta name="color:Link Hover" content="#ffffff">
  24. <meta name="color:Title" content="#000000">
  25. <meta name="color:Link Title" content="#ffffff">
  26. <meta name="color:Link Title Bg" content="#000000">
  27. <meta name="color:Navbar Top" content="#ffffff">
  28. <meta name="color:Navbar Bottom" content="#fefefe">
  29. <meta name="color:Divider" content="#fde478">
  30. <meta name="color:Scrollbar" content="#fde478">
  31. <meta name="color:Scrollbar Bg" content="#000000">
  32. <meta name="color:Border" content="#000000">
  33. <meta name="color:Pagination" content="#000000">
  34. <meta name="color:Pagination Bg" content="#fde478">
  35.  
  36. <meta name="image:Background" content="http://static.tumblr.com/cf55a57f66c3a8fd40f4f3c1f6bf2dfb/fvhuef1/z9Tmtwxfy/tumblr_static_dark_mosaic.png">
  37. <meta name="image:Header" content="http://static.tumblr.com/4076bef19e323e8e9dbfdf264e3b7e85/fvhuef1/6v9mtx6pe/tumblr_static_lucyfansite.png">
  38. <meta name="image:Icon" content="http://static.tumblr.com/3583659e60d77bc60128dd1416ca82f9/fvhuef1/sgfmtyqhc/tumblr_static_lucyiconbby.png">
  39. <meta name="image:Slide 1" content="http://static.tumblr.com/bdc0e6e64b5676d2122fcce5f48da632/fvhuef1/ZLvmtyekv/tumblr_static_exampleslide.png">
  40. <meta name="image:Slide 2" content="http://static.tumblr.com/0554b75ccaa918695cddbab0593daf1c/fvhuef1/hUBmtyel7/tumblr_static_exampleslide1.png">
  41. <meta name="image:Slide 3" content="http://static.tumblr.com/a2de2b8fd75c6248ddb5fed9f6927f98/fvhuef1/DxHmtyelm/tumblr_static_exampleslide2.png">
  42. <meta name="image:People 1" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  43. <meta name="image:People 2" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  44. <meta name="image:People 3" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  45. <meta name="image:People 4" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  46. <meta name="image:People 5" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  47. <meta name="image:People 6" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  48. <meta name="image:People 7" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  49. <meta name="image:People 8" content="http://static.tumblr.com/742d177ec9a57d4d940d3b6ad3f4d0e4/fvhuef1/KSEmtyw7t/tumblr_static_anon.png">
  50.  
  51. <meta name="text:tLink 1" content="/">
  52. <meta name="text:tLink Title 1" content="Link">
  53. <meta name="text:tLink 2" content="/">
  54. <meta name="text:tLink Title 2" content="Link">
  55. <meta name="text:tLink 3" content="/">
  56. <meta name="text:tLink Title 3" content="Link">
  57. <meta name="text:tLink 4" content="/">
  58. <meta name="text:tLink Title 4" content="Link">
  59.  
  60. <meta name="text:Dropdown Title" content="Dropdown">
  61. <meta name="text:dLink 1" content="/">
  62. <meta name="text:dLink Title 1" content="Link">
  63. <meta name="text:dLink 2" content="/">
  64. <meta name="text:dLink Title 2" content="Link">
  65. <meta name="text:dLink 3" content="/">
  66. <meta name="text:dLink Title 3" content="Link">
  67. <meta name="text:dLink 4" content="/">
  68. <meta name="text:dLink Title 4" content="Link">
  69. <meta name="text:dLink 5" content="/">
  70. <meta name="text:dLink Title 5" content="Link">
  71.  
  72. <meta name="text:People Title" content="Favorites">
  73. <meta name="text:Blog Url 1" content="/">
  74. <meta name="text:Blog 1" content="NAME">
  75. <meta name="text:Blog Url 2" content="/">
  76. <meta name="text:Blog 2" content="NAME">
  77. <meta name="text:Blog Url 3" content="/">
  78. <meta name="text:Blog 3" content="NAME">
  79. <meta name="text:Blog Url 4" content="/">
  80. <meta name="text:Blog 4" content="NAME">
  81. <meta name="text:Blog Url 5" content="/">
  82. <meta name="text:Blog 5" content="NAME">
  83. <meta name="text:Blog Url 6" content="/">
  84. <meta name="text:Blog 6" content="NAME">
  85. <meta name="text:Blog Url 7" content="/">
  86. <meta name="text:Blog 7" content="NAME">
  87. <meta name="text:Blog Url 8" content="/">
  88. <meta name="text:Blog 8" content="NAME">
  89.  
  90. <meta name="text:Extra Box Title" content="Extra Box">
  91. <meta name="text:Extra Box" content="Put whatever you want here!">
  92.  
  93. <meta name="text:Chat Box Code" content="Chat box code goes here!">
  94.  
  95. <meta name="text:Extra Link 1" content="/">
  96. <meta name="text:Extra LinkTitle 1" content="Link">
  97. <meta name="text:Extra Link 2" content="/">
  98. <meta name="text:Extra LinkTitle 2" content="Link">
  99. <meta name="text:Extra Link 3" content="/">
  100. <meta name="text:Extra LinkTitle 3" content="Link">
  101. <meta name="text:Extra Link 4" content="/">
  102. <meta name="text:Extra LinkTitle 4" content="Link">
  103.  
  104. <meta name="if:Navbar" content="0">
  105. <meta name="if:InverseNavbar" content="1">
  106. <meta name="if:EntriesBg" content="1">
  107. <meta name="if:PostsBg" content="0">
  108. <meta name="if:HeaderBg" content="0">
  109. <meta name="if:RoundedBorders" content="1">
  110. <meta name="if:BlogAvatar" content="1">
  111. <meta name="if:SideLinks" content="1">
  112.  
  113. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  114. <script src="bootstrap/js/bootstrap.js"></script>
  115. <script>
  116. !function ($) {
  117.  
  118. "use strict"; // jshint ;_;
  119.  
  120.  
  121. /* DROPDOWN CLASS DEFINITION
  122. * ========================= */
  123.  
  124. var toggle = '[data-toggle=dropdown]'
  125. , Dropdown = function (element) {
  126. var $el = $(element).on('click.dropdown.data-api', this.toggle)
  127. $('html').on('click.dropdown.data-api', function () {
  128. $el.parent().removeClass('open')
  129. })
  130. }
  131.  
  132. Dropdown.prototype = {
  133.  
  134. constructor: Dropdown
  135.  
  136. , toggle: function (e) {
  137. var $this = $(this)
  138. , $parent
  139. , isActive
  140.  
  141. if ($this.is('.disabled, :disabled')) return
  142.  
  143. $parent = getParent($this)
  144.  
  145. isActive = $parent.hasClass('open')
  146.  
  147. clearMenus()
  148.  
  149. if (!isActive) {
  150. if ('ontouchstart' in document.documentElement) {
  151. // if mobile we we use a backdrop because click events don't delegate
  152. $('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
  153. }
  154. $parent.toggleClass('open')
  155. }
  156.  
  157. $this.focus()
  158.  
  159. return false
  160. }
  161.  
  162. , keydown: function (e) {
  163. var $this
  164. , $items
  165. , $active
  166. , $parent
  167. , isActive
  168. , index
  169.  
  170. if (!/(38|40|27)/.test(e.keyCode)) return
  171.  
  172. $this = $(this)
  173.  
  174. e.preventDefault()
  175. e.stopPropagation()
  176.  
  177. if ($this.is('.disabled, :disabled')) return
  178.  
  179. $parent = getParent($this)
  180.  
  181. isActive = $parent.hasClass('open')
  182.  
  183. if (!isActive || (isActive && e.keyCode == 27)) {
  184. if (e.which == 27) $parent.find(toggle).focus()
  185. return $this.click()
  186. }
  187.  
  188. $items = $('[role=menu] li:not(.divider):visible a', $parent)
  189.  
  190. if (!$items.length) return
  191.  
  192. index = $items.index($items.filter(':focus'))
  193.  
  194. if (e.keyCode == 38 && index > 0) index-- // up
  195. if (e.keyCode == 40 && index < $items.length - 1) index++ // down
  196. if (!~index) index = 0
  197.  
  198. $items
  199. .eq(index)
  200. .focus()
  201. }
  202.  
  203. }
  204.  
  205. function clearMenus() {
  206. $('.dropdown-backdrop').remove()
  207. $(toggle).each(function () {
  208. getParent($(this)).removeClass('open')
  209. })
  210. }
  211.  
  212. function getParent($this) {
  213. var selector = $this.attr('data-target')
  214. , $parent
  215.  
  216. if (!selector) {
  217. selector = $this.attr('href')
  218. selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
  219. }
  220.  
  221. $parent = selector && $(selector)
  222.  
  223. if (!$parent || !$parent.length) $parent = $this.parent()
  224.  
  225. return $parent
  226. }
  227.  
  228.  
  229. /* DROPDOWN PLUGIN DEFINITION
  230. * ========================== */
  231.  
  232. var old = $.fn.dropdown
  233.  
  234. $.fn.dropdown = function (option) {
  235. return this.each(function () {
  236. var $this = $(this)
  237. , data = $this.data('dropdown')
  238. if (!data) $this.data('dropdown', (data = new Dropdown(this)))
  239. if (typeof option == 'string') data[option].call($this)
  240. })
  241. }
  242.  
  243. $.fn.dropdown.Constructor = Dropdown
  244.  
  245.  
  246. /* DROPDOWN NO CONFLICT
  247. * ==================== */
  248.  
  249. $.fn.dropdown.noConflict = function () {
  250. $.fn.dropdown = old
  251. return this
  252. }
  253.  
  254.  
  255. /* APPLY TO STANDARD DROPDOWN ELEMENTS
  256. * =================================== */
  257.  
  258. $(document)
  259. .on('click.dropdown.data-api', clearMenus)
  260. .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
  261. .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle)
  262. .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
  263.  
  264. }(window.jQuery);
  265. </script>
  266.  
  267. <!--CAROUSEL-->
  268.  
  269. <script>
  270. !function ($) {
  271.  
  272. "use strict"; // jshint ;_;
  273.  
  274.  
  275. /* CAROUSEL CLASS DEFINITION
  276. * ========================= */
  277.  
  278. var Carousel = function (element, options) {
  279. this.$element = $(element)
  280. this.$indicators = this.$element.find('.carousel-indicators')
  281. this.options = options
  282. this.options.pause == 'hover' && this.$element
  283. .on('mouseenter', $.proxy(this.pause, this))
  284. .on('mouseleave', $.proxy(this.cycle, this))
  285. }
  286.  
  287. Carousel.prototype = {
  288.  
  289. cycle: function (e) {
  290. if (!e) this.paused = false
  291. if (this.interval) clearInterval(this.interval);
  292. this.options.interval
  293. && !this.paused
  294. && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
  295. return this
  296. }
  297.  
  298. , getActiveIndex: function () {
  299. this.$active = this.$element.find('.item.active')
  300. this.$items = this.$active.parent().children()
  301. return this.$items.index(this.$active)
  302. }
  303.  
  304. , to: function (pos) {
  305. var activeIndex = this.getActiveIndex()
  306. , that = this
  307.  
  308. if (pos > (this.$items.length - 1) || pos < 0) return
  309.  
  310. if (this.sliding) {
  311. return this.$element.one('slid', function () {
  312. that.to(pos)
  313. })
  314. }
  315.  
  316. if (activeIndex == pos) {
  317. return this.pause().cycle()
  318. }
  319.  
  320. return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
  321. }
  322.  
  323. , pause: function (e) {
  324. if (!e) this.paused = true
  325. if (this.$element.find('.next, .prev').length && $.support.transition.end) {
  326. this.$element.trigger($.support.transition.end)
  327. this.cycle(true)
  328. }
  329. clearInterval(this.interval)
  330. this.interval = null
  331. return this
  332. }
  333.  
  334. , next: function () {
  335. if (this.sliding) return
  336. return this.slide('next')
  337. }
  338.  
  339. , prev: function () {
  340. if (this.sliding) return
  341. return this.slide('prev')
  342. }
  343.  
  344. , slide: function (type, next) {
  345. var $active = this.$element.find('.item.active')
  346. , $next = next || $active[type]()
  347. , isCycling = this.interval
  348. , direction = type == 'next' ? 'left' : 'right'
  349. , fallback = type == 'next' ? 'first' : 'last'
  350. , that = this
  351. , e
  352.  
  353. this.sliding = true
  354.  
  355. isCycling && this.pause()
  356.  
  357. $next = $next.length ? $next : this.$element.find('.item')[fallback]()
  358.  
  359. e = $.Event('slide', {
  360. relatedTarget: $next[0]
  361. , direction: direction
  362. })
  363.  
  364. if ($next.hasClass('active')) return
  365.  
  366. if (this.$indicators.length) {
  367. this.$indicators.find('.active').removeClass('active')
  368. this.$element.one('slid', function () {
  369. var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
  370. $nextIndicator && $nextIndicator.addClass('active')
  371. })
  372. }
  373.  
  374. if ($.support.transition && this.$element.hasClass('slide')) {
  375. this.$element.trigger(e)
  376. if (e.isDefaultPrevented()) return
  377. $next.addClass(type)
  378. $next[0].offsetWidth // force reflow
  379. $active.addClass(direction)
  380. $next.addClass(direction)
  381. this.$element.one($.support.transition.end, function () {
  382. $next.removeClass([type, direction].join(' ')).addClass('active')
  383. $active.removeClass(['active', direction].join(' '))
  384. that.sliding = false
  385. setTimeout(function () { that.$element.trigger('slid') }, 0)
  386. })
  387. } else {
  388. this.$element.trigger(e)
  389. if (e.isDefaultPrevented()) return
  390. $active.removeClass('active')
  391. $next.addClass('active')
  392. this.sliding = false
  393. this.$element.trigger('slid')
  394. }
  395.  
  396. isCycling && this.cycle()
  397.  
  398. return this
  399. }
  400.  
  401. }
  402.  
  403.  
  404. /* CAROUSEL PLUGIN DEFINITION
  405. * ========================== */
  406.  
  407. var old = $.fn.carousel
  408.  
  409. $.fn.carousel = function (option) {
  410. return this.each(function () {
  411. var $this = $(this)
  412. , data = $this.data('carousel')
  413. , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option)
  414. , action = typeof option == 'string' ? option : options.slide
  415. if (!data) $this.data('carousel', (data = new Carousel(this, options)))
  416. if (typeof option == 'number') data.to(option)
  417. else if (action) data[action]()
  418. else if (options.interval) data.pause().cycle()
  419. })
  420. }
  421.  
  422. $.fn.carousel.defaults = {
  423. interval: 5000
  424. , pause: 'hover'
  425. }
  426.  
  427. $.fn.carousel.Constructor = Carousel
  428.  
  429.  
  430. /* CAROUSEL NO CONFLICT
  431. * ==================== */
  432.  
  433. $.fn.carousel.noConflict = function () {
  434. $.fn.carousel = old
  435. return this
  436. }
  437.  
  438. /* CAROUSEL DATA-API
  439. * ================= */
  440.  
  441. $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) {
  442. var $this = $(this), href
  443. , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
  444. , options = $.extend({}, $target.data(), $this.data())
  445. , slideIndex
  446.  
  447. $target.carousel(options)
  448.  
  449. if (slideIndex = $this.attr('data-slide-to')) {
  450. $target.data('carousel').pause().to(slideIndex).cycle()
  451. }
  452.  
  453. e.preventDefault()
  454. })
  455.  
  456. }(window.jQuery);
  457. </script>
  458.  
  459. <script type="text/javascript">
  460. $(document).ready(function () {
  461. $('.carousel').carousel({
  462. interval: 4000
  463. });
  464.  
  465. $('.carousel').carousel('cycle');
  466. });
  467. </script>
  468.  
  469. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  470. <script>
  471. (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:450, attribute:"title" }); }); })(jQuery);
  472. </script>
  473.  
  474. <style type="text/css">
  475.  
  476. @font-face{font-family:Basic L;src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf');}
  477.  
  478. @font-face {font-family:Caviar Dreams;src:url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  479.  
  480. @font-face{font-family:Never Let Go; src: url('http://static.tumblr.com/9wzbixa/caAmj3lsm/neverletgo.ttf');}
  481.  
  482. @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  483.  
  484.  
  485. ::-webkit-scrollbar-thumb:vertical {
  486. background-color:{color:Scrollbar};
  487. padding-top:10px;
  488. border:1px solid {color:border};
  489. }
  490.  
  491. ::-webkit-scrollbar {
  492. width:10px;
  493. height:10px;
  494. background-color:{color:Scrollbar bg};
  495. }
  496.  
  497. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  498. height:10px;
  499. width: 15px;
  500. display:block;
  501. background-color: {color:Scrollbar};
  502. border:1px solid {color:border};
  503. }
  504.  
  505. body {
  506. background-color:{color:Background};
  507. background-image:url('{image:Background}');
  508. font-family:calibri;
  509. font-size:12px;
  510. color:{color:body};
  511. width:975px;
  512. margin:0 auto;
  513. }
  514.  
  515. h1 {
  516. font-family:never let go;
  517. text-transform:lowercase;
  518. font-weight:normal;
  519. font-size:30px;
  520. }
  521.  
  522. a {
  523. text-decoration:none;
  524. color:{color:links};
  525. }
  526.  
  527. #container {
  528. width:100%;
  529. margin:8px auto;
  530. }
  531.  
  532. .header {
  533. position:absolute;
  534. width:975px;
  535. top:30px;
  536. z-index:-9;
  537. {block:ifHeaderBg}
  538. background-color:{color:Header};
  539. {/block:ifHeaderBg}
  540. }
  541.  
  542. .header img {
  543. border-bottom:8px solid {color:Divider};
  544. }
  545.  
  546. #entries {
  547. position:absolute;
  548. width:550px;
  549. padding:25px;
  550. padding-right:100px;
  551. margin-top:70px;
  552. margin-left:300px;
  553. top:451px;
  554. {block:ifEntriesBg}
  555. background-color:{color:entries};
  556. border:1px solid {color:Border};
  557. {/block:ifEntriesBg}
  558.  
  559. {block:ifRoundedBorders}
  560. border-radius:10px;
  561. {/block:ifRoundedBorders}
  562. }
  563.  
  564. .post {
  565. width:480px;
  566. {block:ifPostsBg}
  567. background-color:{color:posts};
  568. border:1px solid {color:border};
  569. {/block:ifPostsBg}
  570. padding:20px;
  571. text-align:left;
  572. margin-left:-25px;
  573. margin-top:-20px;
  574. margin-bottom:15px;
  575. z-index:999999999;
  576. }
  577.  
  578. .post img {
  579. z-index:99999999;
  580. max-width:480px;
  581. }
  582.  
  583. .postinfo {
  584. position:absolute;
  585. margin-left:490px;
  586. width:140px;
  587. padding:2px;
  588. font-family: caviar dreams;
  589. font-size:18px;
  590. text-transform:uppercase;
  591. color:{color:body};
  592. border-left:1px solid {color:divider};
  593. padding-left:20px;
  594. }
  595.  
  596. .postinfo a {
  597. color:{color:body};
  598. }
  599.  
  600. .info {
  601. position:absolute;
  602. margin-left:490px;
  603. width:140px;
  604. padding:2px;
  605. font-family:calibri;
  606. font-size:13px;
  607. text-transform:uppercase;
  608. }
  609.  
  610. .postdate {
  611. padding-top:1px;
  612. }
  613. .date {
  614. padding-top:0px;
  615. padding-left:1px;
  616. font-family:calibri;
  617. font-size:8px;
  618. letter-spacing:2px;
  619. }
  620.  
  621. .tags {
  622. width:130px;
  623. margin-top:8px;
  624. padding-left:1px;
  625. font-family:calibri;
  626. font-size:8px;
  627. color:{color:links};
  628. }
  629.  
  630. #sidebar {
  631. position:absolute;
  632. margin-top:483px;
  633. background-color:{color:sidebar};
  634. border:1px solid {color:border};
  635. width:275px;
  636. height:200%;
  637. padding:10px;
  638. {block:ifRoundedBorders}
  639. border-radius:10px;
  640. {/block:ifRoundedBorders}
  641. }
  642.  
  643. .sidetit {
  644. position:absolute;
  645. width:275px;
  646. font-family:caviar dreams;
  647. text-align:center;
  648. text-transform:uppercase;
  649. }
  650.  
  651. .sidelinks {
  652. margin-top:75px;
  653. position:relative;
  654. }
  655.  
  656. .sidelinks a {
  657. display:block;
  658. background-color:{color:side links bg};
  659. width:265px;
  660. padding:5px;
  661. margin-bottom:3px;
  662. font-size:14px;
  663. color:{color:side links};
  664. text-align:center;
  665. text-transform:uppercase;
  666. border:1px solid {color:border};
  667. -webkit-transition: all 0.3s ease-in-out;
  668. -moz-transition: all 0.3s ease-in-out;
  669. transition: all 0.3s ease-in-out;
  670. {block:ifRoundedBorders}
  671. border-radius:7px;
  672. {/block:ifRoundedBorders}
  673. }
  674.  
  675. .sidelinks a:hover {
  676. background-color:{color:sidebar};
  677. color:{color:links};
  678. padding:5px;
  679. -webkit-transition: all 0.3s ease-in-out;
  680. -moz-transition: all 0.3s ease-in-out;
  681. transition: all 0.3s ease-in-out;
  682. border:1px solid {color:sidebar};
  683. }
  684.  
  685. .desc {
  686. position:relative;
  687. margin-top:80px;
  688. font-family:calibri;
  689. font-size:12px;
  690. text-transform:uppercase;
  691. height:150px;
  692. overflow:auto;
  693. }
  694.  
  695. .favorites {
  696. position:absolute;
  697. margin-top:80px;
  698. }
  699.  
  700. .favorites img {
  701. max-width:62px;
  702. max-height:62px;
  703. }
  704.  
  705. .chat {
  706. position:absolute;
  707. margin-top:305px;
  708. margin-left:20px;
  709. }
  710.  
  711. .extrabox {
  712. position:absolute;
  713. margin-top:595px;
  714. font-family:calibri;
  715. font-size:12px;
  716. text-transform:uppercase;
  717. height:150px;
  718. overflow:auto;
  719. }
  720.  
  721. .bubbles {
  722. position:relative;
  723. padding:10px;
  724. left:95px;
  725. background:{color:Ask Bubble};
  726. font-family:calibri;
  727. font-size:12px;
  728. text-shadow: 0px 0px 1px #fefefe;
  729. letter-spacing:0px;
  730. color:{color:Ask Text};
  731. text-align:left;
  732. width: 340px;
  733. -moz-border-radius:10px;
  734. -webkit-border-radius:10px;
  735. border-radius:10px;
  736. background:-moz-linear-gradient(top, {color:Ask Bubble}, #8a8a8a);
  737. background:linear-gradient(top, {color:Ask Bubble}, #8a8a8a);
  738. }
  739.  
  740. .bubbles a {
  741. text-shadow: 0px 0px 1px {color:Ask Text};
  742. color:{color:Ask Text};
  743. }
  744.  
  745. .bubbles:after {
  746. content:"\00a0";
  747. display:block; /* reduce the damage in FF3.0 */
  748. position:absolute;
  749. left:-15px;
  750. top:10px;
  751. width:0;
  752. height:0;
  753. border-width:15px 15px 0px;
  754. border-style:solid;
  755. border-color:{color:Ask Bubble} transparent;
  756. }
  757.  
  758. #source {
  759. float:right;
  760. }
  761.  
  762. #source a {
  763. font-family:never let go;
  764. font-size:30px;
  765. text-transform:lowercase;
  766. }
  767.  
  768. #pagination {
  769. width:210px;
  770. height:15px;
  771. position:absolute;
  772. margin-top:635px;
  773. padding:5px;
  774. z-index:9999;
  775. color:{color:body};
  776. }
  777.  
  778. #pagination a {
  779. display:inline-block;
  780. width:15px;
  781. color: {color:Pagination};
  782. padding:5px;
  783. text-decoration:none;
  784. background-color:{color:Pagination bg};
  785. border-radius:5px;
  786. }
  787.  
  788. #s-m-t-tooltip {
  789. display:block;
  790. text-transform:uppercase;
  791. background-color:{color:Link Title Bg};
  792. border:1px solid #000;
  793. text-align:center;
  794. font-size:10px;
  795. line-height:10px;
  796. letter-spacing:1px;
  797. color:{color:Link Title};
  798. max-width:250px;
  799. word-wrap:break-word;padding:5px;
  800. margin: 21px 1px 1px 15px;
  801. z-index:999999;
  802. }
  803.  
  804. /* NAVBAR DO NOT EDIT */
  805.  
  806. .clearfix {
  807. *zoom: 1;
  808. }
  809. .clearfix:before,
  810. .clearfix:after {
  811. display: table;
  812. content: "";
  813. line-height: 0;
  814. }
  815. .clearfix:after {
  816. clear: both;
  817. }
  818. .hide-text {
  819. font: 0/0 a;
  820. color: transparent;
  821. text-shadow: none;
  822. background-color: transparent;
  823. border: 0;
  824. }
  825. .input-block-level {
  826. display: block;
  827. width: 100%;
  828. min-height: 30px;
  829. -webkit-box-sizing: border-box;
  830. -moz-box-sizing: border-box;
  831. box-sizing: border-box;
  832. }
  833. .btn-group {
  834. position: relative;
  835. display: inline-block;
  836. *display: inline;
  837. /* IE7 inline-block hack */
  838.  
  839. *zoom: 1;
  840. font-size: 0;
  841. vertical-align: middle;
  842. white-space: nowrap;
  843. *margin-left: .3em;
  844. }
  845. .btn-group:first-child {
  846. *margin-left: 0;
  847. }
  848. .btn-group + .btn-group {
  849. margin-left: 5px;
  850. }
  851. .btn-toolbar {
  852. font-size: 0;
  853. margin-top: 10px;
  854. margin-bottom: 10px;
  855. }
  856. .btn-toolbar > .btn + .btn,
  857. .btn-toolbar > .btn-group + .btn,
  858. .btn-toolbar > .btn + .btn-group {
  859. margin-left: 5px;
  860. }
  861. .btn-group > .btn {
  862. position: relative;
  863. -webkit-border-radius: 0;
  864. -moz-border-radius: 0;
  865. border-radius: 0;
  866. }
  867. .btn-group > .btn + .btn {
  868. margin-left: -1px;
  869. }
  870. .btn-group > .btn,
  871. .btn-group > .dropdown-menu,
  872. .btn-group > .popover {
  873. font-size: 14px;
  874. }
  875. .btn-group > .btn-mini {
  876. font-size: 10.5px;
  877. }
  878. .btn-group > .btn-small {
  879. font-size: 11.9px;
  880. }
  881. .btn-group > .btn-large {
  882. font-size: 17.5px;
  883. }
  884. .btn-group > .btn:first-child {
  885. margin-left: 0;
  886. -webkit-border-top-left-radius: 4px;
  887. -moz-border-radius-topleft: 4px;
  888. border-top-left-radius: 4px;
  889. -webkit-border-bottom-left-radius: 4px;
  890. -moz-border-radius-bottomleft: 4px;
  891. border-bottom-left-radius: 4px;
  892. }
  893. .btn-group > .btn:last-child,
  894. .btn-group > .dropdown-toggle {
  895. -webkit-border-top-right-radius: 4px;
  896. -moz-border-radius-topright: 4px;
  897. border-top-right-radius: 4px;
  898. -webkit-border-bottom-right-radius: 4px;
  899. -moz-border-radius-bottomright: 4px;
  900. border-bottom-right-radius: 4px;
  901. }
  902. .btn-group > .btn.large:first-child {
  903. margin-left: 0;
  904. -webkit-border-top-left-radius: 6px;
  905. -moz-border-radius-topleft: 6px;
  906. border-top-left-radius: 6px;
  907. -webkit-border-bottom-left-radius: 6px;
  908. -moz-border-radius-bottomleft: 6px;
  909. border-bottom-left-radius: 6px;
  910. }
  911. .btn-group > .btn.large:last-child,
  912. .btn-group > .large.dropdown-toggle {
  913. -webkit-border-top-right-radius: 6px;
  914. -moz-border-radius-topright: 6px;
  915. border-top-right-radius: 6px;
  916. -webkit-border-bottom-right-radius: 6px;
  917. -moz-border-radius-bottomright: 6px;
  918. border-bottom-right-radius: 6px;
  919. }
  920. .btn-group > .btn:hover,
  921. .btn-group > .btn:focus,
  922. .btn-group > .btn:active,
  923. .btn-group > .btn.active {
  924. z-index: 2;
  925. }
  926. .btn-group .dropdown-toggle:active,
  927. .btn-group.open .dropdown-toggle {
  928. outline: 0;
  929. }
  930. .btn-group > .btn + .dropdown-toggle {
  931. padding-left: 8px;
  932. padding-right: 8px;
  933. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  934. -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  935. box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  936. *padding-top: 5px;
  937. *padding-bottom: 5px;
  938. }
  939. .btn-group > .btn-mini + .dropdown-toggle {
  940. padding-left: 5px;
  941. padding-right: 5px;
  942. *padding-top: 2px;
  943. *padding-bottom: 2px;
  944. }
  945. .btn-group > .btn-small + .dropdown-toggle {
  946. *padding-top: 5px;
  947. *padding-bottom: 4px;
  948. }
  949. .btn-group > .btn-large + .dropdown-toggle {
  950. padding-left: 12px;
  951. padding-right: 12px;
  952. *padding-top: 7px;
  953. *padding-bottom: 7px;
  954. }
  955. .btn-group.open .dropdown-toggle {
  956. background-image: none;
  957. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  958. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  959. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  960. }
  961. .btn-group.open .btn.dropdown-toggle {
  962. background-color: #e6e6e6;
  963. }
  964. .btn-group.open .btn-primary.dropdown-toggle {
  965. background-color: #0044cc;
  966. }
  967. .btn-group.open .btn-warning.dropdown-toggle {
  968. background-color: #f89406;
  969. }
  970. .btn-group.open .btn-danger.dropdown-toggle {
  971. background-color: #bd362f;
  972. }
  973. .btn-group.open .btn-success.dropdown-toggle {
  974. background-color: #51a351;
  975. }
  976. .btn-group.open .btn-info.dropdown-toggle {
  977. background-color: #2f96b4;
  978. }
  979. .btn-group.open .btn-inverse.dropdown-toggle {
  980. background-color: #222222;
  981. }
  982. .btn .caret {
  983. margin-top: 8px;
  984. margin-left: 0;
  985. }
  986. .btn-large .caret {
  987. margin-top: 6px;
  988. }
  989. .btn-large .caret {
  990. border-left-width: 5px;
  991. border-right-width: 5px;
  992. border-top-width: 5px;
  993. }
  994. .btn-mini .caret,
  995. .btn-small .caret {
  996. margin-top: 8px;
  997. }
  998. .dropup .btn-large .caret {
  999. border-bottom-width: 5px;
  1000. }
  1001. .btn-primary .caret,
  1002. .btn-warning .caret,
  1003. .btn-danger .caret,
  1004. .btn-info .caret,
  1005. .btn-success .caret,
  1006. .btn-inverse .caret {
  1007. border-top-color: #ffffff;
  1008. border-bottom-color: #ffffff;
  1009. }
  1010. .btn-group-vertical {
  1011. display: inline-block;
  1012. *display: inline;
  1013. /* IE7 inline-block hack */
  1014.  
  1015. *zoom: 1;
  1016. }
  1017. .btn-group-vertical > .btn {
  1018. display: block;
  1019. float: none;
  1020. max-width: 100%;
  1021. -webkit-border-radius: 0;
  1022. -moz-border-radius: 0;
  1023. border-radius: 0;
  1024. }
  1025. .btn-group-vertical > .btn + .btn {
  1026. margin-left: 0;
  1027. margin-top: -1px;
  1028. }
  1029. .btn-group-vertical > .btn:first-child {
  1030. -webkit-border-radius: 4px 4px 0 0;
  1031. -moz-border-radius: 4px 4px 0 0;
  1032. border-radius: 4px 4px 0 0;
  1033. }
  1034. .btn-group-vertical > .btn:last-child {
  1035. -webkit-border-radius: 0 0 4px 4px;
  1036. -moz-border-radius: 0 0 4px 4px;
  1037. border-radius: 0 0 4px 4px;
  1038. }
  1039. .btn-group-vertical > .btn-large:first-child {
  1040. -webkit-border-radius: 6px 6px 0 0;
  1041. -moz-border-radius: 6px 6px 0 0;
  1042. border-radius: 6px 6px 0 0;
  1043. }
  1044. .btn-group-vertical > .btn-large:last-child {
  1045. -webkit-border-radius: 0 0 6px 6px;
  1046. -moz-border-radius: 0 0 6px 6px;
  1047. border-radius: 0 0 6px 6px;
  1048. }
  1049. .navbar {
  1050. font-family:arial;
  1051. font-size:12px;
  1052. text-decoration:none;
  1053. text-transform:uppercase;
  1054. text-align:center;
  1055. overflow: visible;
  1056. margin: -8px 0 auto;
  1057. width:975px;
  1058. *position: relative;
  1059. *z-index: 2;
  1060. }
  1061. .navbar-inner {
  1062. max-height: 37px;
  1063. padding-left: 20px;
  1064. padding-right: 20px;
  1065. background-color: #fafafa;
  1066. background-image: -moz-linear-gradient(top, #0e0e0e, #0e0e0e);
  1067. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  1068. background-image: -webkit-linear-gradient(top, #ffffff, {color:Navbar Bottom});
  1069. background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  1070. background-image: linear-gradient(to bottom, {color:Navbar Top}, {color:Navbar Bottom});
  1071. background-repeat: repeat-x;
  1072. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  1073. border: 1px solid #d4d4d4;
  1074. -webkit-border-radius: 4px;
  1075. -moz-border-radius: 4px;
  1076. border-radius: 4px;
  1077. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  1078. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  1079. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  1080. *zoom: 1;
  1081. }
  1082. .navbar-inner:before,
  1083. .navbar-inner:after {
  1084. display: table;
  1085. content: "";
  1086. line-height: 0;
  1087. }
  1088. .navbar-inner:after {
  1089. clear: both;
  1090. }
  1091. .navbar .container {
  1092. width: auto;
  1093. }
  1094. .nav-collapse.collapse {
  1095. height: auto;
  1096. overflow: visible;
  1097. }
  1098. .navbar .brand {
  1099. float: left;
  1100. display: block;
  1101. padding: 10px 20px 10px;
  1102. margin-left: -20px;
  1103. font-size: 15px;
  1104. font-weight: 200;
  1105. text-decoration:none;
  1106. color: #777777;
  1107. text-shadow: 0 1px 0 #ffffff;
  1108. }
  1109. .navbar .brand:hover,
  1110. .navbar .brand:focus {
  1111. text-decoration: none;
  1112. }
  1113. .navbar-text {
  1114. margin-bottom: 0;
  1115. line-height: 40px;
  1116. color: #777777;
  1117. }
  1118. .navbar-link {
  1119. color: #777777;
  1120. }
  1121. .navbar-link:hover,
  1122. .navbar-link:focus {
  1123. color: #333333;
  1124. }
  1125. .navbar .divider-vertical {
  1126. height: 40px;
  1127. margin: 0 9px;
  1128. border-left: 1px solid #f2f2f2;
  1129. border-right: 1px solid #ffffff;
  1130. }
  1131. .navbar .btn,
  1132. .navbar .btn-group {
  1133. margin-top: 5px;
  1134. }
  1135. .navbar .btn-group .btn,
  1136. .navbar .input-prepend .btn,
  1137. .navbar .input-append .btn,
  1138. .navbar .input-prepend .btn-group,
  1139. .navbar .input-append .btn-group {
  1140. margin-top: 0;
  1141. }
  1142. .navbar-form {
  1143. margin-bottom: 0;
  1144. *zoom: 1;
  1145. }
  1146. .navbar-form:before,
  1147. .navbar-form:after {
  1148. display: table;
  1149. content: "";
  1150. line-height: 0;
  1151. }
  1152. .navbar-form:after {
  1153. clear: both;
  1154. }
  1155. .navbar-form input,
  1156. .navbar-form select,
  1157. .navbar-form .radio,
  1158. .navbar-form .checkbox {
  1159. margin-top: 5px;
  1160. }
  1161. .navbar-form input,
  1162. .navbar-form select,
  1163. .navbar-form .btn {
  1164. display: inline-block;
  1165. margin-bottom: 0;
  1166. }
  1167. .navbar-form input[type="image"],
  1168. .navbar-form input[type="checkbox"],
  1169. .navbar-form input[type="radio"] {
  1170. margin-top: 3px;
  1171. }
  1172. .navbar-form .input-append,
  1173. .navbar-form .input-prepend {
  1174. margin-top: 5px;
  1175. white-space: nowrap;
  1176. }
  1177. .navbar-form .input-append input,
  1178. .navbar-form .input-prepend input {
  1179. margin-top: 0;
  1180. }
  1181. .navbar-search {
  1182. position: relative;
  1183. float: left;
  1184. margin-top:3px;
  1185. margin-bottom: 0;
  1186. }
  1187. .navbar-search .search-query {
  1188. margin-bottom: 0;
  1189. padding: 4px 14px;
  1190. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1191. font-size: 13px;
  1192. font-weight: normal;
  1193. line-height: 1;
  1194. -webkit-border-radius: 15px;
  1195. -moz-border-radius: 15px;
  1196. border-radius: 15px;
  1197. }
  1198. .navbar-static-top {
  1199. position: static;
  1200. margin-bottom: 0;
  1201. }
  1202. .navbar-static-top .navbar-inner {
  1203. -webkit-border-radius: 0;
  1204. -moz-border-radius: 0;
  1205. border-radius: 0;
  1206. }
  1207. .navbar-fixed-top,
  1208. .navbar-fixed-bottom {
  1209. position: fixed;
  1210. right: 0;
  1211. left: 0;
  1212. z-index: 1030;
  1213. margin-bottom: 0;
  1214. }
  1215. .navbar-fixed-top .navbar-inner,
  1216. .navbar-static-top .navbar-inner {
  1217. border-width: 0 0 1px;
  1218. }
  1219. .navbar-fixed-bottom .navbar-inner {
  1220. border-width: 1px 0 0;
  1221. }
  1222. .navbar-fixed-top .navbar-inner,
  1223. .navbar-fixed-bottom .navbar-inner {
  1224. padding-left: 0;
  1225. padding-right: 0;
  1226. -webkit-border-radius: 0;
  1227. -moz-border-radius: 0;
  1228. border-radius: 0;
  1229. }
  1230. .navbar-static-top .container,
  1231. .navbar-fixed-top .container,
  1232. .navbar-fixed-bottom .container {
  1233. width: 940px;
  1234. }
  1235. .navbar-fixed-top {
  1236. top: 0;
  1237. }
  1238. .navbar-fixed-top .navbar-inner,
  1239. .navbar-static-top .navbar-inner {
  1240. -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  1241. -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  1242. box-shadow: 0 1px 10px rgba(0,0,0,.1);
  1243. }
  1244. .navbar-fixed-bottom {
  1245. bottom: 0;
  1246. }
  1247. .navbar-fixed-bottom .navbar-inner {
  1248. -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  1249. -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  1250. box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  1251. }
  1252. .navbar .nav {
  1253. position: relative;
  1254. left: 0;
  1255. display: block;
  1256. float: left;
  1257. margin: 0 10px 0 0;
  1258. }
  1259. .navbar .nav.pull-right {
  1260. float: right;
  1261. margin-right: 0;
  1262. }
  1263. .navbar .nav > li {
  1264. float: left;
  1265. margin-top:10px;
  1266. list-style-type:none;
  1267. }
  1268. .navbar .nav > li > a {
  1269. float: none;
  1270. padding: 10px 15px 10px;
  1271. color: #777777;
  1272. text-decoration: none;
  1273. text-shadow: 0 1px 0 #ffffff;
  1274. list-style-type:none;
  1275. }
  1276. .navbar .nav .dropdown-toggle .caret {
  1277. margin-top: 8px;
  1278. }
  1279. .navbar .nav > li > a:focus,
  1280. .navbar .nav > li > a:hover {
  1281. background-color: transparent;
  1282. color: #333333;
  1283. text-decoration: none;
  1284. }
  1285. .navbar .nav > .active > a,
  1286. .navbar .nav > .active > a:hover,
  1287. .navbar .nav > .active > a:focus {
  1288. color: #555555;
  1289. text-decoration: none;
  1290. background-color: #e5e5e5;
  1291. -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  1292. -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  1293. box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  1294. }
  1295. .navbar .btn-navbar {
  1296. display: none;
  1297. float: right;
  1298. padding: 7px 10px;
  1299. margin-left: 5px;
  1300. margin-right: 5px;
  1301. color: #ffffff;
  1302. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1303. background-color: #ededed;
  1304. background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  1305. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  1306. background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  1307. background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  1308. background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  1309. background-repeat: repeat-x;
  1310. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  1311. border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  1312. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1313. *background-color: #e5e5e5;
  1314. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  1315.  
  1316. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1317. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  1318. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  1319. box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  1320. }
  1321. .navbar .btn-navbar:hover,
  1322. .navbar .btn-navbar:focus,
  1323. .navbar .btn-navbar:active,
  1324. .navbar .btn-navbar.active,
  1325. .navbar .btn-navbar.disabled,
  1326. .navbar .btn-navbar[disabled] {
  1327. color: #ffffff;
  1328. background-color: #e5e5e5;
  1329. *background-color: #d9d9d9;
  1330. }
  1331. .navbar .btn-navbar:active,
  1332. .navbar .btn-navbar.active {
  1333. background-color: #cccccc \9;
  1334. }
  1335. .navbar .btn-navbar .icon-bar {
  1336. display: block;
  1337. width: 18px;
  1338. height: 2px;
  1339. background-color: #f5f5f5;
  1340. -webkit-border-radius: 1px;
  1341. -moz-border-radius: 1px;
  1342. border-radius: 1px;
  1343. -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  1344. -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  1345. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  1346. }
  1347. .btn-navbar .icon-bar + .icon-bar {
  1348. margin-top: 3px;
  1349. }
  1350. .navbar .nav > li > .dropdown-menu:before {
  1351. content: '';
  1352. display: inline-block;
  1353. border-left: 7px solid transparent;
  1354. border-right: 7px solid transparent;
  1355. border-bottom: 7px solid #ccc;
  1356. border-bottom-color: rgba(0, 0, 0, 0.2);
  1357. position: absolute;
  1358. top: -7px;
  1359. left: 9px;
  1360. }
  1361. .navbar .nav > li > .dropdown-menu:after {
  1362. content: '';
  1363. display: inline-block;
  1364. border-left: 6px solid transparent;
  1365. border-right: 6px solid transparent;
  1366. border-bottom: 6px solid #ffffff;
  1367. position: absolute;
  1368. top: -6px;
  1369. left: 10px;
  1370. }
  1371. .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  1372. border-top: 7px solid #ccc;
  1373. border-top-color: rgba(0, 0, 0, 0.2);
  1374. border-bottom: 0;
  1375. bottom: -7px;
  1376. top: auto;
  1377. }
  1378. .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  1379. border-top: 6px solid #ffffff;
  1380. border-bottom: 0;
  1381. bottom: -6px;
  1382. top: auto;
  1383. }
  1384. .navbar .nav li.dropdown > a:hover .caret,
  1385. .navbar .nav li.dropdown > a:focus .caret {
  1386. border-top-color: #333333;
  1387. border-bottom-color: #333333;
  1388. }
  1389. .navbar .nav li.dropdown.open > .dropdown-toggle,
  1390. .navbar .nav li.dropdown.active > .dropdown-toggle,
  1391. .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  1392. background-color: #e5e5e5;
  1393. color: #555555;
  1394. }
  1395. .navbar .nav li.dropdown > .dropdown-toggle .caret {
  1396. border-top-color: #777777;
  1397. border-bottom-color: #777777;
  1398. }
  1399. .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
  1400. .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
  1401. .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  1402. border-top-color: #555555;
  1403. border-bottom-color: #555555;
  1404. }
  1405. .navbar .pull-right > li > .dropdown-menu,
  1406. .navbar .nav > li > .dropdown-menu.pull-right {
  1407. left: auto;
  1408. right: 0;
  1409. }
  1410. .navbar .pull-right > li > .dropdown-menu:before,
  1411. .navbar .nav > li > .dropdown-menu.pull-right:before {
  1412. left: auto;
  1413. right: 12px;
  1414. }
  1415. .navbar .pull-right > li > .dropdown-menu:after,
  1416. .navbar .nav > li > .dropdown-menu.pull-right:after {
  1417. left: auto;
  1418. right: 13px;
  1419. }
  1420. .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
  1421. .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  1422. left: auto;
  1423. right: 100%;
  1424. margin-left: 0;
  1425. margin-right: -1px;
  1426. -webkit-border-radius: 6px 0 6px 6px;
  1427. -moz-border-radius: 6px 0 6px 6px;
  1428. border-radius: 6px 0 6px 6px;
  1429. }
  1430. .navbar-inverse .navbar-inner {
  1431. background-color: #1b1b1b;
  1432. background-image: -moz-linear-gradient(top, #222222, #111111);
  1433. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  1434. background-image: -webkit-linear-gradient(top, #222222, #111111);
  1435. background-image: -o-linear-gradient(top, #222222, #111111);
  1436. background-image: linear-gradient(to bottom, #222222, #111111);
  1437. background-repeat: repeat-x;
  1438. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  1439. border-color: #252525;
  1440. }
  1441. .navbar-inverse .brand,
  1442. .navbar-inverse .nav > li > a {
  1443. color: #999999;
  1444. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1445. }
  1446. .navbar-inverse .brand:hover,
  1447. .navbar-inverse .nav > li > a:hover,
  1448. .navbar-inverse .brand:focus,
  1449. .navbar-inverse .nav > li > a:focus {
  1450. color: #ffffff;
  1451. }
  1452. .navbar-inverse .brand {
  1453. color: #999999;
  1454. }
  1455. .navbar-inverse .navbar-text {
  1456. color: #999999;
  1457. }
  1458. .navbar-inverse .nav > li > a:focus,
  1459. .navbar-inverse .nav > li > a:hover {
  1460. background-color: transparent;
  1461. color: #ffffff;
  1462. }
  1463. .navbar-inverse .nav .active > a,
  1464. .navbar-inverse .nav .active > a:hover,
  1465. .navbar-inverse .nav .active > a:focus {
  1466. color: #ffffff;
  1467. background-color: #111111;
  1468. }
  1469. .navbar-inverse .navbar-link {
  1470. color: #999999;
  1471. }
  1472. .navbar-inverse .navbar-link:hover,
  1473. .navbar-inverse .navbar-link:focus {
  1474. color: #ffffff;
  1475. }
  1476. .navbar-inverse .divider-vertical {
  1477. border-left-color: #111111;
  1478. border-right-color: #222222;
  1479. }
  1480. .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  1481. .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  1482. .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  1483. background-color: #111111;
  1484. color: #ffffff;
  1485. }
  1486. .navbar-inverse .nav li.dropdown > a:hover .caret,
  1487. .navbar-inverse .nav li.dropdown > a:focus .caret {
  1488. border-top-color: #ffffff;
  1489. border-bottom-color: #ffffff;
  1490. }
  1491. .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  1492. border-top-color: #999999;
  1493. border-bottom-color: #999999;
  1494. }
  1495. .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
  1496. .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
  1497. .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  1498. border-top-color: #ffffff;
  1499. border-bottom-color: #ffffff;
  1500. }
  1501. .navbar-inverse .navbar-search .search-query {
  1502. margin-top:0px;
  1503. color: #ffffff;
  1504. background-color: #515151;
  1505. border-color: #111111;
  1506. -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  1507. -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  1508. box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  1509. -webkit-transition: none;
  1510. -moz-transition: none;
  1511. -o-transition: none;
  1512. transition: none;
  1513. }
  1514. .navbar-inverse .navbar-search .search-query:-moz-placeholder {
  1515. color: #cccccc;
  1516. }
  1517. .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  1518. color: #cccccc;
  1519. }
  1520. .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  1521. color: #cccccc;
  1522. }
  1523. .navbar-inverse .navbar-search .search-query:focus,
  1524. .navbar-inverse .navbar-search .search-query.focused {
  1525. padding: 5px 15px;
  1526. color: #333333;
  1527. text-shadow: 0 1px 0 #ffffff;
  1528. background-color: #ffffff;
  1529. border: 0;
  1530. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1531. -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1532. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  1533. outline: 0;
  1534. }
  1535. .navbar-inverse .btn-navbar {
  1536. color: #ffffff;
  1537. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1538. background-color: #0e0e0e;
  1539. background-image: -moz-linear-gradient(top, #151515, #040404);
  1540. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  1541. background-image: -webkit-linear-gradient(top, #151515, #040404);
  1542. background-image: -o-linear-gradient(top, #151515, #040404);
  1543. background-image: linear-gradient(to bottom, #151515, #040404);
  1544. background-repeat: repeat-x;
  1545. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  1546. border-color: #040404 #040404 #000000;
  1547. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1548. *background-color: #040404;
  1549. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  1550.  
  1551. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1552. }
  1553. .navbar-inverse .btn-navbar:hover,
  1554. .navbar-inverse .btn-navbar:focus,
  1555. .navbar-inverse .btn-navbar:active,
  1556. .navbar-inverse .btn-navbar.active,
  1557. .navbar-inverse .btn-navbar.disabled,
  1558. .navbar-inverse .btn-navbar[disabled] {
  1559. color: #ffffff;
  1560. background-color: #040404;
  1561. *background-color: #000000;
  1562. }
  1563. .navbar-inverse .btn-navbar:active,
  1564. .navbar-inverse .btn-navbar.active {
  1565. background-color: #000000 \9;
  1566. }
  1567. .dropup,
  1568. .dropdown {
  1569. position: relative;
  1570. }
  1571. .dropdown-toggle {
  1572. *margin-bottom: -3px;
  1573. }
  1574. .dropdown-toggle:active,
  1575. .open .dropdown-toggle {
  1576. outline: 0;
  1577. }
  1578. .caret {
  1579. display: inline-block;
  1580. width: 0;
  1581. height: 0;
  1582. vertical-align: top;
  1583. border-top: 4px solid #000000;
  1584. border-right: 4px solid transparent;
  1585. border-left: 4px solid transparent;
  1586. content: "";
  1587. }
  1588. .dropdown .caret {
  1589. margin-top: 8px;
  1590. margin-left: 2px;
  1591. }
  1592. .dropdown-menu {
  1593. position: absolute;
  1594. top: 100%;
  1595. left: 0;
  1596. z-index: 1000;
  1597. display: none;
  1598. float: left;
  1599. min-width: 160px;
  1600. padding: 5px 0;
  1601. margin: 2px 0 0;
  1602. list-style: none;
  1603. background-color: #ffffff;
  1604. border: 1px solid #ccc;
  1605. border: 1px solid rgba(0, 0, 0, 0.2);
  1606. *border-right-width: 2px;
  1607. *border-bottom-width: 2px;
  1608. -webkit-border-radius: 6px;
  1609. -moz-border-radius: 6px;
  1610. border-radius: 6px;
  1611. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  1612. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  1613. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  1614. -webkit-background-clip: padding-box;
  1615. -moz-background-clip: padding;
  1616. background-clip: padding-box;
  1617. }
  1618. .dropdown-menu.pull-right {
  1619. right: 0;
  1620. left: auto;
  1621. }
  1622. .dropdown-menu .divider {
  1623. *width: 100%;
  1624. height: 1px;
  1625. margin: 9px 1px;
  1626. *margin: -5px 0 5px;
  1627. overflow: hidden;
  1628. background-color: #e5e5e5;
  1629. border-bottom: 1px solid #ffffff;
  1630. }
  1631. .dropdown-menu > li > a {
  1632. display: block;
  1633. padding: 3px 20px;
  1634. clear: both;
  1635. font-weight: normal;
  1636. line-height: 20px;
  1637. color: #333333;
  1638. white-space: nowrap;
  1639. }
  1640. .dropdown-menu > li > a:hover,
  1641. .dropdown-menu > li > a:focus,
  1642. .dropdown-submenu:hover > a,
  1643. .dropdown-submenu:focus > a {
  1644. text-decoration: none;
  1645. color: {color:Link Hover};
  1646. background-color: #0081c2;
  1647. background-image: -moz-linear-gradient(top, #0e0e0e, #0e0e0e);
  1648. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  1649. background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  1650. background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  1651. background-image: linear-gradient(to bottom, {color:Navbar Top}, {color:Navbar Bottom});
  1652. background-repeat: repeat-x;
  1653. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  1654. }
  1655. .dropdown-menu > .active > a,
  1656. .dropdown-menu > .active > a:hover,
  1657. .dropdown-menu > .active > a:focus {
  1658. color: #ffffff;
  1659. text-decoration: none;
  1660. outline: 0;
  1661. background-color: #0081c2;
  1662. background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  1663. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  1664. background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  1665. background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  1666. background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  1667. background-repeat: repeat-x;
  1668. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  1669. }
  1670. .dropdown-menu > .disabled > a,
  1671. .dropdown-menu > .disabled > a:hover,
  1672. .dropdown-menu > .disabled > a:focus {
  1673. color: #999999;
  1674. }
  1675. .dropdown-menu > .disabled > a:hover,
  1676. .dropdown-menu > .disabled > a:focus {
  1677. text-decoration: none;
  1678. background-color: transparent;
  1679. background-image: none;
  1680. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1681. cursor: default;
  1682. }
  1683. .open {
  1684. *z-index: 1000;
  1685. }
  1686. .open > .dropdown-menu {
  1687. display: block;
  1688. }
  1689. .dropdown-backdrop {
  1690. position: fixed;
  1691. left: 0;
  1692. right: 0;
  1693. bottom: 0;
  1694. top: 0;
  1695. z-index: 990;
  1696. }
  1697. .pull-right > .dropdown-menu {
  1698. right: 0;
  1699. left: auto;
  1700. }
  1701. .dropup .caret,
  1702. .navbar-fixed-bottom .dropdown .caret {
  1703. border-top: 0;
  1704. border-bottom: 4px solid #000000;
  1705. content: "";
  1706. }
  1707. .dropup .dropdown-menu,
  1708. .navbar-fixed-bottom .dropdown .dropdown-menu {
  1709. top: auto;
  1710. bottom: 100%;
  1711. margin-bottom: 1px;
  1712. }
  1713. .dropdown-submenu {
  1714. position: relative;
  1715. }
  1716. .dropdown-submenu > .dropdown-menu {
  1717. top: 0;
  1718. left: 100%;
  1719. margin-top: -6px;
  1720. margin-left: -1px;
  1721. -webkit-border-radius: 0 6px 6px 6px;
  1722. -moz-border-radius: 0 6px 6px 6px;
  1723. border-radius: 0 6px 6px 6px;
  1724. }
  1725. .dropdown-submenu:hover > .dropdown-menu {
  1726. display: block;
  1727. }
  1728. .dropup .dropdown-submenu > .dropdown-menu {
  1729. top: auto;
  1730. bottom: 0;
  1731. margin-top: 0;
  1732. margin-bottom: -2px;
  1733. -webkit-border-radius: 5px 5px 5px 0;
  1734. -moz-border-radius: 5px 5px 5px 0;
  1735. border-radius: 5px 5px 5px 0;
  1736. }
  1737. .dropdown-submenu > a:after {
  1738. display: block;
  1739. content: " ";
  1740. float: right;
  1741. width: 0;
  1742. height: 0;
  1743. border-color: transparent;
  1744. border-style: solid;
  1745. border-width: 5px 0 5px 5px;
  1746. border-left-color: #cccccc;
  1747. margin-top: 5px;
  1748. margin-right: -10px;
  1749. }
  1750. .dropdown-submenu:hover > a:after {
  1751. border-left-color: #ffffff;
  1752. }
  1753. .dropdown-submenu.pull-left {
  1754. float: none;
  1755. }
  1756. .dropdown-submenu.pull-left > .dropdown-menu {
  1757. left: -100%;
  1758. margin-left: 10px;
  1759. -webkit-border-radius: 6px 0 6px 6px;
  1760. -moz-border-radius: 6px 0 6px 6px;
  1761. border-radius: 6px 0 6px 6px;
  1762. }
  1763. .dropdown .dropdown-menu .nav-header {
  1764. padding-left: 20px;
  1765. padding-right: 20px;
  1766. }
  1767. .typeahead {
  1768. z-index: 1051;
  1769. margin-top: 2px;
  1770. -webkit-border-radius: 4px;
  1771. -moz-border-radius: 4px;
  1772. border-radius: 4px;
  1773. }
  1774.  
  1775.  
  1776. /*CAROUSEL*/
  1777.  
  1778. .carousel {
  1779. position: relative;
  1780. margin-bottom: 20px;
  1781. margin-top:5px;
  1782. margin-left:5px;
  1783. line-height: 1;
  1784. }
  1785. .carousel-inner {
  1786. overflow: hidden;
  1787. width: 100%;
  1788. position: relative;
  1789. }
  1790. .carousel-inner > .item {
  1791. display: none;
  1792. position: relative;
  1793. -webkit-transition: 0.6s ease-in-out left;
  1794. -moz-transition: 0.6s ease-in-out left;
  1795. -o-transition: 0.6s ease-in-out left;
  1796. transition: 0.6s ease-in-out left;
  1797. }
  1798. .carousel-inner > .item > img,
  1799. .carousel-inner > .item > a > img {
  1800. display: block;
  1801. line-height: 1;
  1802. border:1px solid {color:border};
  1803. border-radius:6px;
  1804. }
  1805. .carousel-inner > .active,
  1806. .carousel-inner > .next,
  1807. .carousel-inner > .prev {
  1808. display: block;
  1809. }
  1810. .carousel-inner > .active {
  1811. left: 0;
  1812. }
  1813. .carousel-inner > .next,
  1814. .carousel-inner > .prev {
  1815. position: absolute;
  1816. top: 0;
  1817. width: 100%;
  1818. }
  1819. .carousel-inner > .next {
  1820. left: 100%;
  1821. }
  1822. .carousel-inner > .prev {
  1823. left: -100%;
  1824. }
  1825. .carousel-inner > .next.left,
  1826. .carousel-inner > .prev.right {
  1827. left: 0;
  1828. }
  1829. .carousel-inner > .active.left {
  1830. left: -100%;
  1831. }
  1832. .carousel-inner > .active.right {
  1833. left: 100%;
  1834. }
  1835. .carousel-control {
  1836. position: absolute;
  1837. top: 40%;
  1838. left: 10px;
  1839. width: 20px;
  1840. height:20px;
  1841. padding:5px;
  1842. margin-top: 10px;
  1843. font-size: 30px;
  1844. font-weight: 100;
  1845. line-height: 30px;
  1846. color: #ffffff;
  1847. text-align: center;
  1848. -webkit-border-radius: 23px;
  1849. -moz-border-radius: 23px;
  1850. border-radius: 23px;
  1851. opacity: 0.5;
  1852. filter: alpha(opacity=50);
  1853. }
  1854.  
  1855.  
  1856. .carousel-control.right {
  1857. left: auto;
  1858. right: 15px;
  1859. }
  1860. .carousel-control:hover,
  1861. .carousel-control:focus {
  1862. color: #ffffff;
  1863. text-decoration: none;
  1864. opacity: 0.9;
  1865. filter: alpha(opacity=90);
  1866. }
  1867. .carousel-indicators {
  1868. position: absolute;
  1869. top: 15px;
  1870. right: 15px;
  1871. z-index: 5;
  1872. margin: 0;
  1873. list-style: none;
  1874. }
  1875. .carousel-indicators li {
  1876. display: block;
  1877. float: left;
  1878. width: 10px;
  1879. height: 10px;
  1880. margin-left: 5px;
  1881. text-indent: -999px;
  1882. background-color: #ccc;
  1883. background-color: rgba(255, 255, 255, 0.25);
  1884. border-radius: 5px;
  1885. }
  1886. .carousel-indicators .active {
  1887. background-color: #fff;
  1888. }
  1889. .carousel-caption {
  1890. position: absolute;
  1891. left: 0;
  1892. right: 0;
  1893. bottom: 0;
  1894. padding: 15px;
  1895. background: #333333;
  1896. background: rgba(0, 0, 0, 0.75);
  1897. }
  1898. .carousel-caption h4,
  1899. .carousel-caption p {
  1900. color: #ffffff;
  1901. line-height: 20px;
  1902. }
  1903. .carousel-caption h4 {
  1904. margin: 0 0 5px;
  1905. }
  1906. .carousel-caption p {
  1907. margin-bottom: 0;
  1908. }
  1909.  
  1910. /*POLAROID*/
  1911.  
  1912. .img-polaroid {
  1913. padding: 4px;
  1914. background-color: #fff;
  1915. border: 1px solid #ccc;
  1916. border: 1px solid rgba(0, 0, 0, 0.2);
  1917. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  1918. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  1919. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  1920. }
  1921.  
  1922.  
  1923. </style>
  1924. </head>
  1925.  
  1926. <body>
  1927.  
  1928. <div id="container">
  1929.  
  1930. <div class="header"><img src="{image:Header}">
  1931. </div>
  1932.  
  1933. {block:ifNavbar}
  1934. <div class="navbar" style="position: static;">
  1935. <div class="navbar-inner">
  1936. <div class="container">
  1937. <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-inverse-collapse">
  1938. <span class="icon-bar"></span>
  1939. <span class="icon-bar"></span>
  1940. <span class="icon-bar"></span>
  1941. </a>
  1942. <a class="brand" style="color:transparent">.</a>
  1943. <div class="nav-collapse collapse navbar-inverse-collapse">
  1944. <ul class="nav">
  1945. <li class="active"><a href="/">Home</a></li>
  1946. <li><a href="/ask">message</a></li>
  1947. <li><a href="{text:tLink 1}">{text:tLink Title 1}</a></li>
  1948. <li><a href="{text:tLink 2}">{text:tLink Title 2}</a></li>
  1949. <li><a href="{text:tLink 3}">{text:tLink Title 3}</a></li>
  1950. <li><a href="{text:tLink 4}">{text:tLink Title 4}</a></li>
  1951. <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">{text:Dropdown Title} <b class="caret"></b></a>
  1952. <ul class="dropdown-menu">
  1953. <li><a href="{text:dLink 1}">{text:dLink Title 1}</a></li>
  1954. <li><a href="{text:dLink 2}">{text:dLink Title 2}</a></li>
  1955. <li><a href="{text:dLink 3}">{text:dLink Title 3}</a></li>
  1956. <li class="divider"></li>
  1957. <li><a href="{text:dLink 4}">{text:dLink Title 4}</a></li>
  1958. <li><a href="{text:dLink 5}">{text:dLink Title 5}</a></li>
  1959. </ul>
  1960. </li>
  1961.  
  1962.  
  1963. </ul>
  1964. <form class="navbar-search pull-left" action="/search" method="get">
  1965. <input type="text" name="q" value="{SearchQuery}" class="search-query span2" placeholder="Search">
  1966. </form>
  1967.  
  1968.  
  1969. </div><!-- /.nav-collapse -->
  1970. </div>
  1971. </div><!-- /navbar-inner -->
  1972. </div>
  1973.  
  1974. {/block:ifNavbar}
  1975.  
  1976. <!--INVERSE NAVBAR-->
  1977.  
  1978. {block:ifInverseNavbar}
  1979.  
  1980. <div class="navbar navbar-inverse" style="position: static;">
  1981. <div class="navbar-inner">
  1982. <div class="container">
  1983. <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-inverse-collapse">
  1984. <span class="icon-bar"></span>
  1985. <span class="icon-bar"></span>
  1986. <span class="icon-bar"></span>
  1987. </a>
  1988. <a class="brand" style="color:transparent">.</a>
  1989. <div class="nav-collapse collapse navbar-inverse-collapse">
  1990. <ul class="nav">
  1991. <li class="active"><a href="/">Home</a></li>
  1992. <li><a href="/ask">message</a></li>
  1993. <li><a href="{text:tLink 1}">{text:tLink Title 1}</a></li>
  1994. <li><a href="{text:tLink 2}">{text:tLink Title 2}</a></li>
  1995. <li><a href="{text:tLink 3}">{text:tLink Title 3}</a></li>
  1996. <li><a href="{text:tLink 4}">{text:tLink Title 4}</a></li>
  1997. <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">{text:Dropdown Title} <b class="caret"></b></a>
  1998. <ul class="dropdown-menu">
  1999. <li><a href="{text:dLink 1}">{text:dLink Title 1}</a></li>
  2000. <li><a href="{text:dLink 2}">{text:dLink Title 2}</a></li>
  2001. <li><a href="{text:dLink 3}">{text:dLink Title 3}</a></li>
  2002. <li class="divider"></li>
  2003. <li><a href="{text:dLink 4}">{text:dLink Title 4}</a></li>
  2004. <li><a href="{text:dLink 5}">{text:dLink Title 5}</a></li>
  2005. </ul>
  2006. </li>
  2007.  
  2008.  
  2009. </ul>
  2010. <form class="navbar-search pull-left" action="/search" method="get">
  2011. <input type="text" name="q" value="{SearchQuery}" class="search-query span2" placeholder="Search">
  2012. </form>
  2013.  
  2014.  
  2015. </div><!-- /.nav-collapse -->
  2016. </div>
  2017. </div><!-- /navbar-inner -->
  2018. </div>
  2019. {/block:ifInverseNavbar}
  2020.  
  2021. <!--SIDEBAR-->
  2022. <div id="sidebar">
  2023. <div id="myCarousel" class="carousel slide">
  2024. <ol class="carousel-indicators">
  2025. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  2026. <li data-target="#myCarousel" data-slide-to="1"></li>
  2027. <li data-target="#myCarousel" data-slide-to="2"></li>
  2028. </ol>
  2029. <!-- Carousel items -->
  2030. <div class="carousel-inner">
  2031. <div class="active item"><img src="{image:Slide 1}"></div>
  2032. <div class="item"><img src="{image:Slide 2}"></div>
  2033. <div class="item"><img src="{image:Slide 3}"></div>
  2034. </div>
  2035. <!-- Carousel nav -->
  2036. <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
  2037. <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
  2038. </div>
  2039.  
  2040. <div class="sidetit" style="font-size:53px;">Welcome!</div>
  2041. <div class="desc">
  2042. {block:ifBlogAvatar}<img src="{PortraitURL-128}" style="width:50px; height:50px; border:4px solid {color:divider}; border-radius:100%;"align="left">{/block:ifBlogAvatar}
  2043.  
  2044. {block:ifnotBlogAvatar}<img src="{image:Icon}" style="width:50px; height:50px; border:4px solid {color:divider}; border-radius:100%;"align="left">{/block:ifnotBlogAvatar}
  2045.  
  2046. {Description}</div>
  2047.  
  2048. {block:ifSideLinks}
  2049. <div class="sidetit" style="font-size:49px; margin-top:20px;">Extra Links</div>
  2050.  
  2051. <div class="sidelinks">
  2052. <a href="{text:Extra Link 1}">{text:Extra LinkTitle 1}</a>
  2053. <a href="{text:Extra Link 2}">{text:Extra LinkTitle 2}</a>
  2054. <a href="{text:Extra Link 3}">{text:Extra LinkTitle 3}</a>
  2055. <a href="{text:Extra Link 4}">{text:Extra LinkTitle 4}</a>
  2056. </div>
  2057. {/block:ifSideLinks}
  2058.  
  2059. <div class="sidetit" style="font-size:54px; margin-top:15px;">{text:People Title}</div>
  2060.  
  2061. <div class="favorites">
  2062. <a href="{text:Blog URL 1}" title="{text:Blog 1}"><img src="{image:People 1}" class="img-polaroid"></a>
  2063. <a href="{text:Blog URL 2}" title="{text:Blog 2}"><img src="{image:People 2}" class="img-polaroid"></a>
  2064. <a href="{text:Blog URL 3}" title="{text:Blog 3}"><img src="{image:People 3}" class="img-polaroid"></a>
  2065. <a href="{text:Blog URL 4}" title="{text:Blog 4}"><img src="{image:People 4}" class="img-polaroid">
  2066. <a href="{text:Blog URL 5}" title="{text:Blog 5}"><img src="{image:People 5}" class="img-polaroid"></a>
  2067. <a href="{text:Blog URL 6}" title="{text:Blog 6}"><img src="{image:People 6}" class="img-polaroid"></a>
  2068. <a href="{text:Blog URL 7}" title="{text:Blog 7}"><img src="{image:People 7}" class="img-polaroid"></a>
  2069. <a href="{text:Blog URL 8}" title="{text:Blog 8}"><img src="{image:People 8}" class="img-polaroid"></a>
  2070.  
  2071. </div>
  2072.  
  2073.  
  2074. <div class="sidetit" style="font-size:55px; margin-top:235px;">Chat Box</div>
  2075.  
  2076. <div class="chat">{text:Chat Box Code}</div>
  2077.  
  2078.  
  2079. <div class="sidetit" style="font-size:51px; margin-top:535px;">{text:Extra Box Title}</div>
  2080.  
  2081. <div class="extrabox">{text:Extra Box}</div>
  2082.  
  2083.  
  2084. <div id="pagination">
  2085. {block:Pagination}
  2086. <center>
  2087. {block:PreviousPage} <a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}
  2088. <span class="current_page">{PageNumber}</span>
  2089. {/block:CurrentPage}
  2090.  
  2091. {block:JumpPage}
  2092. <a class="jump_page" href="{URL}">{PageNumber}</a>
  2093. {/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  2094. {/block:Pagination}
  2095. </div>
  2096.  
  2097. </div>
  2098.  
  2099. <!--POSTS-->
  2100.  
  2101. <div id="entries">{block:Posts}<div class="post">
  2102.  
  2103. {block:IndexPage}
  2104. <div class="postinfo">
  2105. <div class="postdate">
  2106. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount} - <a href="{Permalink}" title="notes">{NoteCount} ♡</a>{/block:NoteCount}
  2107. <div class="date">
  2108. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &mdash; {/block:RebloggedFrom}<a href="{SourceURL}" target="_blank" />source</a></div>
  2109. </div>
  2110. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}" title=""> # {Tag}</a>{/block:Tags} {/block:HasTags}</div>
  2111. </div>
  2112. {/block:IndexPage}
  2113.  
  2114. {block:PermalinkPage}
  2115. <div class="info">
  2116. <div class="postdate">
  2117. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount} / {NoteCount} &hearts;{/block:NoteCount}
  2118. <div class="date">
  2119. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &mdash; <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</div>
  2120. </div>
  2121. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}" title=""> # {Tag}</a>{/block:Tags} {/block:HasTags}</div>
  2122. </div>
  2123. {/block:PermalinkPage}
  2124.  
  2125. {block:ContentSource}
  2126. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2127. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2128. {/block:SourceLogo}
  2129. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2130. {/block:ContentSource}
  2131.  
  2132. {block:Text}<h1>{block:Title}<center>{Title}</center>{/block:Title}</h1>{Body}{/block:Text}
  2133.  
  2134. <center>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}</center>
  2135.  
  2136. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  2137.  
  2138. {block:Quote}<h1 style="position:absolute; margin-top:-10px; color:{color:Divider}; font-size:45px;">❝</h1><div class="quote" style="margin-left:30px;">{Quote}</div>{block:Source} <br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  2139.  
  2140. {block:Link}<a href="{URL}" {Target}>{Name}→</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2141.  
  2142. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  2143.  
  2144. <center>{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio} </center>
  2145.  
  2146. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  2147.  
  2148. {block:Answer}<img src="{AskerPortraitURL-64}" align="left" style="padding-right:5px;" class="img-polaroid" /><div class="bubbles">{Asker} asked: {Question}</div><br><div class="answer">{Answer}</div>{/block:Answer}
  2149.  
  2150.  
  2151. </div>
  2152.  
  2153. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2154.  
  2155. {/block:Posts}
  2156.  
  2157. </div>
  2158. </div>
  2159.  
  2160. <div style="position:fixed; font-family:calibri; text-transform:uppercase; right:0px; bottom:0px;"><a href="http://rosewoodthemes.tumblr.com">ROSEWOOD</a>
  2161.  
  2162.  
  2163. </div>
  2164.  
  2165.  
  2166. </div>
  2167.  
  2168.  
  2169. </body>
  2170. </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!