dutton3d/style.css at main · mapgeoasu/dutton3d · GitHub

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
html, body {
  font-family: 'Merriweather', serif !important;
}

.pnlm-title-box {
  font-family: 'Merriweather', serif !important;
}

#viewDiv {
  position:fixed;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

#logo {
vertical-align:middle;
}

/*Main Navbar Title and Logo*/
.navbar-brand {
  /* padding: 0 15px;
  height: 40px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-size: 1em;     */
}

/*Navbar height. If used, disables the collapse links*/
/* .navbar {
  height: 52px;
} */

.navbar-brand span {
font-size: 1em;
display:inline-block;
vertical-align:middle;
}

/*Navbar background color*/
.bg-light {
  background: #D49b72 !important;
  border-bottom: solid 2px #D49B72;
}

/*Navbar link color*/
.navbar-light .navbar-brand {
  color: #50433d;
  /* font-variant: small-caps; */
}

/*Navbar link color*/
.navbar-light .navbar-brand:visited {
color: #50433d;
}

.navbar .navbar-nav .nav-link {
  color: #50433d;
  font-size: 13px;
}
.navbar .navbar-nav .nav-link:hover{
  color: #50433d;
  border-bottom: solid 3px #A23617;
}

/* Set the border color to the desired color */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2880, 67, 61, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler{
  border-color: #50433d;
}


#close {
  background-color: #A23617;
  border-color: #A23617;
}

#viewerModal {
  border-radius: 0px;
  z-index: 999999999999999999999999999999999999999999999999999999999;
}

/*Infobox*/
.infolink {
  color: #A23617;
}

#infoModal img {
  border: solid 1px black;
}

/*Information Modal*/
#infoModal .modal-dialog{
  overflow-y: initial !important
}

#infoModal .modal-body{
  height: 80vh;
  overflow-y: auto;
}

#infoModal .modal-title{
  font-weight: normal !important;
  font-family: 'Merriweather', serif;
  font-size: 1.5em
}

#infoModal {
  border-radius: 0px;
  z-index: 999999999999999999999999999999999999999999999999999999999;
}

#infoModal p {
  font-size: 0.85em;
  font-family: 'Merriweather', serif;
}

#infoModal ul {
  font-size: 0.85em;
  font-family: 'Merriweather', serif;
}

/*Panorama window size*/
#panorama {
    width: 760px;
    height: 400px;
}

.esri-popup__header-title {
  text-align: left;
}

.esri-widget {
  color: #50433d;
  display: flex;
  font-family: 'Merriweather', serif;
  }

  /* Esri Popup controls  */
#viewDiv .esri-popup.esri-popup--is-docked .esri-popup__main-container {
    width: 296px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 600px) {
  #viewDiv .esri-popup.esri-popup--is-docked .esri-popup__main-container {
    width: 100%;
    padding-bottom: 30px;
  }
}