Version 1.12

htdocs/l4H1ev9IwDs40/css/connexion.css

@@ -0,0 +1,80 @@
+*
+{
+margin: 0;
+padding: 0;
+border: 0;
+}
+
+html, body
+{
+height: 100%;
+font-size: 100%;
+}
+
+body
+{
+background: #000 url(img/connexion.jpg) no-repeat fixed center;
+color: #0CC2EF;
+font-size: 0.7em;
+font-family: "arial";
+}
+
+form
+{
+position: relative;
+bottom: 240px;
+height: 100%;
+}
+
+fieldset
+{
+position: relative;
+top: 50%;
+width: 640px;
+height: 380px;
+margin: 0 auto;
+text-align: right;
+padding-top: 100px;
+}
+
+label
+{
+display: block;
+position: relative;
+right: 50%;
+margin: 10px 0;
+}
+
+input#login, input#password
+{
+padding: 1px 2px;
+background-color: #121843;
+border: #0096FF 1px solid;
+width: 150px;
+color: #0CC2EF;
+}
+
+input#submit
+{
+background-color: #000;
+color: #0CC2EF;
+border: 1px solid #0A3473;
+border-top-color: #000;
+border-left-color: #000;
+position: relative;
+right: 50%;
+padding: 1px 5px;
+cursor: pointer;
+}
+
+input#submit:hover, input#submit:focus
+{
+border: 1px solid #0CC2EF;
+}
+
+div
+{
+position: relative;
+right: 80px;
+top: 150px;
+}

htdocs/l4H1ev9IwDs40/css/preview.css

