diff options
| author | s1n <[email protected]> | 2020-02-18 13:03:45 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-02-18 13:03:45 -0800 |
| commit | 83fbdd4f25f63fc4c52dc562608403c0d93acce0 (patch) | |
| tree | e1cc00d4c82383c4093701bb00ac02377b4cd47c /cs2-roofing/main.css | |
| parent | Create LICENSE (diff) | |
| download | cs2-83fbdd4f25f63fc4c52dc562608403c0d93acce0.tar.xz cs2-83fbdd4f25f63fc4c52dc562608403c0d93acce0.zip | |
roofing
Diffstat (limited to 'cs2-roofing/main.css')
| -rw-r--r-- | cs2-roofing/main.css | 214 |
1 files changed, 214 insertions, 0 deletions
diff --git a/cs2-roofing/main.css b/cs2-roofing/main.css new file mode 100644 index 0000000..78ed6d2 --- /dev/null +++ b/cs2-roofing/main.css @@ -0,0 +1,214 @@ +html, body {
+ transition: 0.5s;
+ background: black;
+}
+
+html {
+ overflow: hidden;
+}
+
+.header {
+ background: #585858;
+
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 145px;
+}
+
+#h-text, #h-text-2, #h-text-3, #h-text-4 {
+ color: white;
+ font-size: 40px;
+ margin: auto;
+ position: relative;
+ display: inline;
+}
+
+#h-text {
+ left: 0.5%;
+}
+
+.red-seperator {
+ background: #9B1C1D;
+ position: relative;
+ left: 0.5%;
+ width: 195px;
+ height: 47px;
+ box-shadow: 2px 1px 3px white;
+}
+
+#h-text-2 {
+ left: 7%;
+}
+
+#h-text-3, #h-text-4 {
+ left: 27%;
+ top: -90px;
+ font-size: 25px;
+}
+
+#h-text-4 {
+ position: relative;
+ left: 32%;
+}
+
+.header a {
+ text-decoration: none;
+ color: white;
+ font-weight: bold;
+ display: inline;
+ font-size: 17px;
+}
+
+p {
+ display: inline;
+ color: white;
+ font-size: 17px;
+}
+
+.menubar {
+ position: relative;
+ top: -35%;
+ left: 35%;
+}
+
+#h-icon {
+ font-weight: normal;
+}
+
+.split-bar-x {
+ height: 1.7px;
+ width: 100%;
+
+ background-color: grey;
+ position: absolute;
+ left: 0;
+ top: 146.8px;
+}
+
+.services {
+ position: relative;
+ color: white;
+
+ top: 155px;
+ left: 5px;
+ width: 270px;
+}
+
+.services p {
+ font-size: 20px;
+ font-weight: bold;
+}
+
+span {
+ font-size: 16px;
+ font-weight: normal;
+}
+
+.split-bar-y {
+ height: 100%;
+ width: 1px;
+
+ background-color: grey;
+ position: absolute;
+ left: 300px;
+ top: 146.8px;
+}
+
+.main-contents {
+ position: relative;
+ left: 45%;
+ top: -250px;
+}
+
+#main-para {
+ position: relative;
+ left: 50%;
+ top: -200px
+}
+
+img {
+ position: absolute;
+}
+
+#img-1 {
+ left: 39%;
+ top: 320px;
+ width: 130px;
+}
+
+#img-2 {
+ left: 50%;
+ top: 420px;
+ width: 180px;
+}
+
+#img-3 {
+ left: 65%;
+ top: 420px;
+ width: 200px;
+}
+
+#img-4 {
+ left: 62%;
+ top: 300px;
+ width: 100px;
+}
+
+#img-5 {
+ left: 62.5%;
+ top: 217px;
+ width: 90px;
+}
+
+#img-6 {
+ left: 70.5%;
+ top: 327px;
+ width: 90px;
+}
+
+#img-7 {
+ left: 70.5%;
+ top: 257px;
+ width: 90px;
+}
+
+.footer {
+ background: #585858;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 20%;
+
+ text-align: center;
+}
+
+.split-bar-x-2 {
+ height: 1.7px;
+ width: 100%;
+
+ background-color: red;
+ position: absolute;
+ left: 0;
+ bottom: 176.55px;
+}
+
+#f-i-1 {
+ position: absolute;
+ left: 18px;
+ bottom: 50px;
+}
+
+#f-i-2 {
+ position: absolute;
+ right: 18px;
+ bottom: 95px;
+}
+
+#f-i-3 {
+ position: absolute;
+ right: 18px;
+ bottom: 25px;
+}
\ No newline at end of file |