Index: /trunk/src/grails-app/views/layouts/main.gsp =================================================================== --- /trunk/src/grails-app/views/layouts/main.gsp (revision 35) +++ /trunk/src/grails-app/views/layouts/main.gsp (revision 36) @@ -2,5 +2,5 @@ <g:layoutTitle default="gnuMims" /> - + @@ -8,11 +8,17 @@ +
+
- - + + + +
+
Index: /trunk/src/grails-app/views/layouts/public.gsp =================================================================== --- /trunk/src/grails-app/views/layouts/public.gsp (revision 36) +++ /trunk/src/grails-app/views/layouts/public.gsp (revision 36) @@ -0,0 +1,22 @@ + + + <g:layoutTitle default="gnuMims" /> + + + + + + +
+
+ + + +
+
+ + Index: /trunk/src/web-app/css/main.css =================================================================== --- /trunk/src/web-app/css/main.css (revision 35) +++ /trunk/src/web-app/css/main.css (revision 36) @@ -2,4 +2,5 @@ margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ + } Index: /trunk/src/web-app/css/public.css =================================================================== --- /trunk/src/web-app/css/public.css (revision 36) +++ /trunk/src/web-app/css/public.css (revision 36) @@ -0,0 +1,291 @@ +html * { + margin: 0; + /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ + +} + +/* GENERAL */ + +.spinner { + padding: 5px; + position: absolute; + right: 0; +} + +body { + background: #fff; + color: #333; + font: 11px verdana, arial, helvetica, sans-serif; + background: transparent url("../images/brushed_metal.png") repeat fixed center; +} + +#wrapper { + margin: 0 auto; + padding: 0; + width: 1024px; + text-align: left; +} + +#content { + padding: 0px 20px 20px; + background: url("../images/Contentbg.png") repeat-y scroll center; + width: 980px; + height: 100%; +} + +#Header { + background: transparent url("../images/logo.png") no-repeat scroll center; + width: 980px; + height: 220px; +} + +a:link, a:visited, a:hover { + color: #666; + font-weight: bold; + text-decoration: none; +} + +h1 { + color: #006dba; + font-weight: normal; + font-size: 16px; + margin: .8em 0 .3em 0; +} + +ul { + padding-left: 15px; +} + +input, select, textarea { + background-color: #fcfcfc; + border: 1px solid #ccc; + font: 11px verdana, arial, helvetica, sans-serif; + margin: 2px 0; + padding: 2px 4px; +} +select { + padding: 2px 2px 2px 0; +} +textarea { + width: 250px; + height: 150px; + vertical-align: top; +} + +input:focus, select:focus, textarea:focus { + border: 1px solid #b2d1ff; +} + +.body { + padding: 0px 20px 20px; + background: transparent url("images/Contentbg.png") repeat-y scroll center; + width: 980px; + height: 100%; +} + +/* NAVIGATION MENU */ + +.nav { + background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; + border: 1px solid #ccc; + border-style: solid none solid none; + margin-top: 5px; + padding: 7px 12px; +} + +.menuButton { + font-size: 10px; + padding: 0 5px; +} +.menuButton a { + color: #333; + padding: 4px 6px; +} +.menuButton a.home { + background: url(../images/skin/house.png) center left no-repeat; + color: #333; + padding-left: 25px; +} +.menuButton a.list { + background: url(../images/skin/database_table.png) center left no-repeat; + color: #333; + padding-left: 25px; +} +.menuButton a.create { + background: url(../images/skin/database_add.png) center left no-repeat; + color: #333; + padding-left: 25px; +} + +/* MESSAGES AND ERRORS */ + +.message { + background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat; + border: 1px solid #b2d1ff; + color: #006dba; + margin: 10px 0 5px 0; + padding: 5px 5px 5px 30px +} + +div.errors { + background: #fff3f3; + border: 1px solid red; + color: #cc0000; + margin: 10px 0 5px 0; + padding: 5px 0 5px 0; +} +div.errors ul { + list-style: none; + padding: 0; +} +div.errors li { + background: url(../images/skin/exclamation.png) 8px 0% no-repeat; + line-height: 16px; + padding-left: 30px; +} + +td.errors select { + border: 1px solid red; +} +td.errors input { + border: 1px solid red; +} + +/* TABLES */ + +table { + border: 1px solid #ccc; + width: 100% +} +tr { + border: 0; +} +td, th { + font: 11px verdana, arial, helvetica, sans-serif; + line-height: 12px; + padding: 5px 6px; + text-align: left; + vertical-align: top; +} +th { + background: #fff url(../images/skin/shadow.jpg); + color: #666; + font-size: 11px; + font-weight: bold; + line-height: 17px; + padding: 2px 6px; +} +th a:link, th a:visited, th a:hover { + color: #333; + display: block; + font-size: 10px; + text-decoration: none; + width: 100%; +} +th.asc a, th.desc a { + background-position: right; + background-repeat: no-repeat; +} +th.asc a { + background-image: url(../images/skin/sorted_asc.gif); +} +th.desc a { + background-image: url(../images/skin/sorted_desc.gif); +} + +.odd { + background: #f7f7f7; +} +.even { + background: #fff; +} + +/* LIST */ + +.list table { + border-collapse: collapse; +} +.list th, .list td { + border-left: 1px solid #ddd; +} +.list th:hover, .list tr:hover { + background: #b2d1ff; +} + +/* PAGINATION */ + +.paginateButtons { + background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; + border: 1px solid #ccc; + border-top: 0; + color: #666; + font-size: 10px; + overflow: hidden; + padding: 10px 3px; +} +.paginateButtons a { + background: #fff; + border: 1px solid #ccc; + border-color: #ccc #aaa #aaa #ccc; + color: #666; + margin: 0 3px; + padding: 2px 6px; +} +.paginateButtons span { + padding: 2px 3px; +} + +/* DIALOG */ + +.dialog table { + padding: 5px 0; +} + +.prop { + padding: 5px; +} +.prop .name { + text-align: left; + width: 15%; + white-space: nowrap; +} +.prop .value { + text-align: left; + width: 85%; +} + +/* ACTION BUTTONS */ + +.buttons { + background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; + border: 1px solid #ccc; + color: #666; + font-size: 10px; + margin-top: 5px; + overflow: hidden; + padding: 0; +} + +.buttons input { + background: #fff; + border: 0; + color: #333; + cursor: pointer; + font-size: 10px; + font-weight: bold; + margin-left: 3px; + overflow: visible; + padding: 2px 6px; +} +.buttons input.delete { + background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat; + padding-left: 28px; +} +.buttons input.edit { + background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; + padding-left: 28px; +} +.buttons input.save { + background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat; + padding-left: 28px; +}