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

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

Subversion Repositories PEEPS

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