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

Rev	Author	Line No.	Line
7	-	1	`:root {`
		2	`--dark-color: #004771;`
		3	`--medium-color: #0090e4;`
		4	`--light-color: rgba(0, 119, 189, .2);`
		5	`--highlight: rgba(0, 119, 189, .4);`
		6	`--hl-light: #ffff99;`
		7	`--hl-dark: #ffe699;`
		8	`}`
		9
		10	`body {`
		11	`background-color: white;`
		12	`font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";`
		13	`color: var(--dark-color);`
		14	`margin: 4px;`
		15	`}`
		16
		17	`.hide {`
		18	`display: none;`
		19	`padding: 10px;`
		20	`}`
		21
		22	`.show:hover + .hide {`
		23	`display: block;`
		24	`position: absolute;`
		25	`box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);`
		26	`}`
		27
		28	`div {`
		29	`color: var(--dark-color);`
		30	`}`
		31
		32	`.index {`
		33	`margin-top: 25px;`
		34	`margin-left: 5px;`
		35	`max-width: 675px`
		36	`}`
		37
		38	`.heading {`
		39	`background-color: var(--dark-color);`
		40	`accent-color: var(--dark-color);`
		41	`border-radius: 3px 15px 3px 3px;`
		42	`/* max-width: 610px; */`
		43	`padding: 5px;`
		44	`color: white;`
		45	`}`
		46
		47	`ul {`
		48	`/* max-width: 580px; */`
		49	`}`
		50
		51	`.accent {`
		52	`background-color: var(--dark-color);`
		53	`accent-color: var(--dark-color);`
		54	`}`
		55
		56	`.pageheader {`
		57	`max-width: 610px;`
		58	`padding: 10px;`
		59	`border-radius: 5px 35px 5px 5px;`
		60	`margin-bottom: 4px;`
		61	`}`
		62
		63	`.sp0 {display:flex; max-width:700px;}`
		64	`.spLeft {`
		65	`float:left;`
		66	`display: flex;`
		67	`width:65%;`
		68	`font-size: x-small;`
		69	`}`
		70
		71	`.spRight {`
		72	`float:right;`
		73	`width:35%;`
		74	`text-align:right;`
		75	`font-size: x-small;`
		76	`}`
		77
		78	`.autoload {`
		79	`color: rgba(255,255,255, .9);`
		80	`}`
		81
		82	`input[type=radio] {`
		83	`opacity: 75%;`
		84	`}`
		85
		86	`h1 {`
		87	`color: white;`
		88	`font-style: italic;`
		89	`font-weight: bold;`
		90	`text-shadow: 2px 2px 4px #000000;`
		91	`margin: 0;`
		92	`}`
		93
		94	`h5 {`
		95	`font-size: x-small;`
		96	`margin: 0;`
		97	`line-height: 200%;`
		98	`}`
		99
		100	`.footer {`
		101	`font-size: xx-small;`
		102	`font-weight: bold;`
		103	`}`
		104
		105	`a {`
		106	`color: var(--dark-color);`
		107	`text-decoration: none;`
		108	`white-space: nowrap;`
		109	`}`
		110
		111
		112	`a:hover {`
		113	`text-decoration: underline;`
		114	`cursor: pointer;`
		115	`}`
		116
		117	`.nowrap {`
		118	`white-space: nowrap;`
		119	`margin: auto;`
		120	`}`
		121
		122	`input[type=text],`
		123	`input[type=number],`
		124	`input[type=password],`
		125	`input[type=time],`
		126	`input[type=date],`
		127	`select,`
		128	`textarea`
		129	`{`
		130	`font-size: small;`
		131	`padding: 2px;`
		132	`border: 1px solid var(--medium-color);`
		133	`border-radius: 4px;`
		134	`box-sizing: border-box;`
		135	`outline: none;`
		136	`color: var(--dark-color);`
		137	`}`
		138
		139	`input[type=text]:focus,`
		140	`input[type=number]:focus,`
		141	`input[type=password]:focus,`
		142	`input[type=time]:focus,`
		143	`input[type=date]:focus,`
		144	`select:focus,`
		145	`textarea:focus {`
		146	`border: 1px solid var(--dark-color);`
		147	`}`
		148
		149
		150	`button,`
		151	`input[type=button],`
		152	`input[type=reset],`
		153	`input[type=submit] {`
		154	`background-color: var(--medium-color);`
		155	`border: none;`
		156	`color: var(--dark-color);`
		157	`padding: 4px 16px;`
		158	`text-decoration: none;`
		159	`margin: 4px 2px;`
		160	`border-radius: 15px;`
		161	`font-weight: bold;`
		162	`box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);`
		163	`cursor: pointer;`
		164	`font-size: xx-small;`
		165	`vertical-align: middle;`
		166	`}`
		167
		168	`button:hover, input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {`
		169	`background-color: var(--dark-color);`
		170	`color: var(--medium-color);`
		171	`box-shadow: -2px -2px 4px var(--light-color);`
		172	`vertical-align: middle;`
		173	`}`
		174
		175	`.inputfile {`
		176	`width: 0.1px;`
		177	`height: 0.1px;`
		178	`opacity: 0;`
		179	`overflow: hidden;`
		180	`position: absolute;`
		181	`z-index: -1;`
		182	`}`
		183
		184	`.inputfile + label {`
		185	`background-color: var(--medium-color);`
		186	`border: none;`
		187	`color: var(--dark-color);`
		188	`padding: 4px 16px;`
		189	`text-decoration: none;`
		190	`margin: 4px 2px;`
		191	`border-radius: 15px;`
		192	`font-weight: bold;`
		193	`box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);`
		194	`cursor: pointer;`
		195	`font-size: x-small;`
		196	`display: inline-block;`
		197	`}`
		198
		199	`.inputfile + label * {`
		200	`pointer-events: none;`
		201	`}`
		202
		203	`.inputfile:focus + label,`
		204	`.inputfile + label:hover {`
		205	`background-color: var(--dark-color);`
		206	`color: var(--medium-color);`
		207	`box-shadow: -2px -2px 4px var(--light-color);`
		208	`}`
		209
		210	`.bold {`
		211	`font-weight: bold;`
		212	`}`
		213
		214	`.success {`
		215	`font-size: small;`
		216	`font-weight: bold;`
		217	`color: green;`
		218	`}`
		219
		220	`.error {`
		221	`font-size: small;`
		222	`font-weight: bold;`
		223	`color: crimson;`
		224	`}`
		225
		226	`.hint {`
		227	`font-size: small;`
		228	`font-style: italic;`
		229	`color: darkgray;`
		230	`}`
		231
		232	`.top {`
		233	`vertical-align: top;`
		234	`}`
		235	`.rTable {`
		236	`display: table;`
		237	`padding: 0;`
		238	`border: 0;`
		239	`border-spacing: 0;`
		240	`margin: 0;`
		241	`min-width: 80%;`
		242	`}`
		243	`.rTableRow { display: table-row; }`
		244	`.rTableRowSpan { display: table-row; column-span: all; }`
		245	`.rTableHeading {`
		246	`display: table-header-group;`
		247	`}`
		248	`.rTableHead {`
		249	`display: table-cell;`
		250	`color: white;`
		251	`background-color: var(--dark-color);`
		252	`font-style: italic;`
		253	`font-size: small;`
		254	`text-shadow: 1px 1px 2px #000000;`
		255	`text-align: left;`
		256	`white-space: nowrap;`
		257	`padding: 3px 12px;`
		258	`}`
		259
		260	`.rTableHead:first-child {`
		261	`border-radius: 5px 0 0 0;`
		262	`}`
		263
		264	`.rTableHead:last-child {`
		265	`border-radius: 0 20px 0 0;`
		266	`}`
		267
		268	`.rTableBody { display: table-row-group; }`
		269	`.rTableFoot { display: table-footer-group; }`
		270	`.rTableCell {`
		271	`display: table-cell;`
		272	`color: var(--dark-color);`
		273	`font-size: x-small;`
		274	`text-align: left;`
		275	`padding: 5px 12px;`
		276	`}`
		277
		278	`.rTableCellr {`
		279	`display: table-cell;`
		280	`color: var(--dark-color);`
		281	`font-size: x-small;`
		282	`text-align: left;`
		283	`padding: 5px 12px;`
		284	`}`
		285	`.rTableCellr:first-child {`
		286	`text-align: right;`
		287	`}`
		288
		289	`.quarters {`
		290	`width: 25%;`
		291	`}`
		292
		293	`.right {`
		294	`text-align: right;`
		295	`}`
		296
		297	`.shaded:nth-child(odd) {`
		298	`background-color: var(--light-color);`
		299	`}`
		300
		301	`.shaded:nth-child(even) {`
		302	`background-color: white;`
		303	`}`
		304
		305	`.shaded:hover {`
		306	`background-color: var(--highlight);`
		307	`}`
		308
		309	`.highlighted {`
		310	`background-color: var(--hl-light);`
		311	`}`
		312
		313	`.highlighted:hover {`
		314	`background-color: var(--hl-dark);`
		315	`}`
		316
		317	`tr.highlighted {`
		318	`background: var(--hl-light);`
		319	`}`
		320
		321	`.filters {`
		322	`background-color: var(--medium-color);`
		323	`}`
		324
		325	`table {`
		326	`padding: 0;`
		327	`border: 0;`
		328	`border-spacing: 0;`
		329	`margin: 0;`
		330	`}`
		331
		332	`tr:nth-child(odd).shaded {`
		333	`background-color: var(--light-color);`
		334	`}`
		335
		336	`tr:nth-child(even).shaded {`
		337	`background: white;`
		338	`}`
		339
		340	`th {`
		341	`color: white;`
		342	`background-color: var(--dark-color);`
		343	`font-style: italic;`
		344	`font-size: small;`
		345	`text-shadow: 1px 1px 2px #000000;`
		346	`text-align: left;`
		347	`white-space: nowrap;`
		348	`}`
		349
		350	`td {`
		351	`color: var(--dark-color);`
		352	`font-size: x-small;`
		353	`text-align: left;`
		354	`}`
		355
		356	`td.filters .filters {`
		357	`background-color: var(--medium-color);`
		358	`}`
		359
		360
		361	`.switch {`
		362	`position: relative;`
		363	`display: inline-block;`
		364	`width: 30px;`
		365	`height: 17px;`
		366	`}`
		367
		368	`/* Hide default HTML checkbox */`
		369	`.switch input {`
		370	`opacity: 0;`
		371	`width: 0;`
		372	`height: 0;`
		373	`}`
		374
		375	`/* The slider */`
		376	`.slider {`
		377	`position: absolute;`
		378	`cursor: pointer;`
		379	`top: 0;`
		380	`left: 0;`
		381	`right: 0;`
		382	`bottom: 0;`
		383	`background-color: #ccc;`
		384	`-webkit-transition: .4s;`
		385	`transition: .4s;`
		386	`}`
		387
		388	`.slider:before {`
		389	`position: absolute;`
		390	`content: "";`
		391	`height: 13px;`
		392	`width: 13px;`
		393	`left: 2px;`
		394	`bottom: 2px;`
		395	`background-color: white;`
		396	`-webkit-transition: .4s;`
		397	`transition: .4s;`
		398	`}`
		399
		400	`input:checked + .slider {`
		401	`background-color: #2196F3;`
		402	`}`
		403
		404	`input:focus + .slider {`
		405	`box-shadow: 0 0 1px #2196F3;`
		406	`}`
		407
		408	`input:checked + .slider:before {`
		409	`-webkit-transform: translateX(13px);`
		410	`-ms-transform: translateX(13px);`
		411	`transform: translateX(13px);`
		412	`}`
		413
		414	`/* Rounded sliders */`
		415	`.slider.round {`
		416	`border-radius: 17px;`
		417	`}`
		418
		419	`.slider.round:before {`
		420	`border-radius: 50%;`
		421	`}`

Subversion Repositories ORC

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