WebSVN – CoffeeCatalog – Blame – /trunk/site/style.css

Rev	Author	Line No.	Line
7	-	1	`:root {`
		2	`--dark-color: saddlebrown;`
		3	`--medium-color: tan;`
		4	`--light-color: rgba(210, 180, 140, .2);`
9	-	5	`--highlight: rgba(210, 180, 140, .4);`
7	-	6	`}`
		7
		8	`body {`
		9	`background-color: white;`
		10	`font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";`
		11	`color: var(--dark-color);`
		12	`margin: 4px;`
		13	`}`
		14
9	-	15	`.hide {`
		16	`display: none;`
		17	`padding: 10px;`
		18	`}`
		19
		20	`.show:hover + .hide {`
		21	`display: block;`
		22	`position: absolute;`
		23	`box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);`
		24	`}`
		25
7	-	26	`div {`
		27	`color: var(--dark-color);`
		28	`}`
		29	`.accent {`
		30	`background-color: var(--dark-color);`
		31	`accent-color: var(--dark-color);`
		32	`}`
		33
		34	`.pageheader {`
		35	`max-width: 610px;`
		36	`padding: 10px;`
		37	`border-radius: 5px 35px 5px 5px;`
		38	`margin-bottom: 4px;`
		39	`}`
		40
9	-	41	`.sp0{display:flex; max-width:700px;}`
7	-	42	`.spLeft {`
		43	`float:left;`
		44	`display: flex;`
		45	`width:65%;`
		46	`font-size: x-small;`
		47	`}`
		48
		49	`.spRight {`
		50	`float:right;`
		51	`width:35%;`
		52	`text-align:right;`
		53	`font-size: x-small;`
		54	`}`
		55
		56	`.autoload {`
		57	`color: rgba(255,255,255, .9);`
		58	`}`
9	-	59
7	-	60	`input[type=radio] {`
		61	`opacity: 75%;`
		62	`}`
		63
		64	`h1 {`
		65	`color: white;`
		66	`font-style: italic;`
		67	`font-weight: bold;`
		68	`text-shadow: 2px 2px 4px #000000;`
		69	`margin: 0;`
		70	`}`
		71
		72	`h5 {`
		73	`font-size: x-small;`
9	-	74	`margin: 0;`
		75	`line-height: 200%;`
7	-	76	`}`
		77
		78	`.footer {`
		79	`font-size: xx-small;`
		80	`font-weight: bold;`
		81	`}`
		82
		83	`a {`
		84	`color: var(--dark-color);`
		85	`text-decoration: none;`
		86	`white-space: nowrap;`
		87	`}`
		88
		89
		90	`a:hover {`
		91	`text-decoration: underline;`
9	-	92	`cursor: pointer;`
7	-	93	`}`
		94
		95	`.nowrap {`
		96	`white-space: nowrap;`
		97	`margin: auto;`
		98	`}`
		99
		100	`input[type=text],`
9	-	101	`select,`
7	-	102	`textarea`
9	-	103	`{`
		104	`font-size: small;`
7	-	105	`padding: 2px;`
		106	`border: 1px solid var(--medium-color);`
9	-	107	`border-radius: 4px;`
7	-	108	`box-sizing: border-box;`
9	-	109	`outline: none;`
7	-	110	`color: var(--dark-color);`
		111	`}`
		112
		113	`input[type=text]:focus,`
9	-	114	`select:focus,`
7	-	115	`textarea:focus {`
		116	`border: 1px solid var(--dark-color);`
		117	`}`
		118
		119
		120	`input[type=button],`
		121	`input[type=submit] {`
		122	`background-color: var(--medium-color);`
		123	`border: none;`
		124	`color: var(--dark-color);`
		125	`padding: 4px 16px;`
		126	`text-decoration: none;`
		127	`margin: 4px 2px;`
		128	`border-radius: 15px;`
		129	`font-weight: bold;`
		130	`box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);`
		131	`cursor: pointer;`
