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

Subversion Repositories ORC

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