@@ -0,0 +1,449 @@
+*
+{
+margin: 0;
+padding: 0;
+border: 0;
+outline: 0;
+}
+
+html, body
+{
+height: 100%;
+width: 100%;
+font-size: 100%;
+overflow: hidden;
+}
+
+body
+{
+background-color: #000;
+text-align: left;
+font-family: Arial;
+color: #4475EF;
+}
+
+button
+{
+font-weight: bold;
+font-size: 0.9em;
+padding: 2px 8px;
+background-color: #000;
+border: #4475EF 1px solid;
+border-right-width: 2px;
+border-bottom-width: 2px;
+color: #4475EF;
+cursor: pointer;
+}
+
+button:hover, button:focus
+{
+background-color: #4475EF;
+color: #000;
+}
+
+p
+{
+font-family: "Tahoma";
+text-align: justify;
+font-size: 0.8em;
+line-height: 1.4em;
+word-spacing: 1px;
+}
+
+#start
+{
+position: absolute;
+top: 45%;
+left: 0;
+width: 100%;
+font-size: 1.1em;
+text-align: center;
+}
+
+.window
+{
+position: absolute;
+top: 10%;
+left: 25%;
+width: 50%;
+height: 60%;
+}
+
+.window .top, .window .bottom
+{
+height: 3px;
+position: relative;
+font-size: 1px;
+left: 0;
+}
+
+.window .top
+{
+top: 0;
+}
+
+.window .bottom
+{
+bottom: 0;
+}
+
+.window .top .topcenter, .window .bottom .bottomcenter
+{
+display: block;
+margin: 0 3px;
+height: 2px;
+background-color: #000;
+}
+
+.window .top .topcenter
+{
+border-top: 1px #4475EF solid;
+}
+
+.window .bottom .bottomcenter
+{
+border-bottom: 1px #4475EF solid;
+}
+
+
+.window .top .topleft, .window .top .topright, .window .bottom .bottomleft, .window .bottom .bottomright
+{
+height: 3px;
+width: 3px;
+position: absolute;
+top: 0;
+background: transparent url(img/edges.gif) no-repeat;
+}
+
+.window .top .topleft
+{
+left: 0;
+background-position: 0 0;
+}
+
+.window .top .topright
+{
+right: 0;
+background-position: -3px 0;
+}
+
+.window .bottom .bottomleft
+{
+left: 0;
+background-position: 0 -3px;
+}
+
+.window .bottom .bottomright
+{
+right: 0;
+background-position: -3px -3px;
+cursor: se-resize;
+}
+
+.window .barre
+{
+height: 13px;
+border-left: #4475EF 1px solid;
+border-right: #4475EF 1px solid;
+border-bottom: #273A6C 1px solid;
+background-color: #000;
+}
+
+.window .barre:active, .window .barre:focus
+{
+cursor: move;
+}
+
+.window .barre .button
+{
+float: right;
+margin-right: 10px;
+height: 10px;
+}
+
+.window .barre .button *
+{
+float: left;
+width: 20px;
+height: 10px;
+margin: 0 2px;
+background: transparent none no-repeat 0 0;
+overflow: hidden;
+cursor: pointer;
+background: transparent url(img/buttons.gif) no-repeat;
+}
+
+.window .barre .button .close
+{
+background-position: -40px 0;
+}
+
+.window .barre .button .close:hover
+{
+background-position: -40px 100%;
+}
+
+.window .barre .button .full
+{
+background-position: -20px 0;
+}
+
+.window .barre .button .full:hover
+{
+background-position: -20px 100%;
+}
+
+.window .barre .button .hide
+{
+background-position: 0 0;
+}
+
+.window .barre .button .hide:hover
+{
+background-position: 0 100%;
+}
+
+.window .barre .titre
+{
+font-size: 11px;
+color: #4475EF;
+font-weight: bold;
+float: left;
+padding-left: 20px;
+position: relative;
+bottom: 2px;
+}
+
+.window .content
+{
+position: relative;
+border-left: #4475EF 1px solid;
+border-right: #4475EF 1px solid;
+overflow: auto;
+height: 100%;
+padding: 10px;
+text-align: justify;
+clear: both;
+font-size: 0.9em;
+background-color: #000;
+}
+
+#barre
+{
+position: absolute;
+z-index: 200000;
+bottom: 0;
+left: 0;
+width: 100%;
+height: 23px;
+border-top: #273A6C 1px solid;
+background-color: #000;
+}
+
+#barre div
+{
+float: left;
+padding: 1px 10px;
+width: 150px;
+font-size: 11px;
+color: #4475EF;
+height: 13px;
+font-weight: bold;
+margin: 3px 2px 0 2px;
+border: #4475EF 1px solid;
+overflow: hidden;
+cursor: pointer;
+text-align: center;
+}
+
+#barre div:hover
+{
+background-color: #4475EF;
+color: #000;
+}
+
+#menu
+{
+position: absolute;
+top: 10%;
+left: 5%;
+}
+
+#menu li
+{
+list-style-type: none;
+font-weight: bold;
+margin: 10px 0;
+padding: 8px 20px;
+cursor: pointer;
+border: #273A6C 1px dotted;
+font-size: 0.9em;
+font-family: "Trebuchet MS";
+}
+
+#menu li:hover
+{
+border-color: #4475EF;
+}
+
+#darkness
+{
+position: absolute;
+z-index: 300000;
+width: 100%;
+height: 100%;
+background-color: #000;
+filter: alpha(opacity=0);
+-moz-opacity: 0;
+-khtml-opacity: 0;
+opacity: 0;
+}
+
+#dialog
+{
+position: absolute;
+z-index: 400000;
+padding: 2% 3%;
+width: 20%;
+left: 37%;
+top: 35%;
+background-color: #000;
+text-align: center;
+font-size: 14px;
+font-weight: bold;
+border: #4475EF 1px solid;
+-moz-border-radius: 3px;
+-webkit-border-radius: 3px;
+}
+
+#dialog button
+{
+float: right;
+margin: 15px 0 0 20px;
+}
+
+#dialog .quit
+{
+display: block;
+position: absolute;
+top: 4px;
+right: 4px;
+width: 20px;
+height: 10px;
+background: #000 url(img/buttons.gif) no-repeat -40px 0;
+cursor: pointer;
+overflow: hidden;
+}
+
+#dialog .quit:hover
+{
+background-position: -40px 100%;
+}
+
+p#notification
+{
+position: absolute;
+z-index: 100000;
+right: 10px;
+bottom: -110px;
+width: 250px;
+height: 100px;
+padding: 10px 20px;
+background-color: #000;
+border: #4475EF 1px solid;
+color: #4475EF;
+font-weight: bold;
+text-align: center;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+}
+
+.window div#mainWindow dl
+{
+margin: 10px 0;
+}
+
+.window div#mainWindow dl dt
+{
+font-weight: bold;
+float: left;
+clear: left;
+}
+
+.window div#mainWindow dl dd
+{
+float: left;
+clear: left;
+margin-left: 10px;
+padding: 1px 5px;
+}
+
+.window div#mainWindow dl.connected dd
+{
+cursor: pointer;
+}
+
+.window div#mainWindow dl.connected dd:hover, .window div#mainWindow dl.connected dd:focus
+{
+color: #000;
+background-color: #4475EF;
+}
+
+.window div#mainWindow dl.disconnected dd
+{
+font-style: italic;
+font-size: 0.9em;
+}
+
+.window div.conversation
+{
+height: 100%;
+}
+
+.window div.conversation p
+{
+height: 58%;
+width: 96%;
+border: #273A6C 1px solid;
+margin: 1% auto;
+overflow: auto;
+padding: 1%;
+}
+
+.window div.conversation textarea
+{
+display: block;
+width: 96%;
+height: 23%;
+background-color: #000;
+border: #273A6C 1px solid;
+margin: 1% auto;
+color: #273A6C;
+padding: 1%;
+}
+
+* html .window div.conversation textarea
+{
+color: #4475EF;
+}
+
+.window div.conversation textarea:focus
+{
+border-color: #4475EF;
+color: #4475EF;
+}
+
+.window div.conversation button
+{
+display: block;
+margin: 0 auto;
+}
+
+#resize
+{
+border: #4475EF 1px solid;
+position: absolute;
+top: 0;
+left: 0;
+z-index: 100000000;
+}