From de922a60ec8bc7181da504d99babe351badca3a4 Mon Sep 17 00:00:00 2001 From: mirischoeb Date: Thu, 15 Jun 2023 12:43:36 +0200 Subject: [PATCH] Update 'howtobeasocialjusticewarrior/style.css' --- howtobeasocialjusticewarrior/style.css | 205 +++++++++++++++++++++++++ 1 file changed, 205 insertions(+) diff --git a/howtobeasocialjusticewarrior/style.css b/howtobeasocialjusticewarrior/style.css index e69de29..636d9fd 100644 --- a/howtobeasocialjusticewarrior/style.css +++ b/howtobeasocialjusticewarrior/style.css @@ -0,0 +1,205 @@ +@import url("main.css"); + + +body{ + color:black; +} + +#wrapper { + background-color:white; +} + +/*header*/ + +header{padding-bottom:2%;} + +header h1{float:none;} + +#homebttn{ + background-color: inherit; + text-align:right; + color:black; + position:absolute; + top:0; + right:0; + margin-right:6%; + margin-top:15px; + padding:0.3% 0 0 0.3%; + font-size:0.6em; + z-index:44; +} + + +#project-title { + font-size:1.4em; + line-height:135%; + margin-bottom:1%; +} + +#student-name { + margin-bottom:0; + font-weight:normal; + font-size:0.8em; +} + +a#student-page{color:black;} + +#hleft-text{ + overflow-y:auto; + overflow-x:hidden; + padding-right:1%; + box-sizing:border-box; + cursor:default; + +} + +#ihtp{ + margin-top:3%; + width:80%; + color:black; +} + +#about-student{ + width:95%; + color:#2f2f2f; + font-size:1em; + font-style:italic; +} + +object{ + padding-bottom:7%; +} + +hr{ + width:50%; + color:#ccc; +} + +.show{ + font-size:1em; +} + +#project-link{ + color:black; +} + + +/*section*/ + +section#main{ + overflow:auto; + padding-left:1.5%; +} + +#galleries{ + padding-top:3%; +} + +.gal-title{ + font-size:0.8em; +} + +#publist { + line-height:80%; +} + +#galleries li, #galleries p{ + color:black; + font-size:0.9em;; +} + +.workimg{ + max-width: 47%; + height: auto; + padding: 0.5% 0.5% 0.5% 0; +} + +@media all and (min-width: 600px) and (max-width: 720px){ + +#galleries{ + padding-top:1%; +} + +#galleries li, #galleries p{ + font-size:0.8em; +} + +} + +@media all and (min-width: 720px) and (max-width: 992px){ + +#galleries{ + padding-top:1%; +} + +#galleries li, #galleries p{ + font-size:0.8em;; +} + +} + +@media all and (max-width: 992px){ + +/*header*/ +#sub{ + width:30%; + padding-right:5%; + white-space:normal; +} + +#student-name{ + line-height:125%; +} + +#ihtp, #about-student, #ihtp a{ + color:white; +} + +} + +@media all and (min-width: 992px){ + + +#homebttn{ + margin-right:3%; + margin-top:0.7%; +} + +/*header*/ + + +#student-name { + font-size:0.6em; +} + + +/*main*/ +section#main{ + width:74%; + left:27%; + + +} + +#galleries{ + padding-left:1%; +} + +#galleries li, #galleries p{ + font-size:0.62em; +} + +} + +@media all and (min-width: 1400px){ + +#galleries li, #galleries p{ + font-size:0.55em; +} + +.gal-title{ + font-size:0.73em; +} + + +} \ No newline at end of file