1- /*---Use template from: https://ocsdata.ncd.noaa.gov/HSRP/css/ocs-fonts.css---*/
2- /*---Use template from: https://www.legislative.noaa.gov/noaa-web/css/contentFormatting.css---*/
3- body {
4- font-family : "Open Sans" , sans-serif;
5- font-size : 14px ;
6- line-height : 1.42857143 ;
7- color : # 000000 ;
8- background-color : # FFFFFF ;
1+ h1 , h2 , h3 , h4 , h5 , h6 {
2+ color : # 004391 !important ;
93}
104
11- .fas fa-home fa-lg {
12- background-color : # FFFFFF ;
5+ .form-inline . form-control {
6+ background-color : # f0f0f0 ;
137}
148
15- h1 , h2 , h3 , h4 , h5 , h6 , p {
16- font-family : "Open Sans" , sans-serif;
17- color : # 00467f ;
18- }
19-
20-
21- h1 {
22- font-size : 36px ;
23- }
24-
25- h2 {
26- font-size : 20px ;
27- }
28-
29- h3 {
30- font-size : 18px
31- }
32-
33- h4 {
34- font-size : 16px
35- }
36-
37- h5 {
38- font-size : 14px ;
39- line-height : 22px ;
40- margin-bottom : 10px ;
41- }
42-
43- h6 {
44- font-size : 14px ;
45- }
46-
47- p {
48- margin-top : 0px ;
49- line-height : 19px ;
50- margin-bottom : .9em ;
51- text-align : left;
52- color : # 000000 ;
53- }
54-
55- h1 .title {
56- font-family : "Open Sans" , sans-serif;
57- font-size : 40px ;
58- line-height : 40px ;
59- margin-bottom : 25px ;
60- letter-spacing : 0px ;
61- font-weight : 700 ;
62- color : # 00467f ;
63- }
64-
65- h1 .mobile {
66- font-family : "Open Sans" , sans-serif;
67- font-size : 40px ;
68- line-height : 40px ;
69- margin-bottom : 25px ;
70- letter-spacing : 0px ;
71- font-weight : 700 ;
72- color : # 00467f ;
73- }
74-
75- a { font-weight : bold; }
76- a : link { color : # 007eb2 ; }
77- a : visited { color : # 007eb2 ; }
78- a : hover { color : # 007eb2 ; }
79-
80- .leftAlignImage img , .rightAlignImage img {
81- width : 200px ;
82- border : none;
83- }
84-
85- .leftAlignImage , .rightAlignImage {
86- padding : 4px ;
87- border : none;
88- width : 200px ;
89- height : auto;
90- }
91-
92- .leftAlignImage {
93- float : left;
94- margin-right : 10px ;
95- }
96-
97- .rightAlignImage {
98- float : right;
99- margin-left : 10px ;
100- }
101-
102- .rightAlignImage p : first-child , .leftAlignImage p : first-child {
103- margin-left : 0px ;
104- margin-top : 0px ;
105- }
106-
107- .rightAlignImage p , .leftAlignImage p {
108- margin-bottom : 0px ;
109- margin-top : 6px ;
110- }
111-
112- /*---navbar ---*/
113- .navbar {
114- margin-bottom : 0px ;
115- border-radius : 0px ;
116- color : # FFFFFF ;
117- background-color : # 054698 ;
118- width : auto;
119- }
120-
121- .navbar-default .navbar-nav > li > a {
122- color : # FFFFFF ;
123- background-color : # 054698 ;
124- } /*navbar text*/
125-
126-
127- .navbar-default .navbar-link {
128- color : # FFFFFF ;
129- } /*navbar link*/
130-
131- .navbar-default .navbar-link : focus , .navbar-default .navbar-link : hover {
132- color : # FFFFFF ;
133- text-decoration : underline;
134- }
135-
136- .nav > li {
137- position : relative;
138- color : # 054698 ;
139- }
140-
141- .navbar-default .navbar-nav > li > a : focus , .navbar-default .navbar-nav > li > a : hover {
142- color : # FFFFFF ;
143- text-decoration : underline;
144- }
145-
146- .navbar-default .navbar-nav > .open > a , .navbar-default .navbar-nav > .open > a : focus , .navbar-default .navbar-nav > .open > a : hover {
147- color : # FFFFFF ;
148- text-decoration : underline;
149- background-color : # 054698 ;
150- }
151-
152- .navbar-default .navbar-nav > .active > a , .navbar-default .navbar-nav > .active > a : focus , .navbar-default .navbar-nav > .active > a : hover {
153- color : # FFFFFF ;
154- background-color : # 054698 ;
155- text-decoration : underline;
156- } /*Home button*/
157-
158- nav [data-toggle = 'toc' ] .nav > li > a {
159- padding : 4px 20px 4px 6px ;
160- font-size : 1.5rem ;
161- font-weight : 400 ;
162- color : # 00467f ;
163- background-color : # FFFFFF ;
164- } /*Table of content in the vignettes*/
165-
166- nav [data-toggle = 'toc' ] .nav > li > a : focus, nav [data-toggle = 'toc' ] .nav > li > a : hover {
167- color : # 00467f ;
168- background-color : # FFFFFF ;
169- }
170-
171- nav [data-toggle = 'toc' ] .nav > .active > a , nav [data-toggle = 'toc' ] .nav > .active : hover > a , nav [data-toggle = 'toc' ] .nav > .active : focus > a {
172- color : # FFFFFF ;
173- }
174-
175- /*---footer---*/
176- footer {
177- font-size : 14px ;
178- color : # 00467f ;
179- background-color : # FFFFFF ;
180- padding-top : 15px ;
181- margin-bottom : 0px ;
182- border-radius : 0px ;
183- width : auto;
184- }
185-
186- footer p {
187- margin-left : 3px ;
188- margin-right : 3px ;
189- color : # 00467f ;
190- }
191-
192- footer a : link { color : # 00467f ; text-decoration : none; }
193- footer a : visited { color : # 00467f ; text-decoration : none; }
194- footer a : hover { color : # 00467f ; text-decoration : none; }
195-
196- /*---fix footer txt alignment---*/
197- footer .pkgdown p {
198- text-align : right;
199- }
200-
201- footer .copyright p {
202- text-align : left;
203- }
9+ .form-inline .form-control ::placeholder {
10+ color : # 004391 ;
11+ opacity : 0.5 ;
12+ }
0 commit comments