commit 1c65f1cd640b2ee751bef845a0137ab51ff25059 Author: Mihaeļs Mejerovs Date: Tue May 21 17:50:03 2024 +0000 Upload files to "/" diff --git a/main.css b/main.css new file mode 100644 index 0000000..bd72b61 --- /dev/null +++ b/main.css @@ -0,0 +1,8 @@ +@font-face { + font-family: Pix; + src: url("../fonts/GGWP.ttf"); + } + + body { + font-family: Pix; + } \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..786dbf6 --- /dev/null +++ b/style.css @@ -0,0 +1,115 @@ +body{ + height: 100%; + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + background-color: #F2F2F2; + + } +html { + height: 100%; + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + + +.panel { + color: red; +} + +.panel ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #066163; + } + +.panel li { + float: left; + font-size: 150%; + text-align: center; + +} + +.panel li a { + display: block; + color: #F2F2F2; + text-align: center; + padding: 20px 22px; + text-decoration: none; + + + } + +.panel li a:hover { + + color: #CDBE78; + } + + .glavfoto { + background-image: url("https://www.minecraft.net/content/dam/community/fy21/minecraft/heroimages/hero_cityoflight-081220.png"); + height: 100%; + width: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; +} + +.glavtex { + text-align: center; + position: absolute; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + color: #EEEEEE; +} + +.glavp { + font-size: 100px; + margin: 1px; + color: #066163; + font-weight: bold; + text-align: center; +} + +.center { + margin-left: 25%; + margin-right: 25%; + +} + +.oglavlenije { + font-size: 40px; + text-align: center; + font-weight: bold; + +} +.samtext { + font-size: 20px; +} + +.foto1 { + float: left; + width: 33%; +} + +footer { + left: 0; + bottom: 0; + width: 100%; + height: 35px; + + background-color: #066163; + color: #F2F2F2; + text-align: center; + font-size: 20px; + +} + +.masik { + text-align: center; + font-size: 25px; + color: #066163; +} +