WebSVN – computer_asset_manager_v2 – Blame – /trunk/camp.css

Rev	Author	Line No.	Line
55	rodolico	1	`html, body {`
		2	`height: 100%;`
		3	`margin: 0;`
		4	`}`
		5
1	rodolico	6	`h2 {`
		7	`color: darkslategrey;`
		8	`}`
		9
		10
		11	`p {`
55	rodolico	12	`color: white;`
1	rodolico	13	`}`
		14
		15
53	rodolico	16	`a:link {`
55	rodolico	17	`color: white;`
1	rodolico	18	`}`
		19
53	rodolico	20	`a:visited {`
55	rodolico	21	`color: white;`
53	rodolico	22	`}`
1	rodolico	23
53	rodolico	24	`a:hover {`
		25	`color: grey;`
		26	`}`
		27
		28
46	rodolico	29	`/*`
		30	`* never done this before, but using grid containers.`
		31	`* https://www.w3schools.com/Css/css_grid.asp`
		32	`*/`
		33	`.grid-container {`
		34	`display: grid;`
		35	`grid-template-columns: 150px auto;`
		36	`grid-template-rows: 105px auto;`
		37	`background: rgb(84,84,72);`
		38	`color: #000000;`
55	rodolico	39	`font-family: Arial;`
		40	`/*`
		41	`margin: 0;`
		42	`padding: 0;`
		43	`*/`
46	rodolico	44	`align-content: start;`
55	rodolico	45	`width: 100vw;`
		46	`height: 100vh;`