9	-	132	`font-size: xx-small;`
7	-	133	`}`
		134
		135	`input:hover[type=button], input:hover[type=submit] {`
		136	`background-color: var(--dark-color);`
		137	`color: var(--medium-color);`
		138	`box-shadow: -2px -2px 4px var(--light-color);`
		139	`}`
		140
		141	`.inputfile {`
		142	`width: 0.1px;`
		143	`height: 0.1px;`
		144	`opacity: 0;`
		145	`overflow: hidden;`
		146	`position: absolute;`
		147	`z-index: -1;`
		148	`}`
		149
		150	`.inputfile + label {`
		151	`background-color: var(--medium-color);`
		152	`border: none;`
		153	`color: var(--dark-color);`
		154	`padding: 4px 16px;`
		155	`text-decoration: none;`
		156	`margin: 4px 2px;`
		157	`border-radius: 15px;`
		158	`font-weight: bold;`
		159	`box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);`
		160	`cursor: pointer;`
		161	`font-size: x-small;`
9	-	162	`display: inline-block;`
7	-	163	`}`
		164
		165	`.inputfile + label * {`
		166	`pointer-events: none;`
		167	`}`
		168
		169	`.inputfile:focus + label,`
		170	`.inputfile + label:hover {`
		171	`background-color: var(--dark-color);`
		172	`color: var(--medium-color);`
		173	`box-shadow: -2px -2px 4px var(--light-color);`
		174	`}`
		175
		176	`.bold {`
		177	`font-weight: bold;`
		178	`}`
		179
		180	`.success {`
		181	`font-size: small;`
		182	`font-weight: bold;`
		183	`color: green;`
		184	`}`
		185
		186	`.error {`
		187	`font-size: small;`
		188	`font-weight: bold;`
		189	`color: crimson;`
		190	`}`
		191
		192	`.top {`
		193	`vertical-align: top;`
		194	`}`
		195	`.rTable {`
		196	`display: table;`
		197	`padding: 0;`
		198	`border: 0;`
		199	`border-spacing: 0;`
		200	`margin: 0;`
		201	`min-width: 80%;`
		202	`}`
		203	`.rTableRow { display: table-row; }`
		204	`.rTableHeading {`
		205	`display: table-header-group;`
		206	`}`
		207	`.rTableHead {`
		208	`display: table-cell;`
		209	`color: white;`
		210	`background-color: var(--dark-color);`
		211	`font-style: italic;`
		212	`font-size: small;`
		213	`text-shadow: 1px 1px 2px #000000;`
		214	`text-align: left;`
		215	`white-space: nowrap;`
		216	`padding: 3px 12px;`
		217	`}`
		218
		219	`.rTableHead:first-child {`
		220	`border-radius: 5px 0 0 0;`
		221	`}`
		222
		223	`.rTableHead:last-child {`
		224	`border-radius: 0 20px 0 0;`
		225	`}`
		226
		227	`.rTableBody { display: table-row-group; }`
		228	`.rTableFoot { display: table-footer-group; }`
		229	`.rTableCell {`
		230	`display: table-cell;`
		231	`color: var(--dark-color);`
		232	`font-size: x-small;`
		233	`text-align: left;`
		234	`padding: 5px 12px;`
		235	`}`
		236	`.quarters {`
		237	`width: 25%;`
		238	`}`
		239
		240	`.right {`
		241	`text-align: right;`
		242	`}`
		243
		244	`.shaded:nth-child(odd) {`
		245	`background-color: var(--light-color);`
		246	`}`
		247
		248	`.shaded:nth-child(even) {`
		249	`background-color: white;`
		250	`}`
		251
9	-	252	`.shaded:hover {`
		253	`background-color: var(--highlight);`
		254	`}`
		255
7	-	256	`.filters {`
		257	`background-color: var(--medium-color);`
		258	`}`
		259
		260	`table {`
		261	`padding: 0;`
		262	`border: 0;`
		263	`border-spacing: 0;`
		264	`margin: 0;`
		265	`}`
		266
		267	`tr:nth-child(odd).shaded {`
		268	`background-color: var(--light-color);`
		269	`}`
		270
		271	`tr:nth-child(even).shaded {`
		272	`background: white;`
		273	`}`
		274
		275	`th {`
		276	`color: white;`
		277	`background-color: var(--dark-color);`
		278	`font-style: italic;`
		279	`font-size: small;`
		280	`text-shadow: 1px 1px 2px #000000;`
		281	`text-align: left;`
		282	`white-space: nowrap;`
		283	`}`
		284
		285	`td {`
		286	`color: var(--dark-color);`
		287	`font-size: x-small;`
		288	`text-align: left;`
		289	`}`
		290
		291	`td.filters .filters {`
		292	`background-color: var(--medium-color);`
		293	`}`
		294
		295
		296

Subversion Repositories CoffeeCatalog

(root)/trunk/site/style.css – Rev 9