diff options
| author | Jacob McDonnell <jacob@simplelittledream.com> | 2022-02-13 14:08:30 -0500 |
|---|---|---|
| committer | Jacob McDonnell <jacob@simplelittledream.com> | 2022-02-13 14:08:30 -0500 |
| commit | f3e34894694ff9446f23d518f58c7053e157b737 (patch) | |
| tree | cac65f15caf45771cc561430a33011f9cda80dfb /CSS | |
| parent | 5495d29c5c49616ef2705e72d4fa90fd647f6117 (diff) | |
Updated CSS for Code Tag and ul Tag
Diffstat (limited to 'CSS')
| -rw-r--r-- | CSS/main.css | 39 |
1 files changed, 27 insertions, 12 deletions
diff --git a/CSS/main.css b/CSS/main.css index 1f5f27d..3e32aa8 100644 --- a/CSS/main.css +++ b/CSS/main.css @@ -2,6 +2,7 @@ /* * Color scheme * Background color: #eaefef + * Code background: #d4d9d9 * Main color: #00558e * Secondary color: #0b3075 */ @@ -20,7 +21,7 @@ a{ color: #00558e; } - ul{ + ul.topBar{ text-transform:uppercase; margin:0; padding:0; @@ -28,21 +29,22 @@ background-color:#00558e; list-style-type:none; } - li{ + li.topLink{ float:left; } - li a{ + li.topLink a{ display:block; color:#eaefef; text-align:center; padding:14px 16px; text-decoration:none; } - li a:hover{ + li.topLink a:hover{ background-color:#0b3075; } .main{ margin:auto; + width: 60%; } .search{ padding:12px 20px 12px; @@ -57,15 +59,21 @@ border-color:#00558e; } + pre code { + background-color: #d4d9d9; + border: 1px solid #999; + display: block; + padding: 20px; + } .icon{ font-size:200px; margin-top:10px; margin-bottom:10px; } - @media only screen and (min-width: 1440px){ + @media only screen and (max-width: 838px){ .main{ margin:auto; - width:60%; + width:90%; } } @media only screen and (min-height: 1440px){ @@ -109,7 +117,7 @@ a{ color: #eaefef; } - ul{ + ul.topBar{ text-transform:uppercase; margin:0; padding:0; @@ -117,21 +125,22 @@ background-color:#00558e; list-style-type:none; } - li{ + li.topLink{ float:left; } - li a{ + li.topLink a{ display:block; color:#eaefef; text-align:center; padding:14px 16px; text-decoration:none; } - li a:hover{ + li.topLink a:hover{ background-color:#0b3075; } .main{ margin:auto; + width:60%; } .search{ padding:12px 20px 12px; @@ -146,15 +155,21 @@ border-color:#00558e; } + pre code { + background-color: #081417; + border: 1px solid #999; + display: block; + padding: 20px; + } .icon{ font-size:200px; margin-top:10px; margin-bottom:10px; } - @media only screen and (min-width: 1440px){ + @media only screen and (max-width: 838px){ .main{ margin:auto; - width:60%; + width:90%; } } @media only screen and (min-height: 1440px){ |