app.sass 3.63 KB
Newer Older
luxcem's avatar
luxcem committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162
// -----------------------------------------
//   Core imports
// -----------------------------------------

@import "fonts.sass"
@import "variables.sass"

// -----------------------------------------
//   Shared Styles
// -----------------------------------------
li
    text-decoration: none
    list-style: none


// -----------------------------------------
//   Structure
// -----------------------------------------
.flat
    padding-left: 0
body
    background-color: $grey_light
.main
    background-color: #fff
.button + .button
    margin-top: $margin1
.row.panel .columns:first-child
    padding-left: 0
.panel.columns + .columns
    padding-left: $padding2
.panel ul
    margin-left: 0
.floor, .row .floor
    margin:
        top: $margin1
        bottom: $margin1
.tabs-content
    width: 100%

// -----------------------------------------
//   Titles
// -----------------------------------------

h2, h3, h4
    font:
        family: sansus_webissimoregular


// -----------------------------------------
//   Panels and labels
// -----------------------------------------
.panel.call_data li a
    color: $text_color
.label a
    color: #505050
.label a:hover
    text-decoration: underline
.label.committee
    display: inline-block
    width: 4em
    background-color: $committee_color
    padding-top: 3px
#previousCommittees .label.committee
    background-color: #CCC
.role-date
    float: right
    margin: 0 15px 0 0
.currentRoles
    margin-bottom: 15px
.currentRoles ul li, .oldRoles ul li
    clear: both



// -----------------------------------------
//   Tables
// -----------------------------------------
table thead td
    text-align: center
#mep_votesTab
    overflow: auto

// -----------------------------------------
//   Score colors
// -----------------------------------------

.scolorized
    text-align: center
    background-color: $grey_light // Default value used when no score is available
    border-color: $grey_light
.panel.scolorized
    width: 80px
    font:
        size: 1.5em
        weight: bold
    padding: 20px 0
.panel.scolorized.position
    font-size: 1em
.scolorized.scolorized0
    background-color: $score0
    border-color: $score0
.scolorized.scolorized1
    background-color: $score1
    border-color: $score1
.scolorized.scolorized2
    background-color: $score2
    border-color: $score2
.scolorized.scolorized3
    background-color: $score3
    border-color: $score3
.scolorized.scolorized4
    background-color: $score4
    border-color: $score4
.scolorized.scolorized5
    background-color: $score5
    border-color: $score5
.scolorized.scolorized6
    background-color: $score6
    border-color: $score6
.scolorized.scolorized7
    background-color: $score7
    border-color: $score7
.scolorized.scolorized8
    background-color: $score8
    border-color: $score8
.scolorized.scolorized9
    background-color: $score9
    border-color: $score9
.scolorized.scolorized10
    background-color: $score10
    border-color: $score10


// -----------------------------------------
//   Jquery UI
// -----------------------------------------
.ui-autocomplete
    background-color: #fff
    border: 1px solid $grey_light
.ui-menu-item
    background-color: #fff
.ui-menu-item a
    display: block
    padding-left: 10px
.ui-menu-item:hover
    background-color: #5B8EDC
    cursor: pointer
.ui-menu-item:hover a
    color: #fff

// -----------------------------------------
//   Home
// -----------------------------------------
#committeesTab a
    color: $text_color

// -----------------------------------------
//   Business import
// -----------------------------------------
@import "search.sass"
@import "menu.sass"
@import "header_footer.sass"