git-svn-id: svn://svn.dsv.su.se/scipro/scipro/trunk@333 73ecded7-942e-4092-bab0-0e58ef0ee984
This commit is contained in:
dan-kjel
parent
fabe99c8e9
commit
9195ab1620
src/main/webapp
css
images/icons
styles
@ -1,6 +1,11 @@
|
||||
|
||||
/* BASE */
|
||||
|
||||
/* For ajax loader */
|
||||
body {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#main-header {
|
||||
background: url('../images/header-background.png') repeat-x;
|
||||
height: 80px;
|
||||
@ -254,4 +259,160 @@ tr.unread-message-table-row > td {
|
||||
|
||||
.rightaligned {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* ADDED BY DAN PLEASE FORGIVE! */
|
||||
#ajax-loader {
|
||||
z-index:9999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
background-color: #FFFF80;
|
||||
border-bottom: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
.connectedSortable {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float:right;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float:left;
|
||||
}
|
||||
|
||||
td.icon,
|
||||
span.icon {
|
||||
padding-left: 20px;
|
||||
line-height: 20px; /* To center the text vertically with the icon */
|
||||
}
|
||||
|
||||
span.floating-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
td.icon-button,
|
||||
span.icon-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
td.icon-user,
|
||||
span.icon-user { /*The background image*/
|
||||
background: url(../images/user.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-project,
|
||||
span.icon-project { /*The background image*/
|
||||
background: url(../images/project.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-arrowDown,
|
||||
span.icon-arrowDown {
|
||||
background: url(../images/icons/arrow-down.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-plus,
|
||||
span.icon-plus {
|
||||
background: url(../images/icons/add.gif) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-minus,
|
||||
span.icon-minus {
|
||||
background: url(../images/icons/minus.gif) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-check,
|
||||
span.icon-check {
|
||||
background: url(../images/icons/circle-check.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-pencil,
|
||||
span.icon-pencil { /*The background image*/
|
||||
background: url(../images/icons/pencil.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-delete,
|
||||
span.icon-delete { /*The background image*/
|
||||
background: url(../images/icons/circle-delete.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-zoom-in,
|
||||
span.icon-zoom-in { /*The background image*/
|
||||
background: url(../images/icons/zoom-in.png) no-repeat left center;
|
||||
}
|
||||
|
||||
.bordered-box {
|
||||
border: 1px solid #CCE6FF;
|
||||
padding: 0.5em 0.5em;
|
||||
}
|
||||
|
||||
form.div {
|
||||
display:block;
|
||||
}
|
||||
|
||||
form.formRow {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#schedulePlannerCtrlContainer {
|
||||
border: 1px solid #CCE6FF;
|
||||
}
|
||||
|
||||
#schedulePlannerCtrlContainer ul {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.scheduleEventList {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.scheduleEvent {
|
||||
padding: 0.2em 0.2em;
|
||||
-webkit-border-radius: 3px;
|
||||
background-color: #E5F3FF;
|
||||
border: 1px solid #B3DBFF;
|
||||
}
|
||||
|
||||
.scheduleEventHeader {
|
||||
padding: 0.4em 0.2em;
|
||||
}
|
||||
|
||||
.scheduleEventHeaderBar {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.scheduleEventHeaderBar img {
|
||||
float:left;
|
||||
margin-right: 1em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.scheduleEventHeaderBar span {
|
||||
display: inline;
|
||||
margin-left: 0.1em;
|
||||
}
|
||||
|
||||
.scheduleEventIconbar {
|
||||
margin: 0.4em 1em;
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
.scheduleEventContent {
|
||||
padding: 0.3em 0.5em;
|
||||
width: 45em;
|
||||
}
|
||||
|
||||
.scheduleEventFooter {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
form.dialogForm {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After 
(image error) Size: 3.7 KiB |
BIN
src/main/webapp/images/icons/circle-check.png
Normal file
BIN
src/main/webapp/images/icons/circle-check.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.8 KiB |
BIN
src/main/webapp/images/icons/zoom-in.png
Normal file
BIN
src/main/webapp/images/icons/zoom-in.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.8 KiB |
@ -6,6 +6,7 @@ html, body {
|
||||
padding: 0 0 0 0;
|
||||
font-size: 0.94em;
|
||||
line-height: 1.5em;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
@ -13,10 +14,22 @@ h1, h2, h3 {
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 60em;
|
||||
width: 960px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#ajax-loader {
|
||||
z-index:9999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
background-color: #FFFF80;
|
||||
border-bottom: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
#veil {
|
||||
opacity:0.3;
|
||||
filter:alpha(opacity=50);
|
||||
@ -37,14 +50,23 @@ h1, h2, h3 {
|
||||
background: url(../images/ajax-loader.gif) center no-repeat;
|
||||
}
|
||||
|
||||
span.float-right {
|
||||
p.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.connectedSortable {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float:right;
|
||||
}
|
||||
|
||||
span.float-left {
|
||||
.float-left {
|
||||
float:left;
|
||||
}
|
||||
|
||||
td.icon,
|
||||
span.icon {
|
||||
padding-left: 20px;
|
||||
line-height: 20px; /* To center the text vertically with the icon */
|
||||
@ -55,38 +77,56 @@ span.floating-icon {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
td.icon-button,
|
||||
span.icon-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
td.icon-user,
|
||||
span.icon-user { /*The background image*/
|
||||
background: url(../images/user.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-project,
|
||||
span.icon-project { /*The background image*/
|
||||
background: url(../images/project.png) no-repeat left center;
|
||||
}
|
||||
|
||||
span.icon-timeDiff {
|
||||
td.icon-arrowDown,
|
||||
span.icon-arrowDown {
|
||||
background: url(../images/icons/arrow-down.png) no-repeat left center;
|
||||
}
|
||||
|
||||
span.icon-showMore {
|
||||
td.icon-plus,
|
||||
span.icon-plus {
|
||||
background: url(../images/icons/add.gif) no-repeat left center;
|
||||
}
|
||||
|
||||
span.icon-showLess {
|
||||
td.icon-minus,
|
||||
span.icon-minus {
|
||||
background: url(../images/icons/minus.gif) no-repeat left center;
|
||||
}
|
||||
|
||||
span.icon-edit { /*The background image*/
|
||||
td.icon-check,
|
||||
span.icon-check {
|
||||
background: url(../images/icons/circle-check.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-pencil,
|
||||
span.icon-pencil { /*The background image*/
|
||||
background: url(../images/icons/pencil.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-delete,
|
||||
span.icon-delete { /*The background image*/
|
||||
background: url(../images/icons/circle-delete.png) no-repeat left center;
|
||||
}
|
||||
|
||||
td.icon-zoom-in,
|
||||
span.icon-zoom-in { /*The background image*/
|
||||
background: url(../images/icons/zoom-in.png) no-repeat left center;
|
||||
}
|
||||
|
||||
.bordered-box {
|
||||
border: 1px solid #CCE6FF;
|
||||
padding: 0.5em 0.5em;
|
||||
@ -124,13 +164,21 @@ span.icon-delete { /*The background image*/
|
||||
margin: 0 0;
|
||||
}
|
||||
|
||||
form.div {
|
||||
display:block;
|
||||
}
|
||||
|
||||
form.formRow {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#schedulePlannerCtrlContainer {
|
||||
clear: both;
|
||||
padding: 1em 1em;
|
||||
border: 1px solid #CCE6FF;
|
||||
}
|
||||
|
||||
#schedulePlannerCtrlContainer ul {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.scheduleEventList {
|
||||
@ -139,19 +187,35 @@ span.icon-delete { /*The background image*/
|
||||
|
||||
.scheduleEvent {
|
||||
padding: 0.2em 0.2em;
|
||||
-webkit-border-radius: 3px;
|
||||
background-color: #E5F3FF;
|
||||
border: 1px solid #B3DBFF;
|
||||
}
|
||||
|
||||
.scheduleEventHeader {
|
||||
background-color: #CCE6FF;
|
||||
border: 1px solid #0099CC;
|
||||
padding: 0.4em 0.2em;
|
||||
}
|
||||
|
||||
.scheduleEventHeader span {
|
||||
.scheduleEventHeaderBar {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.scheduleEventHeaderBar img {
|
||||
float:left;
|
||||
margin-right: 1em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.scheduleEventHeaderBar span {
|
||||
display: inline;
|
||||
margin-left: 0.1em;
|
||||
}
|
||||
|
||||
.scheduleEventIconbar {
|
||||
margin: 0.4em 1em;
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
.scheduleEventContent {
|
||||
padding: 0.3em 0.5em;
|
||||
width: 45em;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user