better-header-color-palette.diff

Anonymous, 2019-09-04 19:03

Download (2.71 KB)

View differences:

public/stylesheets/application.css (working copy)
15 15
#wrapper {background: white;overflow: hidden;}
16 16
#wrapper3 { display: flex; flex-direction: column; }
17 17

  
18
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
18
#top-menu {background: #064884; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
19 19
#top-menu ul {margin: 0;  padding: 0;}
20 20
#top-menu li {
21 21
  float:left;
......
29 29

  
30 30
#account {float:right;}
31 31

  
32
#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
32
#header {min-height:4.3em;margin:0;background-color:#4287C5;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
33 33
#header a {color:#f8f8f8;}
34 34
#header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
35 35
#header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
36 36

  
37 37
#quick-search {float:right;}
38
#quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
38
#quick-search #q {color: #f8f8f8; transition: 0.1s; width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border: 1px solid #306595; border-radius:3px; background-color: #336da4;}
39
#quick-search #q:focus {color: #555; border: 1px solid #ccc; background-color: #fff}
39 40

  
40 41
#main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
41 42
#main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}
......
204 212

  
205 213
#project-jump.drdn {width:200px;display:inline-block;}
206 214
#project-jump .drdn-trigger {
215
  transition: 0.1s;
207 216
  width:100%;
208 217
  height:24px;
209 218
  display:inline-block;
210 219
  padding:3px 18px 3px 6px;
211 220
  border-radius:3px;
212
  border:1px solid #ccc;
221
  border:1px solid #306595;
213 222
  margin:0 !important;
214 223
  vertical-align:middle;
215
  color:#555;
216
  background:#fff url(../images/arrow_down.png) no-repeat 97% 50%;
224
  color:#f8f8f8;
225
  background:#336da4 url(../images/arrow_down.png) no-repeat 97% 50%;
217 226
}
218
#project-jump .drdn.expanded .drdn-trigger {background-image:url(../images/arrow_up.png);}
227
#project-jump.drdn.expanded .drdn-trigger {background:#fff url(../images/arrow_up.png) no-repeat 97% 50%; color: #555; border: 1px solid #ccc; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
219 228
#project-jump .drdn-content {width:280px;}
220 229
#project-jump .drdn-items>* {color:#555 !important;}
221 230
#project-jump .drdn-items>a:hover {background-color:#759FCF; color:#fff !important;}