diff --git a/style.css b/style.css index 4360f68..801ea4c 100644 --- a/style.css +++ b/style.css @@ -2,8 +2,131 @@ HTML content. To learn how to do something, just try searching Google for questions like "how to change link color." */ + body { - background-color: white; - color: black; + background-color: black; + color: #00ACAC; font-family: Verdana; -} \ No newline at end of file + margin: 0; + width:100%; + height:100%; +} +#intotitle{ + text-align: center; + size: 50pt; +} +#backgroundSim{ + position: absolute; + top:0; + left:0; + width: 100%; + height: 100%; + z-index: -1; +} + +div#imagelinks{ + position: fixed; + bottom:0; +} + +div#mainview{ + height:83vh; + padding-left:25%; + padding-right:25%; +} + +div#postarea{ + /*position: absolute; + left: 25%; + right:25%; + */ + height: 50pc; + text-align: center; + + border-style: dashed; + border-radius: 5pc; + border-color: aqua; + height: 40vh; + overflow: scroll; + scroll-behavior: auto; + float:center; + scrollbar-width: thin; + + margin-bottom: 10px; +} + +::-webkit-scrollbar-track{ + height: 25%; +} + + +div#blogList{ + display: flex; + align-items: center; + width:100%; + +} + +#blogList ul{ + padding-right: 5%; + padding-left: 5%; + list-style: none; + text-align: center; + width:inherit; +} + + + +div#post{ + background-color: #223344; + border-radius: 25px; + word-wrap:break-word; + margin-bottom: 5px; + border-color: #225555; + border-style: solid; +} + +#post ul, a{ + color: #ACACAC; +} + +img#post{ + width: 50%; + height: 50%; + border-radius: 5%; +} + +#bio{ + border-style:groove; + border-radius: 10px; + border-color: #442255; + padding-left: 5%; + padding-right: 5%; + height: 45%; +} + +#bioHeader{ + text-align: center; + +} + +#memberList{ + padding-left: 5%; +} +@media (min-width: 1000px){ + div#postarea{ + position:absolute; + left: 5%; + right: 51%; + top: 15%; + height: 70% + + } + #bio{ + position: absolute; + right:5%; + left: 51%; + top:15%; + height:70%; + } +}