--- a/server/src/main/webapp/static/css/index.css Sun May 18 10:31:12 2014 +0200
+++ b/server/src/main/webapp/static/css/index.css Sun May 25 13:45:24 2014 +0900
@@ -1,384 +1,454 @@
+::-moz-selection {
+ background: #a8d1ff;
+ color: inherit;
+ text-shadow: inherit;
+}
-::-moz-selection { background: #a8d1ff; color: inherit; text-shadow: inherit;}
-::selection { background: #a8d1ff; color: inherit; text-shadow: inherit;}
+::selection {
+ background: #a8d1ff;
+ color: inherit;
+ text-shadow: inherit;
+}
-body,html {
- height: 100%;
+body, html {
+ height: 100%;
}
body, h1, h2, table, tbody, thead, tr, td, th {
- border: none; margin: 0; padding: 0; text-align: left; font-size: 100%;
-}
-body {
- margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #F6F6F6; color: #333333;
+ border: none;
+ margin: 0;
+ padding: 0;
+ text-align: left;
+ font-size: 100%;
}
+
+body {
+ margin: 0;
+ padding: 0;
+ font-family: Arial, Helvetica, sans-serif;
+ background: #F6F6F6;
+ color: #333333;
+}
+
h1 {
- margin-bottom: 5px; padding: 15px; background: #333333; color: #ffffff;
- font-weight: bold; font-size: 30px;
+ margin-bottom: 5px;
+ padding: 15px;
+ background: #333333;
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 30px;
}
+
h2 {
- margin: 12px 15px 2px;
+ margin: 12px 15px 2px;
}
+
h3 {
- color: #999999; font-size: 15px; font-weight: bold;
- font-style: italic; margin: 5px 30px;
+ color: #999999;
+ font-size: 15px;
+ font-weight: bold;
+ font-style: italic;
+ margin: 5px 30px;
}
+
a {
- text-decoration: none; color: #3030a0;
+ text-decoration: none;
+ color: #3030a0;
}
+
a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
+
table {
- border-collapse: collapse; margin: 5px 15px; border: 1px solid #CCCCCC;
-}
-th, td {
- padding: 4px 12px 4px 4px; border: 1px solid #cccccc;
+ border-collapse: collapse;
+ margin: 5px 15px;
+ border: 1px solid #CCCCCC;
}
-thead {
- font-size: 16px;
+
+th, td {
+ padding: 4px 12px 4px 4px;
+ border: 1px solid #cccccc;
}
+
+thead {
+ font-size: 16px;
+}
+
tbody {
- font-size: 14px;
+ font-size: 14px;
}
+
tbody tr:nth-child(even) {
- background: #fafafa;
+ background: #fafafa;
}
+
tbody tr:nth-child(odd) {
- background: #f0f0f0;
+ background: #f0f0f0;
}
+
thead tr {
- background: #666666; color: #f0e0e0;
+ background: #666666;
+ color: #f0e0e0;
}
+
tbody tr:hover {
- background: #ffffff;
+ background: #ffffff;
}
.pagination-container {
- margin: 12px 15px 2px;
- font-size: 14px;
+ margin: 12px 15px 2px;
+ font-size: 14px;
}
.pagination-container a, .pagination-container span {
- margin: 0 1px 0 1px;
+ margin: 0 1px 0 1px;
}
div#container {
- position:relative; /* needed for footer positioning*/
- margin:0 auto; /* center, not in IE5 */
-
- height:auto !important; /* real browsers */
- height:100%; /* IE6: treaded as min-height*/
-
- min-height:100%; /* real browsers */
+ position: relative; /* needed for footer positioning*/
+ margin: 0 auto; /* center, not in IE5 */
+ height: auto !important; /* real browsers */
+ height: 100%; /* IE6: treaded as min-height*/
+ min-height: 100%; /* real browsers */
}
div#wrapper {
- padding-bottom: 1em; /* bottom padding for footer */
+ padding-bottom: 1em; /* bottom padding for footer */
}
header#header {
- border-bottom: 2px solid #ffffff; background: #333333; color: #ffffff;
- font-weight: bold; font-size: 30px;
+ border-bottom: 2px solid #ffffff;
+ background: #333333;
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 30px;
}
header h1 {
- float:left;
+ float: left;
}
header #header-clear {
- clear: both;
+ clear: both;
}
header .header-nav {
- background: #333333; color: #ffffff;
- float: right;
- font-weight: normal; font-size: 15px;
- margin-bottom: 5px; padding: 15px;
- text-align: right;
+ background: #333333;
+ color: #ffffff;
+ float: right;
+ font-weight: normal;
+ font-size: 15px;
+ margin-bottom: 5px;
+ padding: 15px;
+ text-align: right;
}
-
-header .header-nav a, header .header-nav a:ACTIVE, header .header-nav a:LINK, header .header-nav a:VISITED {
- color: #ffffff;
- text-decoration: none;
+header .header-nav a, header .header-nav a:ACTIVE, header .header-nav a:LINK,
+ header .header-nav a:VISITED {
+ color: #ffffff;
+ text-decoration: none;
}
header .header-nav a:HOVER {
- color: #ffffff;
- text-decoration: underline;
+ color: #ffffff;
+ text-decoration: underline;
}
#header-nav-user-avatar {
- margin: 0 5px 2px 0;
+ margin: 0 5px 2px 0;
}
footer#footer {
- position:absolute;
- bottom:0;
- width:100%;
- font-size: 12px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ font-size: 12px;
+}
+
+footer#footer div {
+ float: right;
+ margin: 15px 10px 0 0;
+}
+
+#home-link, #home-link:link, #home-link:hover, #home-link:active,
+ #home-link:visited {
+ text-decoration: none;
+ color: #ffffff;
}
-
-footer#footer div {
- float:right;
- margin: 15px 10px 0 0;
+
+#inner {
+ width: 350px;
+ height: 170px;
+ margin: 10px auto;
+}
+
+#button {
+ margin: 0 auto;
+ border-radius: 3px;
+ text-align: center;
+ font: 36px verdana, arial, sans-serif;
+ color: white;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
+ height: 70px;
+ line-height: 70px;
+ background: #555;
+ background: -webkit-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737);
+ background: -moz-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737);
+ background: -ms-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737);
+ background: -o-linear-gradient(#5F5F5F, #565656 50%, #4C4C4C 51%, #373737);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.9);
}
-#home-link,#home-link:link,#home-link:hover,#home-link:active,#home-link:visited {
- text-decoration: none;
- color: #ffffff;
+#button:hover {
+ cursor: pointer;
+ background: #666;
+ background: -webkit-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747);
+ background: -moz-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747);
+ background: -ms-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747);
+ background: -o-linear-gradient(#707070, #666666 50%, #5B5B5B 51%, #474747);
+}
+
+#button:active {
+ box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.9);
+ background: #444;
+}
+
+#label {
+ font: 30px verdana, arial, sans-serif bold;
+ text-align: center;
+ text-shadow: 0 1px 1px #fff;
+ height: 70px;
+ line-height: 70px;
+ margin: 16px auto 0;
+}
+
+form {
+ height: 38px;
+ position: relative;
+}
+
+button, input, label {
+ font-weight: bold;
+ font-size: 15px;
+}
+
+#inner label {
+ padding: 5px 10px 5px 0px;
+}
+
+#form-fields {
+ float: left;
+}
+
+#form-fields input {
+ width: 290px;
}
-#inner {
- width: 300px;
- margin: 10px auto;
- }
-
- #button {
- margin: 0 auto;
- border-radius: 3px;
- text-align: center;
- font: 36px verdana,arial,sans-serif;
- color: white;
- text-shadow: 0 -1px 0 rgba(0,0,0,.8);
- height: 70px;
- line-height: 70px;
- background: #555;
- background: -webkit-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
- background: -moz-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
- background: -ms-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
- background: -o-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
- box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
- }
-
- #button:hover {
- cursor: pointer;
- background: #666;
- background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
- background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
- background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
- background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
- }
-
- #button:active {
- box-shadow: inset 0 1px 12px rgba(0,0,0,0.9);
- background: #444;
- }
-
-#label {
- font: 30px verdana,arial,sans-serif bold;
- text-align: center;
- text-shadow: 0 1px 1px #fff;
- height: 70px;
- line-height: 70px;
- margin: 16px auto 0;
+#inner div {
+ /* position: absolute;*/
+
+}
+
+#inner input {
+ padding: 5px 10px;
+ *padding: 0; /* IE7 hack */
+ height: 100%;
+ outline: none;
}
-form {
- height: 38px;
- position: relative;
+#inner input[type="text"] {
+ background: #fff;
+ border: 1px solid #bbb;
+ border-radius: 3px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
}
-button, input {
- font-weight: bold;
- font-size: 15px;
-}
-
-#inner input[type="text"] {
- background: #fff;
- border: 1px solid #bbb;
- border-radius: 3px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- padding: 0 10px 0 10px;
- *padding: 0; /* IE7 hack */
- width: 100%;
- height: 100%;
- outline: none;
- position: absolute;
-}
-
#inner button[type="submit"] {
- position: absolute;
- right: -45px;
- width: 45px;
- height: 38px;
+ position: absolute;
+ right: -45px;
+ width: 45px;
+ height: 38px;
}
#objects-content {
- float: left;
+ float: left;
}
#objects-content table {
- width: 100%;
+ width: 100%;
}
.object-tools {
- font-size: 11px;
- font-weight: bold;
- font-family: Arial,Helvetica,sans-serif;
- padding-left: 0;
- float: right;
- position: relative;
- margin: -2.4em -15px -2em 0;
+ font-size: 11px;
+ font-weight: bold;
+ font-family: Arial, Helvetica, sans-serif;
+ padding-left: 0;
+ float: right;
+ position: relative;
+ margin: -2.4em -15px -2em 0;
}
.object-tools li {
- list-style: none;
+ list-style: none;
}
.object-tools a:link, .object-tools a:visited {
- display: block;
- float: left;
- color: white;
- padding: .1em 8px .1em 8px;
- height: 14px;
- background: #666666;
- text-decoration: none;
+ display: block;
+ float: left;
+ color: white;
+ padding: .1em 8px .1em 8px;
+ height: 14px;
+ background: #666666;
+ text-decoration: none;
}
.object-table-title {
- width: 250px;
+ width: 250px;
}
+
.object-table-created {
- width: 120px;
+ width: 120px;
}
.object-table-actions {
- width: 40px;
+ width: 40px;
}
-.object-table-actions-disabled, .object-table-actions-disabled:link, .object-table-actions-disabled:visited, .object-table-actions-disabled:hover, .object-table-actions-disabled:active, .object-table-actions-disabled:focus {
- color: gray;
- text-decoration: none;
- cursor: default;
+.object-table-actions-disabled, .object-table-actions-disabled:link,
+ .object-table-actions-disabled:visited, .object-table-actions-disabled:hover,
+ .object-table-actions-disabled:active, .object-table-actions-disabled:focus
+ {
+ color: gray;
+ text-decoration: none;
+ cursor: default;
}
td.object-table-created {
- text-align: center;
+ text-align: center;
}
-.form-fields label, .form-fields input, .form-fields textarea, .form-fields #binConfigContainer {
- display:inline-block;
+.form-fields label, .form-fields input, .form-fields textarea,
+ .form-fields #binConfigContainer {
+ display: inline-block;
}
.form-fields label {
- width:150px;
+ width: 150px;
float: left;
}
.form-fields input, .form-fields textarea, .form-fields select {
- width:200px;
+ width: 200px;
}
-
.form-fields div {
- margin-bottom: 12px;
+ margin-bottom: 12px;
}
.form-error {
- color: red;
+ color: red;
}
-#binConfigDiv {
- position: relative;
- width: 650px;
- height: 150px;
+#binConfigDiv {
+ position: relative;
+ width: 650px;
+ height: 150px;
}
.binConfigButton {
- font-weight: normal;
+ font-weight: normal;
}
+
.binConfigButton[disabled] {
- color: graytext;
+ color: graytext;
}
#binConfigDiv div {
- margin-bottom: 0;
+ margin-bottom: 0;
}
#object-delete-container {
- margin-left: 12px;
- margin-top: 1em;
+ margin-left: 12px;
+ margin-top: 1em;
}
-
#object-delete-confirm-buttons {
- margin-top: 1em;
+ margin-top: 1em;
}
#object-delete-confirm-buttons form {
- margin: 0;
- padding: 0;
- display: inline;
+ margin: 0;
+ padding: 0;
+ display: inline;
}
#object-delete-confirm-buttons input[type=submit] {
- margin-right: 12px;
+ margin-right: 12px;
}
#project-filter-container {
- margin: 12px 0 0 15px;
+ margin: 12px 0 0 15px;
}
#project-filter-container input[type="text"] {
- background: #fff;
- border: 1px solid #bbb;
- border-radius: 3px;
- padding: 2px 10px 3px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- outline: none;
- font-weight: normal;
- font-size: 15px;
+ background: #fff;
+ border: 1px solid #bbb;
+ border-radius: 3px;
+ padding: 2px 10px 3px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ outline: none;
+ font-weight: normal;
+ font-size: 15px;
}
-
+
#project-filter-container button[type="submit"] {
-
+
}
.proj-sort-form {
- float: right;
- height: auto;
+ float: right;
+ height: auto;
}
.proj-sort-form input[type=submit] {
- width: 16px;
- height: 16px;
- border: 0;
+ width: 16px;
+ height: 16px;
+ border: 0;
}
.proj-sort-form input[type=submit]:HOVER {
- opacity: .5;
+ opacity: .5;
}
.proj-sortable-col {
- background: url("../img/sort_arrows.png") 0 0;
+ background: url("../img/sort_arrows.png") 0 0;
}
.proj-sort-desc-col {
- background: url("../img/sort_arrows.png") 0 -17px;
+ background: url("../img/sort_arrows.png") 0 -17px;
}
.proj-sort-asc-col {
- background: url("../img/sort_arrows.png") 0 -33px;
+ background: url("../img/sort_arrows.png") 0 -33px;
}
#inner-container {
- margin: 12px 0px 0px 15px;
+ margin: 12px 0px 0px 15px;
}
#login-errors {
- color: #ff0000;
- border: 1px solid #ff0000;
- padding: 8px;
- margin: 16px 16px 32px;
- width: inherit;
- float: left;
+ color: #ff0000;
+ border: 1px solid #ff0000;
+ padding: 8px;
+ margin: 16px 16px 32px;
+ width: inherit;
+ float: left;
}
#login-form {
- clear: both;
-}
+ clear: both;
+}
\ No newline at end of file