class Tabulous::CssScaffolding

Public Class Methods

embeddable_styles() click to toggle source
# File lib/tabulous/css_scaffolding.rb, line 4
def self.embeddable_styles
  %Q{
    <style type="text/css">

    body {
      margin: 0;
      padding: 0;
    }

    .tabs, .tabs ul, .tabs ul li, .tabs ul li span, .tabs ul li a,
    .subtabs, .subtabs ul, .subtabs ul li, .subtabs ul li span, .subtabs ul li a {
      margin: 0;
      padding: 0;
      line-height: 1;
    }

    .tabs, .tabs a, .tabs a:visited, .tabs a:hover {
      color: #{Config.text_color};
    }

    .tabs li.disabled, .tabs li.disabled a, .tabs li.disabled a:visited, .tabs li.disabled a:hover,
    .subtabs li.disabled, .subtabs li.disabled a, .subtabs li.disabled a:visited, .subtabs li.disabled a:hover {
      color: #{Config.inactive_text_color};
    }

    .tabs a {
      text-decoration: none;
    }

    .tabs ul {
      font-size: 24px;
      height: 57px;
      list-style-type: none;
      background-color: #{Config.background_color};
      padding: 0 0 0 50px;
    }

    .tabs ul li {
      padding-top: 25px;
      padding-right: 5px;
      float: left;
    }

    .tabs ul li .tab {
      background-color: #{Config.inactive_tab_color};
      padding: 5px 15px 3px 15px;
      float: left;
      -webkit-border-top-left-radius: 8px;
      -khtml-border-radius-topleft: 8px;
      -moz-border-radius-topleft: 8px;
      border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
      -khtml-border-radius-topright: 8px;
      -moz-border-radius-topright: 8px;
      border-top-right-radius: 8px;
    }

    .tabs ul li.active .tab {
      background-color: #{Config.active_tab_color};
      padding-bottom: 14px;
    }

    .tabs ul li a:hover {
      background-color: #{Config.hover_tab_color};
    }

    .tabs ul, .subtabs ul {
      /* float clearing */
      overflow: hidden;
      display: inline-block; /* Necessary to trigger "hasLayout" in IE */
      display: block; /* Sets element back to block */
    }

    .subtabs ul {
      margin-top: 5px;
    }

    .subtabs, .subtabs a, .subtabs a:visited {
      color: #{Config.text_color};
    }

    .subtabs li.active {
      font-weight: bold;
    }

    .subtabs a {
      text-decoration: none;
    }

    .subtabs ul {
      font-size: 16px;
      height: 30px;
      list-style-type: none;
      padding: 0 0 0 50px;
    }

    .subtabs ul li {
      padding: 10px;
      float: left;
    }

    .subtabs ul li a:hover {
      text-decoration: underline;
    }

    </style>
  }
end