Subversion Repositories computer_asset_manager_v2

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 rodolico 1 
h2 {
2 
    color: darkslategrey;
3 
  }
4 
 
5 
 
6 
p {
7 
    color: black;
8 
  }
9 
 
10 
 
53 rodolico 11 
a:link {
12 
    color: black;
1 rodolico 13 
  }
14 
 
53 rodolico 15 
a:visited {
16 
   color: black;
17 
}
1 rodolico 18 
 
53 rodolico 19 
a:hover {
20 
   color: grey;
21 
}
22 
 
23 
 
1 rodolico 24 
body {
25 
    margin-top: 0;
26 
    margin-bottom: 0;
27 
    margin-left: 0;
28 
    margin-right: 0;
29 
    padding-left: 0;
30 
    padding-right: 0;
31 
    background: rgb(84,84,72);
32 
    font-family: Arial;
33 
    color: #000000;
34 
  }
35 
 
46 rodolico 36 
/*
37 
 * never done this before, but using grid containers.
38 
 * https://www.w3schools.com/Css/css_grid.asp
39 
 */
40 
.grid-container {
41 
   display: grid;
42 
   grid-template-columns: 150px auto;
43 
   grid-template-rows: 105px auto;
44 
   background: rgb(84,84,72);
45 
   color: #000000;
46 
   align-content: start;
47 
}
1 rodolico 48 
 
49 
 
45 rodolico 50 
.titleimage {
46 rodolico 51 
   grid-row-start: 1;
52 
   grid-row-end: 1;
53 
   grid-column-start: 1;
54 
   grid-column-end: 3;
52 rodolico 55 
   background: #003b6f;
56 
   color: white;
57 
/*    background: black;
46 rodolico 58 
    color: lawngreen;
52 rodolico 59 
    height: 90px;
1 rodolico 60 
    margin-top: 5px;
61 
    margin-bottom: 0px;
62 
    margin-left: 5px;
63 
    margin-right: 5px;
64 
    padding-left: 5px;
65 
    padding-right: 0;
46 rodolico 66 
    */
1 rodolico 67 
  }
68 
 
69 
 
46 rodolico 70 
.menu {
71 
   grid-column: 1;
72 
   grid-row: 2;
53 rodolico 73 
   color: black;
46 rodolico 74 
/*    position: absolute;
75 
    left: 5px;
76 
    padding: 0px;
77 
    width: 150px;
78 
    height: 100%;
79 
    border-right: groove rgb(64,64,64);
80 
*/
81 
    background: rgb(240,240,240);
82 
  }
83 
 
45 rodolico 84 
.boxtitle {
1 rodolico 85 
    background: olivedrab;
86 
    color: white;
87 
    border: double rgb(204,204,204);
88 
  }
89 
 
90 
 
45 rodolico 91 
.box {
1 rodolico 92 
    background: rgb(224,224,230);
93 
    border: ridge rgb(128,128,128);
94 
  }
95 
 
96 
 
53 rodolico 97 
.content {
46 rodolico 98 
   grid-column-start: 2;
99 
   grid-column-end: 2;
100 
   grid-row-start: 2;
101 
   grid-row-end: 2;
53 rodolico 102 
   background: #003b6f;
103 
   color: white;
46 rodolico 104 
   /*
105 
    text-align: center;
1 rodolico 106 
    position: absolute;
107 
    background: #FFFFFF;
108 
    margin-top: 4px;
109 
    margin-left: 160px;
110 
    margin-right: 5px;
111 
    padding: 0px;
46 rodolico 112 
   margin-left: auto;
113 
   margin-right: auto;
114 
   */
1 rodolico 115 
  }
116 
 
53 rodolico 117 
.stats {
118 
   text-align: center;
119 
   position: static;
120 
   margin-top: 4px;
121 
   padding: 0px;
122 
   width: 150px;
123 
   height: 100px;
124 
}
125 
 
126 
.stats h3 {
127 
  	color: white;
128 
  	font-size: 24px;
129 
  	padding: 0px 0 0px 0;
130 
   valign: top;
131 
}
132 
 
133 
.stats p {
134 
  	text-align: center;
135 
  	color: lightgrey;
136 
  	font-size: 12px;
137 
  	padding: 0px 0 0px 0;
138 
}
139 
 
140 
 
46 rodolico 141 
.content table {
142 
   margin-left: auto;
143 
   margin-right: auto;
144 
}
1 rodolico 145 
 
53 rodolico 146 
.content td {
147 
   color: white;
148 
}
149 
 
150 
.content th {
151 
   color: white;
152 
}
153 
 
46 rodolico 154 
.login {
155 
  	width: 400px;
156 
  	background-color: #ffffff;
157 
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
158 
  	margin: 100px auto;
159 
}
49 rodolico 160 
 
46 rodolico 161 
.login h1 {
162 
  	text-align: center;
163 
  	color: #5b6574;
164 
  	font-size: 24px;
165 
  	padding: 20px 0 20px 0;
166 
  	border-bottom: 1px solid #dee0e4;
167 
}
1 rodolico 168 
 
46 rodolico 169 
.login p {
170 
   justify-content: left;
171 
   padding-top: 0px;
172 
}
1 rodolico 173 
 
46 rodolico 174 
.login form {
175 
  	display: flex;
176 
  	flex-wrap: wrap;
177 
  	justify-content: center;
178 
  	padding-top: 20px;
179 
}
180 
.login form label {
181 
  	display: flex;
182 
  	justify-content: center;
183 
  	align-items: center;
184 
  	width: 50px;
185 
  	height: 50px;
186 
  	background-color: #3274d6;
187 
  	color: #ffffff;
188 
}
189 
.login form input[type="password"], .login form input[type="text"] {
190 
  	width: 310px;
191 
  	height: 50px;
192 
  	border: 1px solid #dee0e4;
193 
  	margin-bottom: 20px;
194 
  	padding: 0 15px;
195 
}
196 
.login form input[type="submit"] {
197 
  	width: 100%;
198 
  	padding: 15px;
199 
 	margin-top: 20px;
200 
  	background-color: #3274d6;
201 
  	border: 0;
202 
  	cursor: pointer;
203 
  	font-weight: bold;
204 
  	color: #ffffff;
205 
  	transition: background-color 0.2s;
206 
}
207 
.login form input[type="submit"]:hover {
208 
	background-color: #2868c7;
209 
  	transition: background-color 0.2s;
210 
}
1 rodolico 211 
 
46 rodolico 212 
.login_errors {
213 
   background-color: red;
214 
}
1 rodolico 215 
 
46 rodolico 216 
.login_errors p {
217 
     	text-align: center;
218 
}
1 rodolico 219 
 
46 rodolico 220 
.category {
221 
   border-style: solid;
222 
   border-width: thin;
223 
   border-color: black;
224 
}
225 
 
226 
.category h3 {
227 
   margin-top: 0;
228 
   margin: 0;
229 
}
230