From 62cd79f8ab88b19c1385efe285349ea2bf8a9c93 Mon Sep 17 00:00:00 2001 From: Wuraola Date: Mon, 21 Oct 2019 14:41:47 +0100 Subject: [PATCH] forum webpage --- forum.css | 152 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 152 insertions(+) create mode 100644 forum.css diff --git a/forum.css b/forum.css new file mode 100644 index 0000000..5bd6068 --- /dev/null +++ b/forum.css @@ -0,0 +1,152 @@ +@charset "utf-8"; +/* CSS Document */ + +body { + + background-color:grey; +} + + +ul li { + + float: right; + margin: 30px; + list-style-type: none; + color: white; + /* margin-bottom: 20px;*/ + margin-top:0px; + + +} + +a{ + text-decoration: none; + color:black; + +} + +header{ + + border:1px solid grey; + height: 45px; + width: 100%; + padding: 10px 16px; + background-color:whitesmoke; + border-radius: 0.5em; +} + +.forum1{ + + background-image: url(forum.jpg); + border:1px solid grey; + height: 150px; + width: 100%; + border-radius: 0.5em; + + +} + +.forum2{ + width: 100%; + height: 30px; + border:1px solid whitesmoke; + background-color: rgba(245, 245, 245, 0.712); + + border-radius: 0.5em; + +} + + + +.box #top{ + height: 200px; + width: 250px; + margin-top: 90px; + background-color:white; + border:1px solid grey; + float:right; + background-image: url(health.jpg); + + +} + +.box #bottom { + + height: 200px; + width: 250px; + margin-top: 400px; + + background-color:white; + border:1px solid grey; + float: right; + margin-right:-280px; + +} + +/*#toff{ + + + height: 200px; + width: 250px; + margin-top: 800px; + + background-color:white; + border:1px solid grey; + float: right; + margin-right:-280px; + + +}*/ +.wura{ + + + width: 70%; + height: 100px; + background-color: white; + margin-top: 70px; +} + +.miguel{ + width: 70%; + height: 100px; + background-color: white; + margin-top: 30px; +} + +.goerge { + width: 70%; + height: 100px; + background-color: white; + margin-top: 30px; +} + +.argun { + width: 70%; + height: 100px; + background-color: white; + margin-top: 30px; +} + +.abdul{ + width: 70%; + height: 100px; + background-color: white; + margin-top: 30px; +} +.raaga{ + width: 70%; + height: 100px; + background-color: white; + margin-top: 30px; + +} + +footer{ + border:2px solid black; + width: 100%; + height: 35px; + margin-top: 20px; + background-color: black; + color:white; + +} \ No newline at end of file