From 47ee93c9305bb2edf9950fe07753d4c13f7a1104 Mon Sep 17 00:00:00 2001 From: Eve Stockstill Date: Thu, 15 Aug 2019 19:43:27 -0700 Subject: [PATCH] changes --- css/main.css | 221 ++++++++++++++++++++++++--------------------------- 1 file changed, 103 insertions(+), 118 deletions(-) diff --git a/css/main.css b/css/main.css index 96e0174..bf55d3e 100644 --- a/css/main.css +++ b/css/main.css @@ -12,10 +12,11 @@ @import url(https://fonts.googleapis.com/css?family=Indie+Flower); html { - color: pink; - font-size: 1em; - line-height: 1.4; - font-family: 'Indie Flower', cursive; + color: pink; + background: rebeccapurple; + font-size: 1em; + line-height: 1.4; + font-family: 'Indie Flower', cursive; } /* @@ -27,13 +28,13 @@ html { */ ::-moz-selection { - background: #b3d4fc; - text-shadow: none; + background: #b3d4fc; + text-shadow: none; } ::selection { - background: #b3d4fc; - text-shadow: none; + background: #b3d4fc; + text-shadow: none; } /* @@ -41,12 +42,12 @@ html { */ hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; } /* @@ -61,7 +62,7 @@ iframe, img, svg, video { - vertical-align: middle; + vertical-align: middle; } /* @@ -69,9 +70,9 @@ video { */ fieldset { - border: 0; - margin: 0; - padding: 0; + border: 0; + margin: 0; + padding: 0; } /* @@ -79,7 +80,7 @@ fieldset { */ textarea { - resize: vertical; + resize: vertical; } /* ========================================================================== @@ -87,32 +88,16 @@ textarea { ========================================================================== */ .browserupgrade { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ - - - - - - - - - - - - - - - - /* ========================================================================== Helper classes ========================================================================== */ @@ -122,7 +107,7 @@ textarea { */ .hidden { - display: none !important; + display: none !important; } /* @@ -131,14 +116,14 @@ textarea { */ .visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } /* @@ -149,12 +134,12 @@ textarea { .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } /* @@ -162,7 +147,7 @@ textarea { */ .invisible { - visibility: hidden; + visibility: hidden; } /* @@ -179,12 +164,12 @@ textarea { .clearfix:before, .clearfix:after { - content: " "; /* 1 */ - display: table; /* 2 */ + content: ' '; /* 1 */ + display: table; /* 2 */ } .clearfix:after { - clear: both; + clear: both; } /* ========================================================================== @@ -194,14 +179,14 @@ textarea { ========================================================================== */ @media only screen and (min-width: 35em) { - /* Style adjustments for viewports that meet the condition */ + /* Style adjustments for viewports that meet the condition */ } @media print, - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 1.25dppx), - (min-resolution: 120dpi) { - /* Style adjustments for high resolution devices */ + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 1.25dppx), + (min-resolution: 120dpi) { + /* Style adjustments for high resolution devices */ } /* ========================================================================== @@ -211,74 +196,74 @@ textarea { ========================================================================== */ @media print { - *, - *:before, - *:after, - *:first-letter, - *:first-line { - background: transparent !important; - color: #000 !important; /* Black prints faster: + *, + *:before, + *:after, + *:first-letter, + *:first-line { + background: transparent !important; + color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ - box-shadow: none !important; - text-shadow: none !important; - } + box-shadow: none !important; + text-shadow: none !important; + } - a, - a:visited { - text-decoration: underline; - } + a, + a:visited { + text-decoration: underline; + } - a[href]:after { - content: " (" attr(href) ")"; - } + a[href]:after { + content: ' (' attr(href) ')'; + } - abbr[title]:after { - content: " (" attr(title) ")"; - } + abbr[title]:after { + content: ' (' attr(title) ')'; + } - /* + /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } + a[href^='#']:after, + a[href^='javascript:']:after { + content: ''; + } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } - /* + /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ - thead { - display: table-header-group; - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } }