• file
• latest
• revisions
• annotate
• diff
• comparison
• raw

site/style.css@5322f0778cb1 (annotated)

site/style.css

Thu, 02 Jan 2020 03:55:00 -0700

author

Glitchvid <Glitchvid@glitchvid.com>

date

Thu, 02 Jan 2020 03:55:00 -0700

changeset 2

5322f0778cb1

parent 1

0a8d8d1522b7

child 4

f43055fb4a5c

permissions

-rw-r--r--

- Add Features index properly
- Set tool icons to float right

0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	1	body {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	2	background-color:#202020;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	3	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	4
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	5	div.main {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	6	width:1280px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	7	margin-right: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	8	margin-left: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	9	max-width: 100%;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	10	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	11
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	12	/* Header Styles */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	13	img.headerlogo {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	14	width: 293px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	15	height: 96px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	16	display:block;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	17	margin:auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	18	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	19	ul.buttons {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	20	color:#fafafa;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	21	padding: 0px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	22	margin: 0px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	23	border-bottom-color: #373737;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	24	border-bottom-width: 1px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	25	border-bottom-style: solid;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	26	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	27	ul.buttons li {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	28	font-family: 'Arimo', sans-serif;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	29	font-size: 18px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	30	font-weight: 400;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	31	list-style-type: none;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	32	text-transform: uppercase;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	33	display: inline-block;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	34	padding: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	35	padding-left: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	36	padding-right: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	37	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	38	ul.buttons li:hover {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	39	background-color: #484848;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	40	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	41	li.active{
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	42	border-bottom-color: #f79a10;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	43	border-bottom-width: 1px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	44	border-bottom-style: solid;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	45	background-color: #484848;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	46	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	47	ul.buttons a {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	48	color:#FAFAFA;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	49	text-decoration: none;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	50	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	51
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	52
2 5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	53	/* Features Nav */
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	54	ul.featuresNav{
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	55	list-style-type: none;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	56	padding: inherit;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	57	font-size: inherit;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	58	}
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	59	ul.featuresNav a{
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	60	color:#FAFAFA;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	61	text-decoration: none;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	62	}
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	63	ul.featuresNav h1{
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	64	font-size:2em;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	65	margin-top: .1em;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	66	}
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	67	div.featureShowcaseContainer {
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	68
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	69	}
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	70	img.featureShowcase{
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	71
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	72	}
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	73
0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	74	/* Text Styles */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	75	div.content {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	76	font-family: 'Lato', sans-serif;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	77	color:#fafafa;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	78	margin: 1em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	79	margin-right: 4em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	80	word-wrap: break-word;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	81	overflow-wrap: break-word;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	82	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	83	div.content h1 {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	84	margin-bottom: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	85	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	86	div.content h3 {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	87	margin-top: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	88	margin-bottom: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	89	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	90	div.content h4 {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	91	margin-top: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	92	margin-bottom: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	93
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	94	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	95	div.content p {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	96	margin: 1em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	97	margin-top: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	98	margin-bottom: .25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	99	font-size: 0.875em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	100	}
1 0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	101	#textNotice {
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	102	width: max-content;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	103	background-image: url("missing_5p.png");
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	104	padding: 0.3em;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	105	border-radius: 4px;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	106	border-color: #f800f8d4;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	107	border-style: dashed;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	108	border-width: 1px;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	109	margin-left: 2em;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	110	margin-right: 2em;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	111	padding-right: 10%;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	112	}
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	113
0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	114
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	115	/* Footer Styles */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	116	div.footer {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	117	color:#fafafa;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	118	border-top-color: #373737;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	119	border-top-width: 1px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	120	border-top-style: solid;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	121	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	122	div.footer p{
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	123	font-family: "Arial", sans-serif;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	124	text-align: right;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	125	font-size: 12px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	126	margin-top: 16px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	127	margin-right: 2em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	128	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	129
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	130
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	131	/* Main Body Content Styles */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	132	hr {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	133	display: block;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	134	margin-top: 0.5em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	135	margin-bottom: 0.5em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	136	margin-left: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	137	margin-right: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	138	border-style: none;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	139	border-width: 0px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	140	border-bottom-color: #373737;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	141	border-bottom-style: solid;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	142	border-bottom-width: 1px;
2 5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	143	}
0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	144	div.contentSection {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	145	border-color: #282828;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	146	border-style: solid;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	147	border-width: 1px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	148	border-radius: 3px;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	149	padding: 0.25em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	150	/* width: max-content; */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	151	background-color: #1e1e1e;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	152	margin-bottom: 0.5em;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	153	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	154	div.contentSection a {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	155	color:#fafafa;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	156	text-decoration: none;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	157	}
2 5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	158	img.toolIconSM {
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	159	float: right;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	160	margin-right: .25em;
5322f0778cb1 - Add Features index properly Glitchvid <Glitchvid@glitchvid.com> parents: 1 diff changeset	161	}
0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	162
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	163	/* Media Styles */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	164	div.mediaContainer {
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	165	margin-left: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	166	margin-right: auto;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	167	width: max-content;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	168	max-width: 100%;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	169	}
1 0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	170	div.mediaContainer video {
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	171	max-width: 100%;
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	172	}
0a8d8d1522b7 - Add Material Editor Glitchvid <Glitchvid@glitchvid.com> parents: 0 diff changeset	173	img.mediaImage {
0 c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	174	max-width: 100%;
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	175	}
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	176
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	177	/* External Fonts */
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	178	@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');
c1d19a9b477c - Initial Glitchvid <Glitchvid@glitchvid.com> parents: diff changeset	179	@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&display=swap');