Commit c3a83948 authored by Nigel McNie's avatar Nigel McNie
Browse files

The new them. My last request: a pixie caramel!

* A more neutral colour scheme, appropriate for a default installation
* Forms are layed out with the title beside the inputs
* The profile page is in tabs
* Layout is cleaner and clearer
* Still will be some bugs, especially in IE!
parent 6e3bb9f1
htdocs/theme/default/static/images/background.gif

46 Bytes | W: | H:

htdocs/theme/default/static/images/background.gif

64 Bytes | W: | H:

htdocs/theme/default/static/images/background.gif
htdocs/theme/default/static/images/background.gif
htdocs/theme/default/static/images/background.gif
htdocs/theme/default/static/images/background.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/btn_search_off.gif

1.5 KB | W: | H:

htdocs/theme/default/static/images/btn_search_off.gif

1.34 KB | W: | H:

htdocs/theme/default/static/images/btn_search_off.gif
htdocs/theme/default/static/images/btn_search_off.gif
htdocs/theme/default/static/images/btn_search_off.gif
htdocs/theme/default/static/images/btn_search_off.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/calendar.gif

159 Bytes | W: | H:

htdocs/theme/default/static/images/calendar.gif

223 Bytes | W: | H:

htdocs/theme/default/static/images/calendar.gif
htdocs/theme/default/static/images/calendar.gif
htdocs/theme/default/static/images/calendar.gif
htdocs/theme/default/static/images/calendar.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/configure-block.png

236 Bytes | W: | H:

htdocs/theme/default/static/images/configure-block.png

463 Bytes | W: | H:

htdocs/theme/default/static/images/configure-block.png
htdocs/theme/default/static/images/configure-block.png
htdocs/theme/default/static/images/configure-block.png
htdocs/theme/default/static/images/configure-block.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/down.png

279 Bytes | W: | H:

htdocs/theme/default/static/images/down.png

204 Bytes | W: | H:

htdocs/theme/default/static/images/down.png
htdocs/theme/default/static/images/down.png
htdocs/theme/default/static/images/down.png
htdocs/theme/default/static/images/down.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/file.gif

506 Bytes | W: | H:

htdocs/theme/default/static/images/file.gif

542 Bytes | W: | H:

htdocs/theme/default/static/images/file.gif
htdocs/theme/default/static/images/file.gif
htdocs/theme/default/static/images/file.gif
htdocs/theme/default/static/images/file.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/folder.gif

499 Bytes | W: | H:

htdocs/theme/default/static/images/folder.gif

473 Bytes | W: | H:

htdocs/theme/default/static/images/folder.gif
htdocs/theme/default/static/images/folder.gif
htdocs/theme/default/static/images/folder.gif
htdocs/theme/default/static/images/folder.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/foldernav.gif

568 Bytes | W: | H:

htdocs/theme/default/static/images/foldernav.gif

531 Bytes | W: | H:

htdocs/theme/default/static/images/foldernav.gif
htdocs/theme/default/static/images/foldernav.gif
htdocs/theme/default/static/images/foldernav.gif
htdocs/theme/default/static/images/foldernav.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/icon_fieldset_down.gif

205 Bytes | W: | H:

htdocs/theme/default/static/images/icon_fieldset_down.gif

276 Bytes | W: | H:

htdocs/theme/default/static/images/icon_fieldset_down.gif
htdocs/theme/default/static/images/icon_fieldset_down.gif
htdocs/theme/default/static/images/icon_fieldset_down.gif
htdocs/theme/default/static/images/icon_fieldset_down.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/icon_help.gif

999 Bytes | W: | H:

htdocs/theme/default/static/images/icon_help.gif

529 Bytes | W: | H:

htdocs/theme/default/static/images/icon_help.gif
htdocs/theme/default/static/images/icon_help.gif
htdocs/theme/default/static/images/icon_help.gif
htdocs/theme/default/static/images/icon_help.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/icon_help.png

787 Bytes | W: | H:

htdocs/theme/default/static/images/icon_help.png

3.1 KB | W: | H:

htdocs/theme/default/static/images/icon_help.png
htdocs/theme/default/static/images/icon_help.png
htdocs/theme/default/static/images/icon_help.png
htdocs/theme/default/static/images/icon_help.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/image.gif

505 Bytes | W: | H:

htdocs/theme/default/static/images/image.gif

518 Bytes | W: | H:

htdocs/theme/default/static/images/image.gif
htdocs/theme/default/static/images/image.gif
htdocs/theme/default/static/images/image.gif
htdocs/theme/default/static/images/image.gif
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/move-block-down.png

228 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-down.png

449 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-down.png
htdocs/theme/default/static/images/move-block-down.png
htdocs/theme/default/static/images/move-block-down.png
htdocs/theme/default/static/images/move-block-down.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/move-block-left.png

234 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-left.png

