From 6922243768ed8621270f1b111a6f2630d688e787 Mon Sep 17 00:00:00 2001 From: 8cy <50817549+8cy@users.noreply.github.com> Date: Fri, 8 May 2020 20:41:21 -0700 Subject: new terminal thing stage 3 --- style.css | 322 ++++++++++++++++++++++++-------------------------------------- 1 file changed, 122 insertions(+), 200 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 2244541..c30030a 100644 --- a/style.css +++ b/style.css @@ -1,221 +1,143 @@ -video#video { - position: fixed; - top: 50%; - left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - z-index: -100; - transform: translateX(-50%) translateY(-50%); - background-size: cover; -} - -.black { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 10; - background: rgba(0, 0, 0, 0.7); -} - -html, body { - padding: 0; - margin: 0; - background-size:cover; - overflow: hidden; -} - -* { --webkit-user-select: none; --khtml-user-select: none; --moz-user-select: none; --o-user-select: none; -user-select: none; -} +/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your + HTML content. To learn how to do something, just try searching Google for questions like + "how to change link color." */ @font-face { - font-family: 'Bebas Neue'; - font-style: normal; - font-weight: normal; - src: local('Bebas Neue'), url('BebasNeue.woff') format('woff'); - } - -@font-face { - font-family: 'CaviarDreams'; - font-style: normal; - font-weight: normal; - src: local('CaviarDreams'), url('CaviarDreams.woff') format('woff'); - } - -audio { - display:none; -} - -html, body { - margin:0; - padding:0; - height:100%; + font-family: DejaVuMono; /* Гарнитура шрифта */ + src: url(DejaVuSansMono.ttf); /* Путь к файлу со шрифтом */ + font-weight: bold; } -body { - background-attachment: fixed; - -} - -h1 { - font-family: 'CaviarDreams'; - color:#83F352; -} - -sup, h2, font { - font-family: 'CaviarDreams'; -} - -input { - font-family: 'CaviarDreams'; - color:black; - font-weight:bold -} - -form { color:black; -font-weight:bold} -#footer { - position:fixed; - right:0; - bottom:0; - margin:0; - padding:0; - width:75%; -} -#footer img {width:100%;} - -* { - font-famly: 'Courier New'; - color: white; -} -#b { - font-weight: bold; - color: black; -} - - -.centerContainer { - width: 1000px; - margin-left: auto; - margin-right: auto; -} - -#quoteText { - font-family: 'CaviarDreams'; - text-align: center; - font-size: 40px; - padding-top: 30px; -} - -#headText { - font-family: 'CaviarDreams'; - text-align: center; - font-size: 40px; - padding-top: 30px; -} - -#testo { - background-color: black; - border-style: solid; - text-align: center; - position: auto; - border-width: 2px; - font-size: 50%; - opacity: 0.5; - - -} +body +{ + color: #F4F0E8; + font-family: "DejaVuMono", "Lucida Console", "Helvetica", monospace; + background:url(grid.png) repeat #000; + font-size: 14px; + font-weight:bold; + line-height: 120%; + } +.my-div { display: none; } + +a#dot { + text-decoration: none; /* Убираем подчеркивание */ + border-bottom: 1px dashed #E3E389; /* Добавляем свою линию */ + line-height: 1.3em; + display: inline-block; + } + +a#dot:hover { + color: #F3F3CF!important; /* Цвет ссылки при наведении на нее курсора */ + } + +a { + color: #E3E389; + } -#divider { - height: 2px; - width: 400px; - margin-left: auto; - margin-right: auto; - background-color: white; - margin-top: 20px; - margin-bottom: 30px; +a:hover +{ +color: #F3F3CF; } -#divider2 { - height: 2px; - width: 400px; - margin-left: auto; - margin-right: auto; - background-color: gray; - margin-top: 20px; - margin-bottom: 30px; +a:visited, a:link, a:active +{ + color: #E3E389!important; + text-decoration: none; } -#logo { - width: 100%; -} -#List { - text-align: center; - margin-top: 30px; - overflow: hidden; - font-size: 35px; - height: calc(100% - 450px); - width: 500px; - margin-left: auto; - margin-right: auto; - padding-right: 6px; - font-family: 'CaviarDreams'; - + /* Mozilla based browsers */ +::-moz-selection { +background-color: #000000; +color: #C1B492; } - -#membersList { - text-align: center; - margin-top: 30px; - overflow: hidden; - font-size: 40px; - height: calc(100% - 450px); - width: 300px; - margin-left: auto; - margin-right: auto; - padding-right: 6px; - font-family: 'Bebas Neue'; +/* Works in Safari */ +::selection { +background-color: #000000; +color: #C1B492; } -#membersList:hover { - padding-right: 0px; - overflow: auto; +/* Works in Opera */ +::-o-selection { +background-color: #000000; +color: #C1B492; } - - -p { - font-family: 'CaviarDreams'; - color: white; +::-ms-selection { +background-color: #000000; +color: #C1B492; } +/* Works in Internet Explorer */ +::-webkit-selection { +background-color: #000000; +color: #C1B492; } -ul +main { + background:#000; + margin: 20px 5px 20px 5px; + padding: 20px; + width:800px; + height:600px; + box-shadow: 0px 5px 10px #000000; + overflow:auto; + display:block; + } + +.grid { - list-style-type: none; -} - -.bg {background-attachment:fixed; background-repeat: no-repeat; background-position:top right;background-size: cover;} - -.scrollbar::-webkit-scrollbar-track { - border-radius: 10px; - background-color: rgba(0, 0, 0, 0.3); -} - -.scrollbar::-webkit-scrollbar { - width: 6px; -} + position:fixed; + z-index:100; + display:block; + background:url('grid.png') repeat top; +} + +.modalDialog { + position: fixed; + font-family: "DejaVuMono", Helvetica, sans-serif; + font-size:15px; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0,0,0,0.8); + z-index: 99; + -webkit-transition: opacity 400ms ease-in; + -moz-transition: opacity 400ms ease-in; + transition: opacity 400ms ease-in; + display: none; + pointer-events: none; +} + +.modalDialog:target { + display: block; + pointer-events: auto; +} + +.modalDialog > div { + width: 512px; + position: relative; + margin: 5% auto; + padding: 10px 10px 10px 10px; + border: 5px solid #5B717C; + background: #041B23; +} + +.close { + background: none; + color: #FFFFFF; + line-height: 19px; + position: absolute; + right: -50px; + top: 512px; + width: 24px; + text-decoration: none; + font-weight: bold; + -moz-box-shadow: 1px 1px 3px #000; + -webkit-box-shadow: 1px 1px 3px #000; + box-shadow: 1px 1px 3px #000; +} + +.close:hover { color: #00d9ff; } -.scrollbar::-webkit-scrollbar-thumb { - border-radius: 10px; - background-color: rgba(255, 255, 255, 0.5); -} \ No newline at end of file -- cgit v1.2.3