bluelemons/diputados

View on GitHub
app/assets/stylesheets/mystyle.css.scss

Summary

Maintainability
Test Coverage
#wrapper {
  background-image: url("/assets/headermantis.png");
  background-repeat: no-repeat;
}

body.logged_out #content_wrapper {
    width: 500px !important;
    margin: 130px auto !important;
}

// ui-buttons
.table_actions{
  width: 220px !important;
}
.ui-button-icon-only .ui-icon {
    left: -70% !important;
}
.ui-button-text{
    font-size: 80% !important;
    margin-left: 15px !important;
}
.ui-button-icon-only{
    height: 1.5em !important;
    width: 1.5em !important;
}
.member_link{
  float: left !important;
}
// ends ui buttons

#header {
  background: -moz-linear-gradient(-90deg, darken($header-background-color,10%), darken($header-background-color,40%)) repeat scroll 0 0 transparent !important;
  border-bottom: 1px solid darken($header-background-color,70%) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.37) !important;
  overflow: visible !important;
  padding: 10px 30px !important;
  text-shadow: 0 1px 0 black !important;
  z-index: 900 !important;
  h1 {
    color: $header-color !important;
    display: inline-block !important;
    font-size: 1.5em !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    margin-right: 20px !important;
  }
  ul#tabs{
    li.current > a, li.has_nested.current > a{
      text-shadow: 0 1px 0 white !important;
      background: none repeat scroll 0 0 $header-color !important;
      color: black !important;
    }
    li:hover > a{
      background: none repeat scroll 0 0 lighten($header-color,10%) !important;
      color: black !important;
    }
    li.has_nested:hover > a {
      text-shadow: 0 1px 0 white !important;
      background: url("/assets/active_admin/nested_menu_arrow_dark.gif") no-repeat scroll 89% 50% lighten($header-color,10%) !important;
      border-bottom: 5px solid lighten($header-color,10%) !important;
      border-radius: 10px 10px 0 0 !important;
    }
    li ul,li ul li a{
      text-shadow: 0 1px 0 white !important;
      background: none repeat scroll 0 0 lighten($header-color,10%) !important;
      color: black !important;
    }
  }
}

#title_bar {
    background: -moz-linear-gradient(-90deg, $title-background, darken($title-background,20%)) repeat scroll 0 0 transparent !important;
    box-shadow: 0 1px 2px #244C50 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    line-height: 50% !important;
    text-shadow: 0 1px 0 green !important;
    padding: 4px 30px !important;
  a{
    color: $ref-color;
  }
  h2 {
    color: $title-color  !important;
    font-size: 2.6em !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

$table-th-color: lighten($header-color,20%);


table.index_table th.sorted-asc, table.index_table th.sorted-desc{
  color: darken($table-th-color,70%) !important;
  background: -moz-linear-gradient(-90deg, darken($table-th-color,20%), darken($table-th-color,30%)) repeat scroll 0 0 transparent !important;
  border-bottom: 1px solid darken($table-th-color,20%) !important;
}
table.index_table th, .sidebar_section h3, .section h3, .panel h3{
  color: darken($table-th-color,70%) !important;
  background: -moz-linear-gradient(-90deg, $table-th-color, darken($table-th-color,20%)) repeat scroll 0 0 transparent !important;
  border-bottom: 1px solid darken($table-th-color,20%) !important;
}

table.index_table th a, table.index_table th a:link, table.index_table th a:visited {
    color: darken($table-th-color,70%) !important;
    display: block !important;
    text-decoration: none !important;
}