423 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-left.png
htdocs/theme/default/static/images/move-block-left.png
htdocs/theme/default/static/images/move-block-left.png
htdocs/theme/default/static/images/move-block-left.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/move-block-right.png

224 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-right.png

445 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-right.png
htdocs/theme/default/static/images/move-block-right.png
htdocs/theme/default/static/images/move-block-right.png
htdocs/theme/default/static/images/move-block-right.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/move-block-up.png

233 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-up.png

434 Bytes | W: | H:

htdocs/theme/default/static/images/move-block-up.png
htdocs/theme/default/static/images/move-block-up.png
htdocs/theme/default/static/images/move-block-up.png
htdocs/theme/default/static/images/move-block-up.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/no_userphoto.png

2.11 KB | W: | H:

htdocs/theme/default/static/images/no_userphoto.png

2.21 KB | W: | H:

htdocs/theme/default/static/images/no_userphoto.png
htdocs/theme/default/static/images/no_userphoto.png
htdocs/theme/default/static/images/no_userphoto.png
htdocs/theme/default/static/images/no_userphoto.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/remove-block.png

354 Bytes | W: | H:

htdocs/theme/default/static/images/remove-block.png

211 Bytes | W: | H:

htdocs/theme/default/static/images/remove-block.png
htdocs/theme/default/static/images/remove-block.png
htdocs/theme/default/static/images/remove-block.png
htdocs/theme/default/static/images/remove-block.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/star.png

3 KB | W: | H:

htdocs/theme/default/static/images/star.png

869 Bytes | W: | H:

htdocs/theme/default/static/images/star.png
htdocs/theme/default/static/images/star.png
htdocs/theme/default/static/images/star.png
htdocs/theme/default/static/images/star.png
  • 2-up
  • Swipe
  • Onion skin
htdocs/theme/default/static/images/up.png

256 Bytes | W: | H:

htdocs/theme/default/static/images/up.png

185 Bytes | W: | H:

