1 | .prism-image {
|
2 | max-width: 100%;
|
3 | max-height: 100%;
|
4 | }
|
5 | .prism-main-nav {
|
6 | height: 100%;
|
7 | background: #FFFFFF;
|
8 | font-family: "Roboto", "Arial", sans-serif;
|
9 | }
|
10 | .prism-main-nav__list {
|
11 | height: 100%;
|
12 | margin: 0;
|
13 | display: flex;
|
14 | padding: 0;
|
15 | list-style-type: none;
|
16 | }
|
17 | .prism-main-nav__item {
|
18 | display: flex;
|
19 | flex-grow: 1;
|
20 | flex-wrap: nowrap;
|
21 | min-height: 30px;
|
22 | line-height: 1;
|
23 | flex-direction: row;
|
24 | }
|
25 | @media (min-width:600px) {
|
26 | .prism-main-nav__item {
|
27 | flex-grow: 0;
|
28 | }
|
29 | }
|
30 | .prism-main-nav__link {
|
31 | color: rgba(0, 0, 0, 0.87);
|
32 | width: 100%;
|
33 | border: solid 0 #FFFFFF;
|
34 | cursor: pointer;
|
35 | display: flex;
|
36 | padding: 0px 16px;
|
37 | font-size: 1rem;
|
38 | text-align: center;
|
39 | align-items: center;
|
40 | font-weight: 700;
|
41 | flex-direction: row;
|
42 | text-decoration: none;
|
43 | border-top-width: 3px;
|
44 | }
|
45 | .prism-main-nav__link:active, .prism-main-nav__link:focus, .prism-main-nav__link:hover {
|
46 | border-color: #61b3cf;
|
47 | }
|
48 | @media (min-width:600px) {
|
49 | .prism-main-nav__link {
|
50 | border-width: 0 0 3px 0;
|
51 | }
|
52 | }
|
53 | .prism-main-nav__link--active {
|
54 | border-color: #61b3cf;
|
55 | }
|
56 | .prism-main-nav__icon {
|
57 | color: #61b3cf;
|
58 | font-size: 1.25rem;
|
59 | }
|
60 | .prism-main-nav__label {
|
61 | margin-left: 0.5rem;
|
62 | }
|
63 | .prism-header-banner {
|
64 | height: 60px;
|
65 | display: flex;
|
66 | padding: 0px 16px;
|
67 | z-index: 1100;
|
68 | background: #FFFFFF;
|
69 | box-shadow: 0px 1px 4px #9e9e9e;
|
70 | align-items: left;
|
71 | flex-shrink: 0;
|
72 | font-family: "Roboto", "Arial", sans-serif;
|
73 | }
|
74 | @media (min-width:960px) {
|
75 | .prism-header-banner {
|
76 | padding: 0px 32px;
|
77 | }
|
78 | }
|
79 | .prism-header-banner__logo {
|
80 | flex-grow: 0;
|
81 | align-self: center;
|
82 | margin-right: 16px;
|
83 | text-decoration: none;
|
84 | }
|
85 | @media (min-width:960px) {
|
86 | .prism-header-banner__logo {
|
87 | min-width: 168px;
|
88 | }
|
89 | }
|
90 | .prism-header-banner__logo-image {
|
91 | max-width: 200px;
|
92 | max-height: 36px;
|
93 | }
|
94 | .prism-header-banner__main-nav {
|
95 | flex-grow: 1;
|
96 | }
|
97 | .prism-app-layout {
|
98 | height: 100%;
|
99 | display: flex;
|
100 | position: relative;
|
101 | flex-direction: column;
|
102 | }
|
103 | .prism-app-layout__header {
|
104 | flex-grow: 0;
|
105 | }
|
106 | .prism-app-layout__header-nav {
|
107 | display: none;
|
108 | }
|
109 | @media (min-width:600px) {
|
110 | .prism-app-layout__header-nav {
|
111 | height: 100%;
|
112 | display: flex;
|
113 | }
|
114 | }
|
115 | .prism-app-layout__main {
|
116 | display: flex;
|
117 | flex-grow: 1;
|
118 | flex-shrink: 0;
|
119 | flex-direction: column;
|
120 | }
|
121 | .prism-app-layout__footer {
|
122 | flex-grow: 0;
|
123 | }
|
124 | .prism-app-layout__mobile-nav-push {
|
125 | min-height: 60px;
|
126 | }
|
127 | @media (min-width:600px) {
|
128 | .prism-app-layout__mobile-nav-push {
|
129 | display: none;
|
130 | }
|
131 | }
|
132 | .prism-app-layout__mobile-nav {
|
133 | width: 100%;
|
134 | bottom: 0;
|
135 | height: 60px;
|
136 | position: fixed;
|
137 | background: #FFFFFF;
|
138 | box-shadow: 0px -1px 4px #9e9e9e;
|
139 | }
|
140 | @media (min-width:600px) {
|
141 | .prism-app-layout__mobile-nav {
|
142 | display: none;
|
143 | }
|
144 | } |
\ | No newline at end of file |