aboutsummaryrefslogtreecommitdiffstats
path: root/web/cobrands/hart/base.scss
blob: 7f7f7bd35ed3bef22b46312aadc71a382dd11c13 (plain)
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
@import "../sass/h5bp";
@import "./_colours";
@import "../sass/mixins";

@import "../sass/base";

a, a:visited {
    color: #369;
    &:hover, &:active {
        color: #369;
    }
}

.item-list--reports__item {
  color: #666;
  a {
    color: #666;
  }
}

h1.main {
    color: $primary;
    text-align: center;
    margin: 0.5em 0;
}

.container {
    padding: 0 1em 1em; /* if remove this 1em, need to edit .full-width! */
}

#site-header {
    background: $primary;
    height: 57px;
    

    .mobile-header-nav {
        height: 56px;
        float: right;
        li {
            a, a:hover {text-decoration:none;}
            list-style-type: none;
            float: left;
            div {
                height: 57px;
                width: 57px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
            }
            .home-icon { background-image: url('/cobrands/hart/home_mobile.png'); }
            .search-icon { background-image: url('/cobrands/hart/search_mobile.png'); }
            .menu-icon { background-image: url('/cobrands/hart/menu_mobile.png'); }
        }
    }
}

// Colour tab to match colour scheme
#nav-link {
  width: 50px;
  height: 48px;
  background: url('/cobrands/hart/tab-blue.png') 0 0 no-repeat;
}

#problems-nav {
    border-bottom:0.25em solid $primary;
    ul li a {
        text-transform: none;
        color: #666;
        &.active {
            background: $primary;
            color: #fff;
        }
    }
}

.big-green-banner {
    text-transform: none;
}

#form_sign_in {
    margin-top: 1em;
}

#front-main {
    /* default on mobile view, preventing jagged hart-green box */

    margin: 0;
    padding: 1em;

    #postcodeForm {
        padding: 1em;
        div {
            padding-top: 0px;
            input#pc {
            }
            input#sub {
                height: 100%;
            }
        }
    }
}