46	rodolico	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;`
1	rodolico	57	`}`
		58
		59
46	rodolico	60	`.menu {`
		61	`grid-column: 1;`
		62	`grid-row: 2;`
55	rodolico	63	`color: white;`
		64	`height: auto;`
46	rodolico	65	`/* position: absolute;`
		66	`left: 5px;`
		67	`padding: 0px;`
		68	`width: 150px;`
		69	`height: 100%;`
		70	`border-right: groove rgb(64,64,64);`
		71	`*/`
55	rodolico	72	`background: #33bbff;`
46	rodolico	73	`}`
		74
45	rodolico	75	`.boxtitle {`
1	rodolico	76	`background: olivedrab;`
		77	`color: white;`
		78	`border: double rgb(204,204,204);`
55	rodolico	79	`text-align: center;`
1	rodolico	80	`}`
		81
		82
45	rodolico	83	`.box {`
1	rodolico	84	`background: rgb(224,224,230);`
		85	`border: ridge rgb(128,128,128);`
		86	`}`
		87
		88
53	rodolico	89	`.content {`
46	rodolico	90	`grid-column-start: 2;`
		91	`grid-column-end: 2;`
		92	`grid-row-start: 2;`
		93	`grid-row-end: 2;`
53	rodolico	94	`background: #003b6f;`
		95	`color: white;`
46	rodolico	96	`/*`
		97	`text-align: center;`
1	rodolico	98	`position: absolute;`
		99	`background: #FFFFFF;`
		100	`margin-top: 4px;`
		101	`margin-left: 160px;`
		102	`margin-right: 5px;`
		103	`padding: 0px;`
46	rodolico	104	`margin-left: auto;`
		105	`margin-right: auto;`
		106	`*/`
1	rodolico	107	`}`
		108
55	rodolico	109	`.content table {`
		110	`margin-left: auto;`
		111	`margin-right: auto;`
		112	`}`
		113
		114	`.content td {`
		115	`color: white;`
		116	`}`
		117
		118	`.content th {`
		119	`color: white;`
		120	`}`
		121
		122	`.content p {`
53	rodolico	123	`text-align: center;`
55	rodolico	124	`color: white;`
		125	`}`
		126
		127	`.motd {`
		128	`text-align: center;`
		129	`width: 100%;`
		130	`margin-top: 0px;`
53	rodolico	131	`position: static;`
55	rodolico	132	`border: 1px solid black;`
53	rodolico	133	`}`
		134
55	rodolico	135	`.motd h3 {`
53	rodolico	136	`color: white;`
		137	`font-size: 24px;`
		138	`padding: 0px 0 0px 0;`
		139	`valign: top;`
		140	`}`
		141
55	rodolico	142	`.motd p {`
53	rodolico	143	`text-align: center;`
		144	`color: lightgrey;`
		145	`font-size: 12px;`
		146	`padding: 0px 0 0px 0;`
		147	`}`
		148
		149
55	rodolico	150	`.stats {`
		151	`display: inline-block;`
		152	`text-align: center;`
		153	`position: static;`
		154	`/margin-top: 4px; /`
		155	`padding: 0px;`
		156	`width: 150px;`
56	rodolico	157	`height: 200px;`
55	rodolico	158	`box-sizing: border-box;`
		159	`border: 1px solid black;`
46	rodolico	160	`}`
1	rodolico	161
55	rodolico	162	`.stats h3 {`
		163	`color: white;`
		164	`font-size: 24px;`
		165	`padding: 0px 0 0px 0;`
		166	`valign: top;`
53	rodolico	167	`}`
		168
55	rodolico	169	`.stats p {`
		170	`text-align: center;`
		171	`color: lightgrey;`
		172	`font-size: 12px;`
		173	`padding: 0px 0 0px 0;`
53	rodolico	174	`}`
		175
55	rodolico	176	`/*`
		177	`* the login form`
		178	`*/`
		179
46	rodolico	180	`.login {`
		181	`width: 400px;`
		182	`background-color: #ffffff;`
		183	`box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);`
		184	`margin: 100px auto;`
		185	`}`
49	rodolico	186
46	rodolico	187	`.login h1 {`
		188	`text-align: center;`
		189	`color: #5b6574;`
		190	`font-size: 24px;`
		191	`padding: 20px 0 20px 0;`
		192	`border-bottom: 1px solid #dee0e4;`
		193	`}`
1	rodolico	194
46	rodolico	195	`.login p {`
		196	`justify-content: left;`
		197	`padding-top: 0px;`
		198	`}`
1	rodolico	199
46	rodolico	200	`.login form {`
		201	`display: flex;`
		202	`flex-wrap: wrap;`
		203	`justify-content: center;`
		204	`padding-top: 20px;`
		205	`}`
		206	`.login form label {`
		207	`display: flex;`
		208	`justify-content: center;`
		209	`align-items: center;`
		210	`width: 50px;`
		211	`height: 50px;`
		212	`background-color: #3274d6;`
		213	`color: #ffffff;`
		214	`}`
		215	`.login form input[type="password"], .login form input[type="text"] {`
		216	`width: 310px;`
		217	`height: 50px;`
		218	`border: 1px solid #dee0e4;`
		219	`margin-bottom: 20px;`
		220	`padding: 0 15px;`
		221	`}`
55	rodolico	222
46	rodolico	223	`.login form input[type="submit"] {`
		224	`width: 100%;`
		225	`padding: 15px;`
		226	`margin-top: 20px;`
		227	`background-color: #3274d6;`
		228	`border: 0;`
		229	`cursor: pointer;`
		230	`font-weight: bold;`
		231	`color: #ffffff;`
		232	`transition: background-color 0.2s;`
		233	`}`
		234	`.login form input[type="submit"]:hover {`
		235	`background-color: #2868c7;`
		236	`transition: background-color 0.2s;`
		237	`}`
1	rodolico	238
46	rodolico	239	`.login_errors {`
		240	`background-color: red;`
		241	`}`
1	rodolico	242
55	rodolico	243	`.content form input[type="submit"] {`
		244	`color: white;`
		245	`background-color: #3274d6;`
		246	`transition: background-color 0.2s;`
		247	`}`
		248
		249	`.content form input[type="submit"]:hover {`
		250	`background-color: #2868c7;`
		251	`transition: background-color 0.2s;`
		252	`}`
		253
		254	`/*`
		255	`* The permissions boxes when editing a user`
		256	`*/`
		257
		258	`fieldset.login_permissions_group {`
		259	`margin: 0;`
		260	`padding: 0;`
		261	`margin-bottom: 1.25em;`
		262	`}`
		263
		264	`fieldset.login_permissions_group legend {`
		265	`margin: 0;`
		266	`padding: 0;`
		267	`font-weight: bold;`
		268	`margin-left: 20px;`
		269	`font-size: 100%;`
		270	`color: white;`
		271	`}`
		272
		273	`ul.login_permissions {`
		274	`margin: 0;`
		275	`padding: 0;`
		276	`margin-left: 20px;`
		277	`list-style: none;`
		278	`}`
		279
		280	`ul.login_permissions li input {`
		281	`margin-right: .25em;`
		282	`}`
		283
		284
		285	`ul.login_permissions li label {`
		286	`margin-left: 0px;`
		287	`}`
		288
		289
		290	`ul.login_permissions li {`
		291	`border: 2px transperent solid;`
		292	`display: inline-block;`
		293	`width: 10em;`
		294	`}`
		295
		296	`ul.login_permissions li:hover,`
		297	`ul.login_permissions li:focus {`
		298	`background-color: 1px;`
		299	`border: 1px grey solid;`
		300	`}`
		301
46	rodolico	302	`.login_errors p {`
		303	`text-align: center;`
		304	`}`
1	rodolico	305
46	rodolico	306	`.category {`
		307	`border-style: solid;`
		308	`border-width: thin;`
		309	`border-color: black;`
		310	`}`
		311
		312	`.category h3 {`
		313	`margin-top: 0;`
		314	`margin: 0;`
		315	`}`
		316

Subversion Repositories computer_asset_manager_v2

(root)/trunk/camp.css – Rev 56