htdocs/theme/default/static/images/up.png
htdocs/theme/default/static/images/up.png
htdocs/theme/default/static/images/up.png
htdocs/theme/default/static/images/up.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -3,11 +3,11 @@
div.calendar { position: relative; }
.calendar table {
border: 1px solid #d4d1c0;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #000;
cursor: default;
background: #e5e8da;
background: #f4f4f4;
font-family: Arial,sans-serif;
}
......@@ -16,45 +16,45 @@ div.calendar { position: relative; }
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
padding: 2px; /* Make the buttons seem like they're pressing */
background-color: #5c8727;
background-color: #7d7d7d;
color: #FFF;
}
.calendar .nav {
background: #5c8727 url('../images/menuarrow.gif') no-repeat 100% 100%;
background: #7d7d7d url('../images/menuarrow.gif') no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center;
padding: 2px;
background: #3a5813;
color: #e6c55b;
background: #4d4d4d;
color: #FFF;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid #d4d1c0;
border-bottom: 1px solid #d2d2d2;
padding: 2px;
text-align: center;
color: #3a5813;
color: #707070;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #585713;
color: #858585;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background-color: #5c8727;
background-color: #545454;
}
.calendar thead .active { /* Active (pressed) buttons in header */
}
.calendar thead .daynames { /* Row <TR> containing the day names */
background: #819f18;
background: #bfbfbf;
font-weight: bold;
}
......@@ -71,30 +71,30 @@ div.calendar { position: relative; }
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #585713;
color: #434343;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
background: #acc067;
background: #acacac;
}
.calendar tbody .rowhilite td {
background: #f3f8df;
background: #eaeaea;
}
.calendar tbody .rowhilite td.wn {
background: #acc067;
background: #bcbcbc;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
background: #c0cd89;
background: #b9b9b9;
padding: 1px 3px 1px 1px;
border: none;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
background: #dec;
background: #888888;
padding: 2px 2px 0px 2px;
border: none;
}
......@@ -103,15 +103,15 @@ div.calendar { position: relative; }
font-weight: bold;
border: 1px solid #FFF;
padding: 1px 3px 1px 1px;
background: #e6c55b;
color: #3a5813;
background: #ffffff;
color: #6f6f6f;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #585713;
color: #6c6c6c;
}
.calendar tbody td.today { font-weight: bold; color: #696; }
.calendar tbody td.today { font-weight: bold; color: #727272; }
.calendar tbody .disabled { color: #999; }
......@@ -127,14 +127,14 @@ div.calendar { position: relative; }
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
text-align: center;
background: #3a5813;
color: #e6c55b;
background: #4c4c4c;
color: #FFF;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
padding: 2px;
background: #3a5813;
color: #e6c55b;
background: #737373;
color: #FFF;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
......@@ -152,8 +152,8 @@ div.calendar { position: relative; }
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #d4d1c0;
background: #f3f8df;
border: 1px solid #d2d2d2;
background: #f4f4f4;
color: #000;
font-size: 90%;
z-index: 100;
......@@ -174,17 +174,17 @@ div.calendar { position: relative; }
}
.calendar .combo .active {
border-top: 1px solid #5c8727;
border-bottom: 1px solid #5c8727;
background: #f3f8df;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
background: #dfdfdf;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #d4d1c0;
border-top: 1px solid #d2d2d2;
padding: 1px 0px;
text-align: center;
background-color: #819f18;
background-color: #888888;
}
.calendar td.time .hour,
......@@ -206,9 +206,9 @@ div.calendar { position: relative; }
}
.calendar td.time span.hilite {
border-color: #819f18;
background-color: #f3f8df;
color: #3a5813;
border-color: #d2d2d2;
background-color: #868686;
color: #FFF;
}
.calendar td.time span.active {
......
......@@ -22,118 +22,344 @@
body {
margin: 0;
padding: 0 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/background.gif) repeat;
font-size: 12px;
color: #474220;
}
.hidden {
#loading_box {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: #fff8cf;
padding: 5px 10px;
}
a,
a:link,
a:active,
a:visited {
color: #547c22;
text-decoration: none;
.hidden {
display: none;
}
a:hover {
color: #819f18;
text-decoration: underline;
/* Hides without browsers removing from the dom tree */
.safe-hidden {
position: absolute;
visibility: hidden;
top: 0;
}
p {
margin: 10px 0 10px 0;
padding: 0;
line-height: 18px;
}
a img {
border: none;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.fullwidth {
width: 100%;
}
.fl {
float: left;
padding-right: 10px;
}
.fr {
float: right;
padding-left: 10px;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.cb {
clear: both;
}
.s {
font-size: 11px;
font-weight: normal;
}
.description {
font-size: 9px;
color: #a3a3a3;
padding-bottom: 5px;
}
td.description {
padding-top: 0 !important;
font-size: 9px;
}
acronym {
color: #474220;
border-bottom: 1px dotted #d4d1c0;
cursor: help;
}
pre {
margin-left: 15px;
}
#uploadformmessage,
#createfolderformmessage,
.error {
color: #cc0000;
}
input.error, select.error {
border-color: #cc0000;
}
.errmsg {
color: #cc0000;
font-size: 9px;
}
.maincontent ul {
margin: 0;
padding: 0;
}
.maincontent ul li {
margin: 0 0 0 17px;
}
h1, h2 {
color: #547c22;
font-size: 22px;
/* TITLES */
h1 {
color: #4c711d;
font-size: 30px;
font-weight: normal;
margin: 0 0 5px 0;
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px solid #819f18;
}
h2 {
font-size: 20px;
font-size: 24px;
color: #4c711d;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
h3, h4 {
color: #819f18;
h3 {
color: #1e6297;
font-weight: bold;
font-size: 17px;
margin: 15px 0 0;
margin: 20px 0 0;
}
h4 {
font-size: 15px;
color: #3986c3;
font-weight: bold;
margin: 15px 0 0;
}
h5, h6 {
h5 {
color: #5c8727;
font-weight: bold;
font-size: 14px;
margin: 5px 0 0;
}
h6 {
font-size: 13px;
font-size: 12px;
color: #5c8727;
font-weight: bold;
margin: 10px 0 0 0;
}
/* LINKS */
a,
a:link,
a:active,
a:visited {
color: #7f9d16;
text-decoration: none;
}
a:hover {
color: #84aa00;
text-decoration: underline;
}
/* links that should show as big light buttons */
#btn-logout {
background-color: #92b328;
padding: 3px 10px;
border-color: #D9DFEA #b2b2b2 #b2b2b2 #D9DFEA !important;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #FFF;
}
span.addicon a {
background-color: #92b328;
padding: 2px 10px;
border-color: #D9DFEA #b2b2b2 #b2b2b2 #D9DFEA !important;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #FFF;
display: block;
}
#btn-logout:hover,
span.addicon a:hover {
text-decoration: none;
}
/* links that should show as big dark buttons */
#btn-settings {
background-color: #7d9728;
padding: 3px 10px;
border-color: #D9DFEA #b2b2b2 #b2b2b2 #D9DFEA !important;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #FFF;
margin-left: 5px;
}
#btn-settings:hover {
text-decoration: none;
}
.viewicon a {
background-color: #7d9728;
padding: 3px 10px;
border-color: #D9DFEA #b2b2b2 #b2b2b2 #D9DFEA !important;
border-style: solid;
border-width: 1px;
font-size: 11px;
color: #FFF;
margin-left: 5px;
}
.viewicon a:hover {
text-decoration: none;
}
/* FORM ELEMENTS */
form {
margin: 0;
}
input.text, input.password, textarea, input, button {
border: 1px solid #d4d1c0;
input.text, input.password, textarea, input, submit {