new terminal thing stage 3HEADmaster

1 files changed, 122 insertions, 200 deletions

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