+
\ No newline at end of file
diff --git a/masks/logout.html b/masks/logout.html
new file mode 100644
index 0000000..9cae72c
--- /dev/null
+++ b/masks/logout.html
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/masks/options.html b/masks/options.html
index 77dd049..91fb6e3 100755
--- a/masks/options.html
+++ b/masks/options.html
@@ -1,64 +1,47 @@
\ No newline at end of file
diff --git a/masks/procedure.html b/masks/proc.html
similarity index 53%
rename from masks/procedure.html
rename to masks/proc.html
index 2cfc539..07eb0cb 100755
--- a/masks/procedure.html
+++ b/masks/proc.html
@@ -1,696 +1,566 @@
-
-
\ No newline at end of file
diff --git a/masks/profile.html b/masks/profile.html
index 569d114..7b4a0be 100755
--- a/masks/profile.html
+++ b/masks/profile.html
@@ -1,21 +1,19 @@
\ No newline at end of file
diff --git a/masks/raw_code.html b/masks/raw_code.html
new file mode 100644
index 0000000..813443e
--- /dev/null
+++ b/masks/raw_code.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/masks/read_code.html b/masks/read_code.html
deleted file mode 100755
index 65ef369..0000000
--- a/masks/read_code.html
+++ /dev/null
@@ -1,178 +0,0 @@
-
-
\ No newline at end of file
diff --git a/masks/search.html b/masks/search.html
index dcbbe93..ad303f1 100755
--- a/masks/search.html
+++ b/masks/search.html
@@ -1,22 +1,37 @@
-
-
Recherche
+
+
Recherche
+
+
+
0 résultat pour la recherche " ".
+
+
-
\ No newline at end of file
diff --git a/masks/table.html b/masks/table.html
new file mode 100644
index 0000000..b5e3a27
--- /dev/null
+++ b/masks/table.html
@@ -0,0 +1,162 @@
+
+
\ No newline at end of file
diff --git a/masks/welcome.html b/masks/welcome.html
index 840c30f..cd8c61d 100755
--- a/masks/welcome.html
+++ b/masks/welcome.html
@@ -1,49 +1,48 @@
-
-
Bienvenue
-
-
Bienvenue sur la base de données Databap.
-
- Version 0.94 En cours de développement (maj du 31/05/2013)
- Upcoming features :
-
\ No newline at end of file
diff --git a/readme b/readme
index bfb74a9..24b7e4b 100644
--- a/readme
+++ b/readme
@@ -3,21 +3,6 @@ Hi there!
To install, kindly follow this procedure:
1. Add apache module rewrite (a2enmod rewrite on debian)
2. Add php-curl, php-gd and php-mbstring packages to PHP (if not already built in)
-3. Create a settings.php in databap root folder :
-
-
-
-4. You're good to go ! Check users SQL table for default admin user
\ No newline at end of file
+3. Fill in settings.php in databap root folder
+4. add php user access (read/write) to log.html file
+5. You're good to go ! Check users SQL table for default admin user
\ No newline at end of file
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..77470cb
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
\ No newline at end of file
diff --git a/style/FontAwesome.otf b/style/FontAwesome.otf
new file mode 100644
index 0000000..3461e3f
Binary files /dev/null and b/style/FontAwesome.otf differ
diff --git a/style/fa.css b/style/fa.css
new file mode 100644
index 0000000..f990e47
--- /dev/null
+++ b/style/fa.css
@@ -0,0 +1,183 @@
+/*!
+ * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('fontawesome-webfont.eot?v=4.1.0');
+ src: url('fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+.fa {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+.fa-2x {
+ font-size: 2em;
+}
+.fa-3x {
+ font-size: 3em;
+}
+.fa-4x {
+ font-size: 4em;
+}
+.fa-5x {
+ font-size: 5em;
+}
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center;
+}
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none;
+}
+.fa-ul > li {
+ position: relative;
+}
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: 0.14285714em;
+ text-align: center;
+}
+.fa-li.fa-lg {
+ left: -1.85714286em;
+}
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid 0.08em #eeeeee;
+ border-radius: .1em;
+}
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+.fa.pull-left {
+ margin-right: .3em;
+}
+.fa.pull-right {
+ margin-left: .3em;
+}
+.fa-spin {
+ -webkit-animation: spin 2s infinite linear;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+@-moz-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ }
+ 100% {
+ -moz-transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ }
+}
+@-o-keyframes spin {
+ 0% {
+ -o-transform: rotate(0deg);
+ }
+ 100% {
+ -o-transform: rotate(359deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+.fa-rotate-90 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.fa-rotate-180 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.fa-rotate-270 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ -webkit-transform: rotate(270deg);
+ -moz-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ -o-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+ -webkit-transform: scale(-1, 1);
+ -moz-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+ -webkit-transform: scale(1, -1);
+ -moz-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ -o-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.fa-stack-1x {
+ line-height: inherit;
+}
+.fa-stack-2x {
+ font-size: 2em;
+}
+.fa-inverse {
+ color: #ffffff;
+}
\ No newline at end of file
diff --git a/style/fontawesome-webfont.eot b/style/fontawesome-webfont.eot
new file mode 100644
index 0000000..6cfd566
Binary files /dev/null and b/style/fontawesome-webfont.eot differ
diff --git a/style/fontawesome-webfont.svg b/style/fontawesome-webfont.svg
new file mode 100644
index 0000000..a9f8469
--- /dev/null
+++ b/style/fontawesome-webfont.svg
@@ -0,0 +1,504 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style/fontawesome-webfont.ttf b/style/fontawesome-webfont.ttf
new file mode 100644
index 0000000..5cd6cff
Binary files /dev/null and b/style/fontawesome-webfont.ttf differ
diff --git a/style/fontawesome-webfont.woff b/style/fontawesome-webfont.woff
new file mode 100644
index 0000000..9eaecb3
Binary files /dev/null and b/style/fontawesome-webfont.woff differ
diff --git a/style/lightbox.css b/style/lightbox.css
new file mode 100644
index 0000000..b47a1bb
--- /dev/null
+++ b/style/lightbox.css
@@ -0,0 +1,227 @@
+/* Lightbox */
+
+.lightboxOverlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ background-color:white;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+ opacity: 0.8;
+ display: none;
+}
+
+.lightbox {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ z-index: 10000;
+ text-align: center;
+ line-height: 0;
+ font-weight: normal;
+}
+
+.lightbox .lb-image {
+ display: block;
+ height: auto;
+ max-width: inherit;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.lightbox a img {
+ border: none;
+}
+
+.lb-outerContainer {
+ position: relative;
+ background-color: #04357B;
+ *zoom: 1;
+ width: 250px;
+ height: 250px;
+ margin: 0 auto;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.lb-outerContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.lb-container {
+ padding: 4px;
+}
+
+.lb-loader {
+ position: absolute;
+ top: 43%;
+ left: 0;
+ height: 25%;
+ width: 100%;
+ text-align: center;
+ line-height: 0;
+}
+
+.lb-cancel {
+ display: block;
+ width: 32px;
+ height: 32px;
+ margin: 0 auto;
+ font-size:32px;
+ color:#D9E5F2;
+}
+
+.lb-nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10;
+}
+
+.lb-container > .nav {
+ left: 0;
+}
+
+.lb-nav a {
+ outline: none;
+ background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
+
+.lb-prev, .lb-next {
+ height: 100%;
+ cursor: pointer;
+ display: block;
+}
+
+.lb-nav a.lb-prev {
+ width: 34%;
+ left: 0;
+ float: left;
+ text-align:left;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+ -webkit-transition: opacity 0.6s;
+ -moz-transition: opacity 0.6s;
+ -o-transition: opacity 0.6s;
+ transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-prev:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
+
+.lb-nav a.lb-next {
+ width: 64%;
+ right: 0;
+ float: right;
+ text-align:right;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+ -webkit-transition: opacity 0.6s;
+ -moz-transition: opacity 0.6s;
+ -o-transition: opacity 0.6s;
+ transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-next:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
+
+.lb-prev .fa, .lb-next .fa {
+ position:relative;
+ top:50%;
+ font-size: 45px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ color:#04357B;
+ padding: 0 20px;
+}
+
+.lb-prev .fa {
+ text-shadow: -1px 2px 1px #D9E5F2;
+}
+
+.lb-next .fa {
+ text-shadow: 1px 1px 1px #D9E5F2;
+}
+
+.lb-dataContainer {
+ margin: 0 auto;
+ padding-top: 5px;
+ *zoom: 1;
+ width: 100%;
+ -moz-border-radius-bottomleft: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.lb-dataContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.lb-data {
+ padding: 0 4px;
+ color:#04357B;
+}
+
+.lb-data .lb-details {
+ width: 85%;
+ float: left;
+ text-align: left;
+ line-height: 1.1em;
+}
+
+.lb-data .lb-caption {
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 1em;
+}
+
+.lb-data .lb-number {
+ display: block;
+ clear: left;
+ padding-bottom: 1em;
+ font-size: 12px;
+ color:#04357B;
+}
+
+.lb-data .lb-close {
+ display: block;
+ float: right;
+ width: 30px;
+ height: 30px;
+ font-size:30px;
+ color:#04357B;
+ text-align: right;
+ outline: none;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+ opacity: 0.7;
+ -webkit-transition: opacity 0.2s;
+ -moz-transition: opacity 0.2s;
+ -o-transition: opacity 0.2s;
+ transition: opacity 0.2s;
+}
+
+.lb-data .lb-close:hover {
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
diff --git a/style/pie.htc b/style/pie.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/style/pie.htc
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
diff --git a/style.css b/style/screen.css
similarity index 59%
rename from style.css
rename to style/screen.css
index 1dfa2ea..2ede505 100644
--- a/style.css
+++ b/style/screen.css
@@ -5,7 +5,6 @@
SAP New blue : #0C8BCE
SAP orange : #EFAB00
SAP bright blue : #D9E5F2
- Micropole green : #8BFB15
*/
/* General */
@@ -15,7 +14,7 @@
body, html {
background:white;
font-family:Verdana, Arial;
- color:black;
+ color:#04357B;
background:#04357B;
padding:0;
margin:0;
@@ -35,16 +34,15 @@ table td {
padding:0;
}
-input, textarea {
+input, textarea, select {
font-family:Verdana, Arial;
font-size:12px;
background:none;
border:none;
}
-input[type=text] {
+input[type=text], input[type=password] {
border:2px solid #04357B;
padding:5px;
- color:#04357B;
width:200px;
}
@@ -55,6 +53,11 @@ input[type=button]:hover, input[type=submit]:hover, input[type=password]:hover,
input[disabled="disabled"], textarea[disabled="disabled"], input:disabled, textarea:disabled {
background-color:#D9E5F2;
border-color:#D9E5F2;
+ border:2px solid #04357B;
+}
+
+input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, input:disabled:hover, textarea:disabled:hover {
+ background-color:#D9E5F2;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {
@@ -65,13 +68,28 @@ input[type=button], .clickable {
cursor:pointer;
}
+select {
+ background:white;
+ border:2px solid #04357B;
+ padding:5px;
+ color:#04357B;
+ margin:0;
+}
+
+textarea {
+ min-height:30px;
+}
+
+input, select, textarea, h1, h2, h3, h4, p, a {
+ color:#04357B;
+}
+
p {
margin:0;
padding:0;
}
a, a:visited {
- color:black;
text-decoration:none;
}
@@ -83,14 +101,6 @@ img {
border:none;
}
-#process {
- background: url("images/processing_16.gif") 0 0 no-repeat;
- width:16px;
- height:16px;
- font-size:13px;
- line-height:13px;
-}
-
/* General - Classes */
.round_top {
@@ -142,29 +152,52 @@ img {
border-radius:5px 0 5px 5px;
}
+.inc_border {
+ box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ -webkit-box-sizing:border-box;
+}
+
+.loading {
+ font-size:20px;
+ margin:5px;
+ text-align:center;
+}
+
.error, .warning, .success {
margin:10px 0;
- color:red;
- font-weight:bold;
- border:1px solid red;
+ border-width:1px;
+ border-style:solid;
padding:3px;
- font-size:14px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
+ clear:both;
}
-.warning {
+.error a, .warning a, .success a {
+ text-decoration: underline;
+}
+
+.error, .error a {
+ color:red;
+ border-color:red;
+ font-size:14px;
+ font-weight:bold;
+}
+
+.warning, .warning a {
color:orange;
border-color:orange;
- font-style:italic;
font-size:13px;
+ font-style:italic;
}
-.success {
+.success, .success a {
color:green;
border-color:green;
+ font-size:13px;
}
.title {
@@ -174,20 +207,54 @@ img {
letter-spacing:-4px;
}
-.button {
- border:1px solid #04357B;
- color:#04357B;
- padding:7px;
- padding-left:32px;
- background:#D9E5F2 url("images/yes_24.png") 5px 50% no-repeat;
- font-size:12px;
- cursor:pointer;
- text-decoration:none;
+.default_text {
+ color:#D9E5F2 !important;
}
-.button:hover {
+a.button {
+ padding:7px;
+ margin-right:5px;
+ background:#D9E5F2;
+ font-size:12px;
+ cursor:pointer;
+ border:1px solid #04357B;
+ /*position:relative;*/
+ display:inline-block;
+}
+a.button:hover {
background-color:#EFAB00;
}
+a.button:active {
+ background-color:#04357B;
+ color:white;
+}
+
+a.button .fa {
+ margin-right:5px;
+ /* .fa-60 */
+ font-size: 1.6666666666666666em;
+ line-height: 0.50em;
+ vertical-align: -30%;
+}
+
+a.button.strong .value {
+ font-weight:bold;
+}
+
+a.button.inverse {
+ background-color:#04357B;
+ color:#D9E5F2;
+}
+
+a.button.inverse:hover {
+ background-color:#EFAB00;
+ color:#04357B;
+}
+
+a.button.heavy {
+ border-width:2px;
+ font-weight:bold;
+}
.addr {
cursor:text;
@@ -197,32 +264,6 @@ img {
background-color:white;
}
-.heavy {
- border-width:2px;
- font-weight:bold;
-}
-
-.add {
- background-image:url("images/add_24.png");
- background-position:2px 50%;
- padding-left:29px;
-}
-
-.switch {
- background-image: url("images/expand_left_16.png"), url("images/expand_right_16.png");
- background-position: 3px 3px, 11px 10px;
-}
-
-.share {
- background-image:url('images/share_24.png');
-}
-
-.delete {
- background-image:url("images/no_24.png");
- background-position:2px 50%;
- padding-left:27px;
-}
-
.maximized {
width:100%;
}
@@ -231,12 +272,27 @@ img {
text-align:right;
}
+.glue-right {
+ float: right;
+}
+
.lefty {
text-align:left;
}
-.h1_wrap {
- margin:0 12px;
+.side_margins {
+ margin:0 12px 10px;
+}
+
+a.internal_link {
+ text-decoration:underline;
+ font-style:normal;
+ background:#D9E5F2;
+ padding:1px 8px 1px 5px;
+ margin:0;
+}
+a.internal_link:visited, a.external_link:visited {
+ color:grey;
}
.h1_wrap h1 {
@@ -245,33 +301,45 @@ img {
width:100%;
border:2px solid #04357B;
background-color:#D9E5F2;
- background-position:0 50%;
- background-repeat:no-repeat;
-}
-
-.h1_wrap h1 span {
font-family:Arial;
- color:#04357B;
- padding-left:44px;
font-size:32px;
line-height:32px;
font-style:italic;
font-weight:600;
}
-.author_box, .author_box a {
+.author_box {
padding:5px 10px;
- background:#04357B;
- color:white;
+ border:1px solid #04357B;
+ color:#04357B;
+ font-style:italic;
font-size:12px;
}
+.author_box:nth-child(odd) {
+ background:#DCF2FB;
+}
+.author_box:nth-child(even) {
+ background:#D9E5F2;
+}
+.author_box:hover {
+ border-color:#EFAB00;
+}
.author_box a {
background:none;
+ padding:0;
+ display:block;
+ width: 100%;
}
-.author_box span:first-child {
+.author_box i.fa-30 {
+ vertical-align: -5%;
+}
+
+.author_box span.description {
font-weight:bold;
+ font-style:normal;
+ font-size:13px;
}
.standalone .author_box {
@@ -285,6 +353,713 @@ img {
display:none;
}
+/* Step Box */
+
+.step_box {
+ margin-top:5px;
+ margin-bottom:5px;
+ padding:10px;
+ background:#D9E5F2;
+ color:#04357B;
+ border: 2px solid #04357B;
+}
+
+.step_box input, .step_box textarea, .step_box select {
+ margin-top:10px;
+ background:white;
+ font-size:14px;
+ border-width:1px;
+}
+
+.step_box input:disabled, .step_box textarea:disabled, .step_box select:disabled, .step_box input:hover:disabled, .step_box textarea:hover:disabled, .step_box select:hover:disabled {
+ background-color:white;
+}
+
+.step_box input[type=text], .step_box textarea {
+ width:100%;
+}
+
+.step_box textarea {
+ height:200px;
+ padding:5px;
+ background:white;
+ border:1px solid #04357B;
+}
+
+.step_box .step_nb_box, .step_box .step_box_title {
+ border-bottom:1px solid #04357B;
+ padding:0;
+}
+
+/* Scrollbar */
+
+.scrollbar_box {
+ position:relative;
+ height:0px;
+ overflow:hidden;
+}
+
+.scrollbar_box .scrollbar_subbox {
+ position:absolute;
+ left:0;
+ top:0;
+ width:100%;
+}
+
+.scrollbar {
+ position:relative;
+ float:right;
+ width:15px;
+ margin-left:5px;
+}
+
+.scrollbar .thumb, .scrollbar .thumb .end {
+ background-color:#04357B;
+ width:13px;
+}
+.scrollbar .track {
+ background-color:#D9E5F2;
+ height:100%;
+ width:13px;
+ position:relative;
+ padding:0;
+}
+.scrollbar .thumb {
+ position:absolute;
+ top:0;
+ overflow:hidden;
+}
+.scrollbar .thumb .end {
+ overflow:hidden;
+ height:20px;
+}
+
+.disable {
+ display:none;
+}
+
+/* Uploader */
+
+.uploader_box {
+ position:relative;
+ width:100%;
+}
+
+.uploader_droparea {
+ position:absolute;
+ top:-10px;
+ left:0;
+ width:100%;
+ height:100%;
+ height:210px;
+ z-index:2;
+ border:1px solid #04357B;
+ background:white;
+ text-align:center;
+}
+
+.uploader_droparea-active {
+ background:#EFAB00;
+}
+.uploader_droparea span {
+ display:block;
+ position:absolute;
+ top:50%;
+ width:100%;
+ margin-top:-8px;
+ font-size:16px;
+}
+
+.uploader_buffer {
+ width:100%;
+ height:8px;
+}
+
+.uploader_list {
+ /*margin:0;*/margin-top:0;
+ padding:0;
+ list-style:none;
+}
+.uploader_list li {
+ margin:0 0 10px 10px;
+}
+
+.uploader_item_file, .uploader_item_loading, .uploader_item_size, .uploader_item_cancel, .uploader_item_failed {
+ margin-right:5px;
+}
+
+.uploader_item_size, .uploader_item_cancel {
+ font-size:12px;
+ font-weight: normal;
+}
+
+a.uploader_item_cancel {
+ text-decoration:underline;
+ color:#04357B;
+}
+
+.uploader_box .image_description {
+ border-width:1px;
+ padding:3px 5px;
+ background:white;
+}
+
+.uploader_box .image_action {
+ font-size:12px;
+}
+
+.uploader_box .image_action input {
+ width:200px;
+ margin:0;
+}
+
+.uploader_item_failed_notice {
+ display:none;
+}
+.uploader_item_failed .uploader_item_failed_notice {
+ display:inline;
+}
+
+.uploader_item_failed {
+ color:red;
+}
+
+.uploader_item_success .fa-c-delete:hover, .uploader_item_cancel .fa-c-delete:hover {
+ color:#EFAB00;
+}
+
+/* Font Awesome */
+
+.fa-inline {
+ margin-right:5px;
+}
+
+/*
+size +0% +10% +20% +30% +40% +50% +60%
+font-size 1em 1.111em 1.222em 1.333em 1.444em 1.555em 1.666em
+line-height 1em 0.917em 0.833em 0.750em 0.666em 0.583em 0.500em
+vertical-align 0% -5% -10% -15% -20% -25% -30%
+*/
+
+.fa-10 {
+ font-size: 1.1111111111111111em;
+ line-height: 0.9166666666666666em;
+ vertical-align: -5%;
+}
+.fa-20 {
+ font-size: 1.2222222222222222em;
+ line-height: 0.8333333333333333em;
+ vertical-align: -10%;
+}
+.fa-30 {
+ font-size: 1.3333333333333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+.fa-40 {
+ font-size: 1.4444444444444444em;
+ line-height: 0.6666666666666666em;
+ vertical-align: -20%;
+}
+.fa-60 {
+ font-size: 1.6666666666666666em;
+ line-height: 0.5em;
+ vertical-align: -30%;
+}
+
+.fa-c-c:before, .fa-c-code:before {
+ content: "\f121";
+}
+
+.fa-c-procedure:before, .fa-c-proc:before, .fa-c-p:before {
+ content: "\f0cb";
+}
+
+.fa-c-table:before, .fa-c-t:before {
+ content: "\f0ce";
+}
+
+.fa-c-documentation:before, .fa-c-doc:before, .fa-c-d:before {
+ content: "\f15b";
+}
+
+.fa-c-article:before, .fa-c-art:before, .fa-c-a:before {
+ content: "\f14c";
+}
+
+.fa-c-list {
+ color:#04357B;
+}
+.fa-c-list:before {
+ content: "\f02d";
+}
+
+.fa-c-profile {
+ color:#04357B;
+}
+.fa-c-profile:before {
+ content: "\f007";
+}
+
+.fa-c-chat {
+ color:#04357B;
+}
+.fa-c-chat:before {
+ content: "\f086";
+}
+
+.fa-c-news:before {
+ content: "\f0e7";
+}
+
+.fa-c-afk:before {
+ content: "\f017";
+}
+
+.fa-c-comment {
+ color:#04357B;
+}
+.fa-c-comment:before {
+ content: "\f075";
+}
+
+.fa-c-options {
+ color:#04357B;
+}
+.fa-c-options:before {
+ content: "\f085";
+}
+
+.fa-c-param:before {
+ content: "\f1de";
+}
+
+.fa-c-wip:before {
+ content: "\f013";
+}
+
+.fa-c-rss {
+ color:#04357B;
+}
+.fa-c-rss:before {
+ content: "\f09e";
+}
+
+.fa-c-logmeout {
+ color:#04357B;
+}
+.fa-c-logmeout:before, .fa-c-logout:before {
+ content: "\f08b";
+}
+
+.fa-c-fold {
+ color:#04357B;
+}
+.fa-c-fold:before {
+ content: "\f191";
+}
+
+.fa-c-warning {
+ color:#EFAB00;
+}
+.fa-c-warning:before, .warning .fa:before {
+ content: "\f071";
+}
+
+.fa-c-error {
+ color:red;
+}
+.fa-c-error:before, .error .fa:before {
+ content: "\f071";
+}
+
+.fa-c-search:before {
+ content: "\f002";
+}
+
+.fa-c-welcome:before {
+ content: /*"\f087"*/"\f015";
+}
+
+.fa-c-ok:before, .available .fa:before, .success .fa:before {
+ content: "\f00c";
+}
+
+.fa-c-ko {
+ color:red;
+}
+.fa-c-ko:before, .unavailable .fa:before {
+ content: "\f00d";
+}
+
+.fa-c-loading:before {
+ content: "\f110";
+}
+
+.fa-c-edit:before {
+ content: "\f040";
+}
+
+.fa-c-save:before {
+ content: "\f0c7";
+}
+
+.fa-c-raw:before {
+ content: "\f15c";
+}
+
+.fa-c-print:before {
+ content: "\f02f";
+}
+
+.fa-c-share:before {
+ content: "\f0ac";
+}
+
+.fa-c-refresh:before, .fa-c-switch:before {
+ content: "\f021";
+}
+
+.fa-c-plus:before, .fa-c-add:before {
+ content: "\f055";
+}
+
+.fa-c-minus:before, .fa-c-delete:before {
+ content: "\f056";
+}
+
+.fa-c-up:before {
+ content: "\f01b";
+}
+
+.fa-c-down:before {
+ content: "\f01a";
+}
+
+.fa-c-next:before {
+ content: "\f054";
+}
+
+.fa-c-prev:before {
+ content: "\f053";
+}
+
+.fa-c-close:before {
+ content: "\f05c";
+}
+
+.fa-c-desc:before {
+ content: "\f05a";
+}
+
+.fa-c-company:before {
+ content: "\f0f7";
+}
+
+.fa-c-name:before {
+ content: "\f02b";
+}
+
+.fa-c-assignment:before {
+ content: "\f0b1";
+}
+
+.fa-c-lock:before {
+ content: "\f023"/*"\f084"*/;
+}
+
+.fa-c-search:before {
+ content: "\f002";
+}
+
+.fa-c-mail:before {
+ content: "\f0e0";
+}
+
+.fa-c-upcoming:before {
+ content:"\f135";
+}
+
+.fa-c-changelog:before {
+ content:"\f0d0";
+}
+
+.fa-c-checked:before {
+ content:"\f046";
+}
+
+.fa-c-unchecked:before {
+ content:"\f096";
+}
+
+.fa-c-kpi:before {
+ content:"\f0e4";
+}
+
+.fa-c-file-xls, .fa-c-file-xlsx {
+ color:#247648;
+}
+.fa-c-file-xls:before, .fa-c-file-xlsx:before {
+ content: "\f1c3";
+}
+
+.fa-c-file-doc, .fa-c-file-docx {
+ color:#2B5796;
+}
+.fa-c-file-doc:before, .fa-c-file-docx:before {
+ content: "\f1c2";
+}
+
+.fa-c-file-ppt, .fa-c-file-pptx {
+ color:#D04423;
+}
+.fa-c-file-ppt:before, .fa-c-file-pptx:before {
+ content: "\f1c4";
+}
+
+.fa-c-file-pdf {
+ color:#D20F0B;
+}
+.fa-c-file-pdf:before {
+ content: "\f1c1";
+}
+
+.fa-c-file-zip:before {
+ content: "\f1c6";
+}
+
+.fa-c-file-png:before, .fa-c-file-gif:before, .fa-c-file-jpg:before, .fa-c-file-jpeg:before {
+ content: "\f1c5";
+}
+
+/* Lightbox */
+
+.lightboxOverlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ background-color:white;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+ opacity: 0.8;
+ display: none;
+}
+
+.lightbox {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ z-index: 10000;
+ text-align: center;
+ line-height: 0;
+ font-weight: normal;
+}
+
+.lightbox .lb-image {
+ display: block;
+ height: auto;
+ max-width: inherit;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.lightbox a img {
+ border: none;
+}
+
+.lb-outerContainer {
+ position: relative;
+ background-color: #04357B;
+ *zoom: 1;
+ width: 250px;
+ height: 250px;
+ margin: 0 auto;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.lb-outerContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.lb-container {
+ padding: 4px;
+}
+
+.lb-loader {
+ position: absolute;
+ top: 43%;
+ left: 0;
+ height: 25%;
+ width: 100%;
+ text-align: center;
+ line-height: 0;
+}
+
+.lb-cancel {
+ display: block;
+ width: 32px;
+ height: 32px;
+ margin: 0 auto;
+ font-size:32px;
+ color:#D9E5F2;
+}
+
+.lb-nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10;
+}
+
+.lb-container > .nav {
+ left: 0;
+}
+
+.lb-nav a {
+ outline: none;
+ background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
+
+.lb-prev, .lb-next {
+ height: 100%;
+ cursor: pointer;
+ display: block;
+}
+
+.lb-nav a.lb-prev {
+ width: 34%;
+ left: 0;
+ float: left;
+ text-align:left;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+ -webkit-transition: opacity 0.6s;
+ -moz-transition: opacity 0.6s;
+ -o-transition: opacity 0.6s;
+ transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-prev:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
+
+.lb-nav a.lb-next {
+ width: 64%;
+ right: 0;
+ float: right;
+ text-align:right;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+ -webkit-transition: opacity 0.6s;
+ -moz-transition: opacity 0.6s;
+ -o-transition: opacity 0.6s;
+ transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-next:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
+
+.lb-prev .fa, .lb-next .fa {
+ position:relative;
+ top:50%;
+ font-size: 45px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ color:#04357B;
+ padding: 0 20px;
+}
+
+.lb-prev .fa {
+ text-shadow: -1px 2px 1px #D9E5F2;
+}
+
+.lb-next .fa {
+ text-shadow: 1px 1px 1px #D9E5F2;
+}
+
+.lb-dataContainer {
+ margin: 0 auto;
+ padding-top: 5px;
+ *zoom: 1;
+ width: 100%;
+ -moz-border-radius-bottomleft: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.lb-dataContainer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.lb-data {
+ padding: 0 4px;
+ color:#04357B;
+}
+
+.lb-data .lb-details {
+ width: 85%;
+ float: left;
+ text-align: left;
+ line-height: 1.1em;
+}
+
+.lb-data .lb-caption {
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 1em;
+}
+
+.lb-data .lb-number {
+ display: block;
+ clear: left;
+ padding-bottom: 1em;
+ font-size: 12px;
+ color:#04357B;
+}
+
+.lb-data .lb-close {
+ display: block;
+ float: right;
+ width: 30px;
+ height: 30px;
+ font-size:30px;
+ color:#04357B;
+ text-align: right;
+ outline: none;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+ opacity: 0.7;
+ -webkit-transition: opacity 0.2s;
+ -moz-transition: opacity 0.2s;
+ -o-transition: opacity 0.2s;
+ transition: opacity 0.2s;
+}
+
+.lb-data .lb-close:hover {
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ opacity: 1;
+}
+
/* Container */
#container {
@@ -294,64 +1069,97 @@ img {
/* Logon */
-#logon_logo {
+#logon .logo {
+ width:auto;
+ height:auto;
text-transform:uppercase;
position:absolute;
top:0;
left:0;
- padding:10px;
+ padding:10px 10px 10px 35px;
+ margin:0;
border-bottom:3px solid white;
font-weight:bold;
color:white;
- font-size:30px;
+ font-size:35px;
+ line-height:35px;
text-decoration: none;
+ background:url(../images/logo_25.png) 10px 50% no-repeat;
}
-#logon_container {
+#logon .container {
position:fixed;
top:50%;
left:50%;
- margin-left:-240px;
- margin-top:-34px;
+ margin-left:-230px; /* -(68+10*2+160+200+5*2+1*2)/2 */
+ margin-top:-65px; /* -(10*2+20*4+20*2+20+2*2+1*2)/2 */
}
-#logon_container #logon_box {
- border-top:1px inset #E0E0E0;
- border-left:1px inset #E0E0E0;
- border-bottom:1px outset #808080;
- border-right:1px outset #808080;
+#logon .box {
background:white;
overflow:hidden;
position:relative;
+ /*width:464px;
+ height:140px;*/
}
-#logon_container #logon_box .key {
+#logon .box .key {
position:absolute;
height:100%;
width:68px;
- background:#D9E5F2 url('images/share_48.png') 10px 50% no-repeat;
+ background:#D9E5F2;
}
-#logon_container #logon_box table {
+#logon .box .fa {
+ position:absolute;
+ top:50%;
+ left:50%;
+ text-align:center;
+ color:#04357B;
+ line-height:50px;
+ font-size:50px;
+ width:50px;
+ margin-left:-25px;
+ margin-top:-25px;
+}
+#logon .box table {
margin-left:68px;
padding:10px;
}
-#logon_container #logon_box td {
- padding:5px;
+#logon .box table td {
+ padding:0;
text-align:left;
font-size:18px;
color:#04357B;
}
-#logon_container #logon_box .validate {
+#logon .box table td.desc {
+ width:160px;
+ line-height:20px;
+ padding:10px 0;
+}
+#logon .box table td.validate {
text-align:right;
}
-#logon_container #logon_box input {
+#logon .box .feedback {
+ float:left;
+ font-size:14px;
+ margin-top:5px;
+ font-style:italic;
+ color:red;
+}
+#logon .box input {
border:1px solid #04357B;
color:#04357B;
font-size:18px;
- padding:1px 5px;
+ line-height:20px;
+ padding:2px 5px;
width:200px;
}
-#logon_container #logon_box input[type=submit] {
+#logon .box input[type=button] {
width:auto;
}
+#logon #footer {
+ position:fixed;
+ bottom:0;
+ width:100%;
+}
/* Header */
@@ -362,52 +1170,37 @@ img {
#header table td.cell {
width:50%;
+ height:35px;
margin:0;
}
-#micropole {
- padding:0 5px;
- background:white;
-}
-
-#logo {
- color:white;
- font-size:50px;
- position:absolute;
- top:5px;
-}
-
-#logo span {
- font-weight:normal;
- color:#D9E5F2;
-}
-
-.logo2 {
+.logo {
position:absolute;
top:9px;
width:200px;
height:35px;
margin-left:36px;
- /*background: url(images/logo2.png) 30px 0 no-repeat;*/
}
#query, #search_btn_submit {
- height:35px;
- font-size:20px;
+ height:25px;
color:#04357B;
border:none;
+ float:right;
+ padding:0 10px;
+ font-size:15px;
}
#query {
- padding:0 10px;
background:white;
- width:300px;
- color:#D9E5F2;
+ width:250px;
}
#search_btn_submit {
background:#D9E5F2;
- border-left:2px solid #04357B;
+ border-left:2px solid #04357B;
+ height:20px;
+ padding-top:5px;
}
#search_btn_submit:hover {
@@ -416,7 +1209,7 @@ img {
/* Main */
-#main {
+#main_container {
background:white;
/*padding:10px;*/
margin-left:30px;
@@ -425,11 +1218,21 @@ img {
border:10px solid white;
}
+#page_title {
+ margin-bottom:10px;
+}
+
+#main {
+ margin:0;
+ padding:0;
+ overflow:hidden;
+}
+
/* Menu */
#menu {
position:absolute;
- background: white /*url('images/expand_right_16.png') 50% 50% no-repeat*/;
+ background:white;
width:20px;
padding:10px 0;
z-index:10;
@@ -437,12 +1240,12 @@ img {
}
#menu #menu_title {
+ position:relative;
text-align:center;
margin:0;
margin-top:-4px;
padding:0;
cursor:pointer;
- position:fixed;
}
#menu #menu_title:hover p {
color:#EFAB00;
@@ -463,6 +1266,12 @@ img {
text-align:center;
}
+#menu #menu_box a {
+ color:#04357B;
+ display:block;
+ width:100%;
+}
+
#menu #menu_box h1 {
margin:-10px 0 0 -3px;
padding:0;
@@ -474,27 +1283,17 @@ img {
padding:0;
text-align:left;
font-size: 20px;
+ list-style:none;
}
#menu #menu_box ul li {
margin:0;
- padding : 5px 0 5px 35px;
+ padding:5px 3px 5px 5px;
list-style:none;
- background: white 5px 5px no-repeat;
cursor:pointer;
- line-height:24px;
- height:24px;
- border-bottom:2px solid white;
-}
-
-#menu #menu_box ul li {
- margin:0;
- padding : 5px 0 5px 35px;
- list-style:none;
- background: white 5px 5px no-repeat;
- cursor:pointer;
- line-height:24px;
- height:24px;
+ line-height:20px;
+ height:20px;
+ font-size:20px;
border-bottom:2px solid white;
}
@@ -503,33 +1302,10 @@ img {
background-color:#EFAB00;
}
-#menu #menu_box ul li#add_ln, #menu #menu_box ul li#procedure_ln, #menu #menu_box ul li#doc_ln {
- background-image:url('images/add_24.png');
-}
-#menu #menu_box ul li#list_ln {
- background-image:url('images/preview_24.png');
-}
-#menu #menu_box ul li#quick_code_access_ln {
- background-image:url('images/preview_24.png');
-}
-#menu #menu_box ul li#profile_ln {
- background-image:url('images/tux_24.png');
-}
-#menu #menu_box ul li#chat_ln {
- background-image:url('images/chat_24.png');
-}
-#menu #menu_box ul li#options_ln {
- background-image:url('images/options_24.png');
-}
-#menu #menu_box ul li#rss_ln {
- background-image:url('images/rss_24.png');
-}
#menu #menu_box ul li#rss_ln a {
color:#04357B;
}
-#menu #menu_box ul li#log_me_out_ln {
- background-image:url('images/exit_24.png');
-}
+
#menu #menu_box ul li#quick_code_access_ln input {
border:2px solid #04357B;
width:60px;
@@ -538,6 +1314,10 @@ img {
color:#04357B;
}
+#menu #menu_box ul li .fa {
+ margin-right:5px;
+}
+
#menu .useless_button {
width:0;
height:0;
@@ -549,43 +1329,45 @@ img {
/* Welcome */
-#welcome .h1_wrap h1 {
- background-image:url("images/share_48.png");
- background-position:10px 50%;
-}
-#welcome .h1_wrap h1 span {
- padding-left:57px;
-}
-
#welcome #welcome_container {
border:2px solid #04357B;
background:#D9E5F2;
padding:10px;
}
-#welcome p.redirect {
- font-size:12px;
- font-style:italic;
-}
-
#welcome p.welcome_text {
font-weight:bold;
+ padding-top:0;
+ padding-bottom:5px;
+ border-bottom:1px solid #000000;
+ margin-bottom:20px;
+}
+
+#welcome #welcome_container ul {
+ margin-top:0px;
}
#welcome #welcome_container ul li {
font-size:13px;
+ margin-top:10px;
+ font-weight: bold;
}
#welcome #welcome_container ul li ul {
font-size:12px;
+ margin-top:2px;
}
-#welcome a.feedback {
- background:url("images/mail_24.png") 0 50% no-repeat;
- padding:6px 0 5px 30px; /* 6 + 13 + 2 + 5 */
+#welcome #welcome_container ul li ul li {
+ font-weight:normal;
+}
+
+#welcome #welcome_container ul li:FIRST-CHILD, #welcome #welcome_container ul li ul li {
+ margin-top:0px;
+}
+
+#welcome a {
text-decoration:underline;
- font-style:italic;
- font-size:13px;
}
/* Add Code */
@@ -615,17 +1397,15 @@ img {
padding:10px 6px 10px 10px;
width:100%;
border:2px solid #04357B;
- min-height: 200px;
+ min-height:100px;
height:300px;
font-family:courier;
color:black;
font-size:14px;
}
-#add_code_container .h1_wrap h1 {
- background-image:url("images/paste_48.png");
- background-position:5px 50%;
- margin-bottom:10px;
+#add_code_container .loggued {
+ margin:0 12px;
}
#add_code_container input[type=text] {
@@ -641,52 +1421,23 @@ img {
#add_code_container #add_code_btn {
margin-top:10px;
+ float:left;
}
#add_code_container input:hover, #add_code_container input[type=text]:focus {
background-color:#EFAB00;
}
-#loggued_name_container {
- display:none;
- margin-top:12px;
-}
-#loggued_name_container p {
- display:inline;
-}
-#loggued_name_container p#logging_info {
- border:2px solid #04357B;
- border-bottom:none;
- background:#EFAB00;
- padding:5px 10px 6px;
- font-style:italic;
-}
-#loggued_name_container input#logout_btn {
- background:white url('images/exit_24.png') 5px 50% no-repeat;
- padding-left:29px;
- height:30px;
- line-height:30px;
-}
-#loggued_name_container input#logout_btn:hover {
- font-weight:bold;
-}
-#loggued_name_container #loggued_name {
- font-weight:bold;
-}
-
#link_result, #available_phrase {
display:none;
border:2px solid;
margin-left:15px;
padding:5px;
- padding-left:34px;
- background-color:white;
- background-position:5px 50%;
- background-repeat:no-repeat;
font-size:14px;
}
#link_result {
+ color:#04357B;
border-color:#04357B;
}
@@ -695,12 +1446,10 @@ img {
}
#available_phrase.available {
- background-image: url('images/yes_24.png');
color:green;
border-color:green;
}
#available_phrase.unavailable {
- background-image: url('images/no_24.png');
color:red;
border-color:red;
}
@@ -712,31 +1461,9 @@ img {
padding:0;
}
-#reader .h1_wrap h1 {
- background-image:url("images/preview_48.png");
-}
-
#reader #code_menu {
- margin:30px 0 18px;
padding:0;
-}
-#reader #code_menu a {
- background-repeat:no-repeat;
-}
-#reader #code_menu #edit {
- background-image:url('images/edit_24.png');
-}
-#reader #edit_btn, #add_code_container #add_code_btn {
- background-image:url('images/yes_24.png');
-}
-#reader #code_menu #raw {
- background-image:url('images/raw_24.png');
-}
-#reader #code_menu #save {
- background-image:url('images/save_24.png');
-}
-#reader #code_menu #print {
- background-image:url('images/print_24.png');
+ margin:0;
}
#code_container .code_reader {
@@ -747,6 +1474,10 @@ img {
background:#04357B;
}
+#reader #code_container .code_reader {
+ margin:0;
+}
+
#code_container .code_reader ol li ::selection {
background:#306897;
color:#FFFFFF;
@@ -756,8 +1487,14 @@ img {
color:#FFFFFF;
}
-#code_container .code_reader .author_box #author_info {
- font-weight:normal;
+#code_container .code_reader .author_box {
+ background:#04357B;
+ border:none;
+ color:white;
+}
+
+#code_container .code_reader .author_box * {
+ color:white;
}
#code_container .code_reader .tab_left {
@@ -843,25 +1580,20 @@ img {
font-weight:normal;
}
-#code_container .code_reader ol li a.internal_link {
+#code_container .code_reader ol li a.internal_link, #code_container .code_reader ol li a.external_link {
color:#04357B;
- font-family:Verdana, Arial;
- padding:5px 0 5px 26px;
- background-position:0 0;
- background-repeat:no-repeat;
border:none;
- font-weight:bold;
+ font-weight:normal;
+ text-indent:0;
+ text-decoration:underline;
}
#code_container .code_reader ol li a.internal_link span {
color:#04357B;
- font-family:Verdana, Arial;
- font-weight:bold;
+ font-weight:normal;
}
#code_container .code_reader a.internal_link:hover, #code_container .code_reader a.internal_link:hover span {
color:#EFAB00;
- text-decoration: underline;
}
-
#code_container .code_reader ol li span.hide span {
color:#848484;
}
@@ -912,7 +1644,7 @@ img {
#edit_container textarea {
margin-top:10px;
margin-bottom:20px;
- height:300px;
+ height:200px;
}
#edit_container #edit_btn {
@@ -921,15 +1653,12 @@ img {
/* Search */
-#search .h1_wrap h1 {
- background-image:url("images/search_48.png");
- background-position: 10px 50%;
+#search .summary {
+ margin: 10px 0 0px 5px;
+ font-size:14px;
+ font-style: italic;
}
-#search .h1_wrap h1 span {
- padding-left:52px;
-}
-
#search .code_reader:hover .tab_left,
#search .code_reader:hover ol,
#search .code_reader:hover li {
@@ -937,16 +1666,20 @@ img {
cursor:pointer;
}
-/* Profile */
+#search .step_box {
+ margin-bottom:10px;
+}
-#profile .h1_wrap h1 {
- background-image:url("images/tux_48.png");
- background-position:5px 50%;
+#search #repeat_query {
+ padding-bottom: 6px;
}
-#profile .h1_wrap h1 span {
- padding-left:47px;
+
+#search #sub_button_box {
+ display:inline;
}
+/* Profile */
+
#profile #avatar {
width:96px;
height:96px;
@@ -955,6 +1688,13 @@ img {
float:left;
}
+#profile #profile_company_logo {
+ width:24px;
+ height:24px;
+ vertical-align:middle;
+ margin-right:5px;
+}
+
#profile .user {
margin-left:110px; /* 96 (picture) + 10 (margin) + 4 (borders) */
padding:10px 16px;
@@ -963,6 +1703,10 @@ img {
background:#D9E5F2;
}
+#profile .user .fa {
+ margin-right:2px;
+}
+
#profile .user p {
font-size:16px;
line-height:25px;
@@ -981,7 +1725,7 @@ img {
background:url(images/logo_25.png) 0 1px no-repeat;
}
-#profile #user_history {
+#profile #history_subbox {
margin-top:10px;
border:2px solid #04357B;
}
@@ -991,10 +1735,10 @@ img {
font-size:14px;
}
#profile #user_history p.history_line:nth-child(odd) {
- background:white;
+ background:#D9E5F2;
}
#profile #user_history p.history_line:nth-child(even) {
- background:#D9E5F2;
+ background:#FFFFFF;
}
#profile #user_history p.history_line:FIRST-CHILD {
-moz-border-radius-topleft: 10px;
@@ -1016,23 +1760,25 @@ img {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
+#profile #user_history p.history_line .fa {
+ margin-left:5px;
+ margin-right:5px;
+}
#profile #user_history a {
text-decoration:underline;
}
+/* Article */
+
+#article .loading_box {
+ font-size:16px;
+}
+
/* Chat */
-#chat .h1_wrap h1 {
- background-image:url('images/chat_48.png');
- background-position: 5px 50%;
-}
-#chat .h1_wrap h1 span {
- padding-left:47px;
-}
-
#chat #chat_room {
- margin-right:154px; /* 140px + 10px (margin-left) + 2*2px (borders) */
+ margin-right:175px; /* 165px + 10px (margin-left) */
border:2px solid #04357B;
background:white;
height:100%;
@@ -1086,36 +1832,6 @@ img {
width:100%;
}
-#chat #chat_room #chat_container .thumb .end, #chat #chat_room #chat_container .thumb {
- background-color:#04357B;
- width:13px;
-}
-#chat #chat_room #chat_container .scrollbar {
- position:relative;
- float:right;
- width:15px;
- margin-left:5px;
-}
-#chat #chat_room #chat_container .track {
- background-color:#D9E5F2;
- height:100%;
- width:13px;
- position:relative;
- padding:0;
-}
-#chat #chat_room #chat_container .thumb {
- position:absolute;
- top:0;
- overflow:hidden;
-}
-#chat #chat_room #chat_container .thumb .end {
- overflow:hidden;
- height:20px;
-}
-#chat #chat_room #chat_container .disable {
- display:none;
-}
-
.noSelect {
user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
}
@@ -1177,31 +1893,33 @@ img {
#chat_messages p span.chan_link {
font-weight:bold;
}
+#chat_messages p span.news {
+ font-weight:bold;
+}
#chat_messages .help {
border:1px dashed #666666;
padding:0 0 5px 0;
margin:5px 0;
+ background:white;
}
#chat_messages .help p {
padding:0 5px;
color:#666666;
- font-size:12px;
+ font-size:10px;
}
#chat_messages .help p.title {
- line-height:16px;
- font-size:16px;
+ font-size:14px;
padding:3px 5px;
border-bottom:1px dashed #666666;
letter-spacing:0;
-}
-#chat_messages .help p.title span#close_help {
- float:right;
- margin-right:1px;
+ display: inline-block;
+ width:calc(50% - 10px);
+ float:left;
}
#chat_messages .help p.subtitle {
margin-top:5px;
- font-size:14px;
+ font-size:12px;
}
#chat_messages .help p.item {
margin-top:1px;
@@ -1217,18 +1935,23 @@ img {
#chat #chat_input {
margin:5px;
- padding:7px 7px 7px 31px;
- background:#04357B url("images/chat_24.png") 5px 5px no-repeat;
+ padding:0 5px;
+ background:#04357B;
+}
+
+#chat #chat_input .fa {
+ color:#D9E5F2;
+ margin-right:2px;
}
#chat #chat_input input#message {
color:white;
margin:0;
- padding:0;
+ padding:7px 0;
border:none;
min-width:200px;
- width:100%;
font-size:13px;
+ line-height:13px;
}
#chat #chat_input input#message:hover, #chat #chat_input input#message:focus {
@@ -1238,7 +1961,7 @@ img {
#chat #sidebar {
position:absolute;
right:0;
- width:145px;
+ width:165px;
}
#chat #sidebar div {
@@ -1271,6 +1994,7 @@ img {
#chat #sidebar .sidebar_box_content p {
padding:3px 0;
+ overflow: hidden;
}
#chat #sidebar .sidebar_box_content p span.key {
@@ -1278,39 +2002,61 @@ img {
padding-right: 5px;
}
-#chat #sidebar a.connectedUser {
+#chat #sidebar p.connected_user {
font-size:16px;
+}
+#chat #sidebar a.connected_user_logo img {
+ vertical-align:middle;
+}
+#chat #sidebar a.connected_user_name {
+ display:inline-block;
+ width:calc(100% - 24px - 5px); /* logo + right margin */
font-style:italic;
font-weight:normal;
color:#04357B;
text-decoration:underline;
margin-left:5px;
}
-#chat #sidebar a.connectedUser:hover {
+#chat #sidebar a.connected_user:hover {
color:#EFAB00;
}
#chat .afk {
position:absolute;
+ font-size:20px;
+ line-height:20px;
+ text-shadow: 1px 1px 1px #D9E5F2;
margin-left:-20px;
- margin-top:4px;
+ margin-top:2px; /* (24 - 20)/2 */
+}
+
+#chat #chat_chan {
+ margin-bottom: -2px;
}
#chat #chat_chan .tab_bar {
- color:#000000;
font-weight:bold;
text-align:right;
- margin:14px 164px 2px 0px;
+ margin:0 184px 0 0; /* 165px + the round corner */
}
-#chat #chat_chan .tab_bar span.chan, #chat #chat_chan .tab_bar span#join_chan {
+#chat #chat_chan .tab_bar span.chan {
+ display: inline-block;
background-color:#D9E5F2;
padding:2px 8px;
border:2px solid #04357B;
margin-left:5px;
-}
-#chat #chat_chan .tab_bar span.chan:hover, #chat #chat_chan .tab_bar span#join_chan:hover,
-#chat #chat_chan .tab_bar span#join_chan.active {
+ color:#04357B;
+}
+
+#chat #chat_chan .tab_bar span#join_chan {
+ padding:2px;
+ border-bottom:#04357B;
+}
+#chat #chat_chan .tab_bar span#join_chan:hover #join_chan_button {
+ color:#EFAB00;
+}
+#chat #chat_chan .tab_bar span.chan:hover, #chat #chat_chan .tab_bar span#join_chan.active {
background-color:#04357B;
color:#FFFFFF;
}
@@ -1322,8 +2068,7 @@ img {
font-style:italic;
}
#chat #chat_chan .tab_bar a.quit_chan {
- text-transform:uppercase;
- margin-left:10px;
+ margin-left:5px;
color:#04357B;
}
#chat #chat_chan .tab_bar span.chan.active:hover a.quit_chan {
@@ -1332,22 +2077,22 @@ img {
#chat #chat_chan .tab_bar span.chan:hover a.quit_chan {
color:#D9E5F2;
}
-#chat #chat_chan .tab_bar span.chan a.quit_chan:hover, #chat #chat_chan .tab_bar span.chan.active a.quit_chan:hover {
+#chat #chat_chan .tab_bar span.chan a.quit_chan:hover,
+#chat #chat_chan .tab_bar .fa:hover {
color:#EFAB00;
}
-#chat #chat_chan .tab_bar span#join_chan input, #chat #chat_chan .tab_bar span#join_chan input,
#chat #chat_chan .tab_bar span#join_chan input, #chat #chat_chan .tab_bar span#join_chan input:hover {
border:none;
- font-size:16px;
+ font-size:14px;
padding:0;
+ margin:0;
width:70px;
background-color:#04357B;
color:white;
+ font-weight:bold;
}
#chat #chat_chan .tab_bar span.active, #chat #chat_chan .tab_bar span.active:hover {
- /*background-color:#EFAB00;
- color:#000000;*/
border-bottom-color: #FFFFFF;
background-color: #FFFFFF;
color:#000000;
@@ -1357,89 +2102,86 @@ img {
background-color:#EFAB00;
}
+#chat #sidebar #news, #chat #sidebar #news p {
+ padding:0;
+}
+#chat #sidebar #news .new {
+ padding:6px 5px;
+}
+#chat #news .new:nth-child(even) {
+ background:#DCF2FB;
+}
+#chat #news .new:nth-child(odd) {
+ background:#D9E5F2;
+}
+#chat #news .new:last-child {
+ -moz-border-radius:0 0 10px 10px;
+ -webkit-border-radius:0 0 10px 10px;
+ -khtml-border-radius:0 0 10px 10px;
+ border-radius:0 0 10px 10px;
+}
+#chat #news .new .signature {
+ font-size: 0.75em;
+ text-align: right;
+}
+#chat #news .new .signature .news_time {
+ font-style:italic;
+}
+
/* Options */
-#options .h1_wrap h1 {
- background-image:url("images/options_48.png");
- background-position: 5px 50%;
-}
-#options .h1_wrap h1 span {
- padding-left:45px;
-}
-
-#options #options_input {
+#options .options_box {
background:#D9E5F2;
border:2px solid #04357B;
- margin-bottom:10px;
- width:492px; /* 250 + 10*2 (label) + 200 + 5*2 + 1*2 (input) + 10 */
-}
-
-#options #options_input .loading {
+ width:490px;
+ float:left;
+ margin:0 10px 10px 0;
padding:10px;
}
-#options #options_input .option_line {
+#options .options_box .loading {
+ padding:10px;
+}
+
+#options .options_box h2 {
+ color:#04357B;
+ font-size:20px;
+ margin:0 0 10px 0;
+ border-bottom:2px solid #04357B;
+}
+
+#options .options_box .option_line {
margin:10px 0;
}
-#options #options_input input[type=text], #options #options_input select {
+#options .options_box input[type=text], #options .options_box input[type=password], #options .options_box select {
font-size:14px;
background:white;
border-width:1px;
font-size:14px;
padding:5px;
+ float:right;
}
-#options #options_input select {
+#options .options_box .button {
+ float:left;
+ clear:both;
+}
+
+#options .options_box select {
border:1px solid #04357B;
color:#04357B;
}
-#options #options_input label {
+#options .options_box .option_line p {
float:left;
width:250px;
- padding:7px 10px;
-}
-
-/* The List */
-
-#list .h1_wrap h1 {
- background-image:url("images/preview_48.png");
-}
-
-#list .author_box {
- border:1px solid #04357B;
- color:#04357B;
- font-style:italic;
-}
-
-#list .author_box a {
- color:black;
-}
-
-#list .author_box:nth-child(odd) {
- background:#DCF2FB;
-}
-#list .author_box:nth-child(even) {
- background:#D9E5F2;
-}
-
-#list .author_box span:FIRST-CHILD {
- color:#000000;
- font-style:normal;
- font-size:13px;
-}
-
-#list .author_box:hover {
- border-color:#EFAB00;
+ padding:5px 0;
+ margin:5px 0;
}
/* Procedure */
-#procedure .h1_wrap h1 {
- background-image:url("images/paste_48.png");
-}
-
#procedure #procedure_steps .button {
background-color:white;
}
@@ -1448,15 +2190,6 @@ img {
background-color:#EFAB00
}
-#procedure .step_box, #doc .step_box {
- margin-top:5px;
- margin-bottom:5px;
- padding:10px;
- background:#D9E5F2;
- color:#04357B;
- border: 2px solid #04357B;
-}
-
#titles_read p.read_title {
border-bottom:1px solid #04357B;
font-weight:bold;
@@ -1470,50 +2203,31 @@ img {
#titles_read p.read_description {
font-size:14px;
- line-height:24px;
- background: url('images/preview_24.png') 0 0 no-repeat;
- padding-left:30px;
+}
+
+#titles_read p.read_description .fa {
+ margin-right:5px;
}
#procedure table.step_box {
width:100%;
}
-#procedure input.step_line_item, #doc input.step_line_item {
- margin-top:10px;
- width:50%;
- background:white;
- font-size:14px;
- border-width:1px;
-}
-
#procedure table.step_box:nth-child(even) {
background:#DCF2FB;
}
#procedure table.step_box td {
text-align:left;
- padding:10px 0;
margin:0;
}
-#procedure .step_box .step_nb_box, #doc .step_box .step_nb_box {
- border-bottom:1px solid #04357B;
- padding:0;
-}
-
#procedure table.step_box td.step_margin {
width:50%;
}
-#procedure textarea {
- width:100%;
- height:200px;
- padding:5px;
- margin:0;
- background:white;
- color: #04357B;
- border:1px solid #04357B;
+#procedure table.step_box td.step_buttons {
+ padding-top:10px;
}
#procedure table.step_box td.image_box_container {
@@ -1535,12 +2249,12 @@ img {
background:white;
}
-#procedure .proc_menu {
- margin:15px 0;
+#procedure #bottom_menu {
+ margin:10px 0 0 0;
}
-#procedure #bottom_menu {
- margin-bottom:10px;
+#procedure #top_menu {
+ margin:0 0 10px 0;
}
#procedure #validation_button .button {
@@ -1584,60 +2298,8 @@ img {
font-size:12px;
}
-#procedure #slider {
- position:fixed;
- top:0;
- left:0;
- background: #04357B;
- border:5px solid #0C8BCE;
-}
-
-#procedure #slider .innerBorder {
- border:5px solid #04357B;
-}
-
-#procedure #slider #slider_image {
- position:relative;
- margin:20px;
-}
-
/* Procedure - Uploader */
-.uploader_box {
- position:relative;
- width:100%;
-}
-
-.uploader_droparea {
- position:absolute;
- top:-10px;
- left:0;
- width:100%;
- height:100%;
- height:210px;
- z-index:2;
- border:1px solid #04357B;
- background:white;
- text-align:center;
-}
-
-.uploader_droparea-active {
- background:#EFAB00;
-}
-.uploader_droparea span {
- display:block;
- position:absolute;
- top:50%;
- width:100%;
- margin-top:-8px;
- font-size:16px;
-}
-
-.uploader_buffer {
- width:100%;
- height:8px;
-}
-
#procedure .error {
margin:0 0 15px 0;
}
@@ -1647,115 +2309,85 @@ img {
margin:10px 0;
}
-.uploader_list {
- margin:0;
- padding:0;
- list-style:none;
-}
-.uploader_list li {
- background: url("images/screenshot_16.png") no-repeat 0 50%;
- margin:5px 0 0 10px;
- padding:0 0 0 22px;
- line-height:16px;
- font-size:12px;
- /*border:1px solid #04357B;*/
-}
-
-.uploader_item_file, .uploader_item_loading, .uploader_item_size, .uploader_item_cancel, .uploader_item_failed {
- margin-right:5px;
-}
-
-.uploader_item_loading {
- display:inline-block;
- background: url("images/processing_16.gif");
- width:16px;
- height:16px;
- vertical-align:middle;
-}
-.uploader_item_size, .uploader_item_cancel {
- font-size:12px;
- font-weight: normal;
-}
-
-.uploader_item_cancel {
- text-decoration:underline;
-}
-
-.uploader_box .image_description {
- border-width:1px;
- padding:3px 5px;
- background:white;
-}
-
-.uploader_box .delete {
- background-image: url("images/no_16.gif");
- background-position: 50% 50%;
- height:22px;
- margin: 0;
- padding:0;
- width:22px;
-}
-
-.uploader_item_failed_notice {
- display:none;
-}
-.uploader_item_failed .uploader_item_failed_notice {
- display:inline;
-}
-
-.uploader_item_failed {
- color:red;
-}
-
-.uploader_item_success {
- font-weight: bold;
-}
-
/* Doc */
-#doc .h1_wrap h1 {
- background-image:url("images/raw_48.png");
-}
-
-#doc #attach_file, #doc #doc_menu {
- margin-top:18px;
+#doc_container, #doc {
+ margin:0;
+ padding:0;
}
#doc .step_box {
margin-bottom:10px;
}
+#doc #attach_file {
+ margin-top:10px;
+}
+
#doc .uploader_droparea {
height:150px;
}
-#doc #doc_links a {
- padding:20px 0 20px 30px;
- background:url('images/raw_24.png') 0 50% no-repeat;
- line-height:40px;
- font-size:14px;
- text-decoration:underline;
+#doc #doc_links {
+ padding:20px 10px 10px 0px;
}
-#doc #doc_links a.xls, #doc #doc_links a.xlsx {
- background-image:url('images/xls_24.png');
+/* Table */
+
+#table #system {
+ width:80px;
}
-#doc #doc_links a.doc, #doc #doc_links a.docx {
- background-image:url('images/doc_24.png');
+
+#table input#title {
+ width:20%;
}
-#doc #doc_links a.ppt, #doc #doc_links a.pptx {
- background-image:url('images/ppt_24.png');
+#table input#description {
+ width:calc(80% - 92px);
}
-#doc #doc_links a.pdf {
- background-image:url('images/pdf_24.png');
+
+#table .step_box_title a {
+ color:#04357B;
+}
+
+#table #validation {
+ margin-top:15px;
+}
+
+#table .table_info {
+ margin-top:20px;
+ font-size:0.8em;
+}
+
+#table #read_title {
+ font-weight: bold;
+}
+
+#table #read_description {
+ font-style: italic;
+}
+
+#table #read_keywords {
+ margin:10px 0 0 0;
+ font-size: 0.9em;
+}
+
+#table input:disabled {
+ color:#D9E5F2;
+ background-color:#04357B;
+}
+
+#table .form_success {
+ display: none;
+}
+
+/* List */
+
+#list_container div:FIRST-CHILD {
+ margin-top:0;
}
/* 404 */
-#err_404 .h1_wrap h1 {
- background-image:url('images/no_48.png');
-}
-
#err_404 p {
margin-top:20px;
color:#04357B;
@@ -1763,7 +2395,7 @@ img {
/* Footer */
-#footer {
+#footer {
padding-right:10px;
text-align:right;
}
@@ -1778,6 +2410,17 @@ img {
font-weight:bold;
}
+/* Log Out */
+
+#logout p {
+ font-size:18px;
+ color:#04357B;
+ margin-top:25px;
+}
+#logout p .fa {
+ margin-right:5px;
+}
+
/* Debug*/
.line_h {
@@ -1801,7 +2444,7 @@ img {
@media only screen and (max-device-width: 480px) {
- /* General - Standard Tags */
+ /* General - Standard Tags - index */
body, html {
min-width:300px;
@@ -1815,10 +2458,20 @@ img {
padding:0;
}
- #footer, .righty, .h1_wrap, #add_ln, #procedure_ln, #sidebar {
+ #header table .cell.righty, #footer {
display: none;
}
+ #header table .cell.lefty {
+ width:100%;
+ }
+
+ .logo {
+ top:5px;
+ left:50%;
+ margin-left:-110px;
+ }
+
#menu {
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
@@ -1826,7 +2479,7 @@ img {
border-radius:0 10px 10px 0;
}
- #main {
+ #main_container {
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
-khtml-border-radius:10px 0 0 10px;
@@ -1835,30 +2488,30 @@ img {
/* Logon */
- #logon_logo {
+ #logon .logo {
position:static;
}
- #logon_container {
+ #logon .container {
position:static;
top:0;
left:0;
margin:0;
width:100%;
}
- #logon_container #logon_box {
+ #logon .container #logon_box {
background:white;
margin:10px;
overflow:auto;
}
- #logon_container #logon_box .key {
+ #logon .box .key {
display:none;
}
- #logon_container #logon_box table {
+ #logon .box table {
margin:0;
display:block;
}
- #logon_container #logon_box td {
+ #logon .box table td {
padding:0;
margin:0;
text-align:left;
@@ -1866,10 +2519,13 @@ img {
color:#04357B;
height:50px;
}
- #logon_container #logon_box .validate {
+ #logon .box .validate {
text-align:right;
}
- #logon_container #logon_box input {
+ #logon .box .feedback {
+ float:left;
+ }
+ #logon .box input {
border:1px solid #04357B;
color:#04357B;
font-size:28px;
@@ -1877,17 +2533,32 @@ img {
float:right;
width:90%;
}
- #logon_container #logon_box input[type=submit] {
+ #logon .box input[type=button] {
padding:1px 10px;
width:auto;
}
+ #logon #footer {
+ position:fixed;
+ bottom:0;
+ }
/* Menu */
#menu #menu_box ul li#close_menu_ln {
- background-image:url('images/expand_left_16.png');
- background-position: 7px 50%;
border-top:2px solid #04357B;
}
+ /* Chat */
+
+ #chat #chat_chan, #chat #sidebar {
+ display:none;
+ }
+
+ #chat #chat_room {
+ margin-right:0;
+ }
+
+ #chat #chat_room #chat_container #chat_messages_box {
+ background-image: url('images/sap_gold_200.jpg');
+ }
}
\ No newline at end of file