Changeset 1772
- Timestamp:
- Apr 18, 2011, 12:25:47 PM (12 years ago)
- Location:
- trunk
- Files:
-
- 1 added
- 12 deleted
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/grails-app/views/layouts/main.gsp
r1708 r1772 9 9 <meta property="og:image" content="${resource(dir: 'images', file: 'facebookLike.png', absolute: true)}"/> 10 10 <meta property="fb:admins" content="721482421"/> 11 <link rel="stylesheet" href="${resource(dir: 'css', file: 'default.css')}"/> 11 12 <link rel="stylesheet" href="${resource(dir: 'css', file: session.style + '.css')}"/> 12 13 <link rel="stylesheet" href="${resource(dir: 'css', file: 'login_panel.css')}"/> -
trunk/web-app/css/dbnp_style.css
r1768 r1772 1 body { 2 margin: 0; 3 padding: 0; 4 font: 10px normal Arial, Helvetica, sans-serif; 5 background: #fff url(../images/dbnp_style/body_bg_95px.gif) repeat-x; 6 text-align: center; 7 } 8 9 .container { margin: 0 auto; text-align: left; } 10 .ui-widget, .simileAjax-bubble-container { text-align: left; } 11 12 /*a:link, a:visited, a:hover { 13 color: #ff7900; 14 font-weight: normal; 15 text-decoration: none; 16 }*/ 17 18 h1 { 19 color: #006dba; 20 font-weight: normal; 21 font-size: 16px; 22 margin: .8em 0 .3em 0; 23 } 24 25 h2 { 26 color: #006dba; 27 font-weight: normal; 28 font-size: 12px; 29 margin: .8em 0 .3em 0; 30 } 31 32 /** START :: container **/ 33 .container { 34 width: 960px; 35 margin: 0 auto; 36 position: relative; 37 } 38 39 /** END :: container **/ 40 /** START :: header **/ 1 /** Header of dbnp has a specific header image **/ 41 2 #header { 42 3 background: url(../images/dbnp_style/header_60px.png) no-repeat center top; 43 4 padding-top: 60px; 44 5 } 45 46 #header .buildinfo {47 color: #ff3333;48 vertical-align: top;49 align: right;50 width: 240px;51 margin: -83px 0px 0px -235px;52 display: inline-block;53 zoom: 1; /* IE 6 & 7 hack */54 *display: inline; /* IE 6 & 7 hack */55 background-color: #666;56 border: 1px dotted red;57 filter:alpha(opacity=70);58 opacity: 0.7;59 z-index: 1000;60 }61 62 #header .buildinfo table {63 border: 0;64 }65 66 #header .buildinfo td {67 padding: 0px;68 font: 9px normal Arial, Helvetica, sans-serif;69 }70 71 72 /** END :: header **/73 /** START :: topnav **/74 ul.topnav {75 list-style: none;76 padding: 0 20px;77 margin: 0;78 float: left;79 width: 920px;80 background: #222;81 font-size: 1.2em;82 background: url(../images/dbnp_style/topnav/topnav_bg.gif) repeat-x;83 z-index: 995; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */84 }85 86 ul.topnav li {87 float: left;88 margin: 0;89 padding: 0 15px 0 0;90 position: relative; /*--Declare X and Y axis base--*/91 z-index: 994; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */92 }93 94 ul.topnav li img {95 border: none;96 }97 98 ul.topnav li a {99 padding: 10px 5px;100 color: #fff;101 display: block;102 text-decoration: none;103 float: left;104 }105 106 ul.topnav li a:hover, ul.topnav li a.tophover {107 background: url(../images/dbnp_style/topnav/topnav_hover.gif) no-repeat center top;108 }109 110 ul.topnav li span {111 /*--Drop down trigger styles--*/112 width: 17px;113 height: 35px;114 float: left;115 background: url(../images/dbnp_style/topnav/subnav_btn.gif) no-repeat center top;116 }117 118 ul.topnav li span.subhover {119 background-position: center bottom;120 cursor: pointer;121 }122 123 /*--Hover effect for trigger--*/124 ul.topnav li ul.subnav {125 list-style: none;126 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/127 left: 0;128 top: 35px;129 background: #333;130 margin: 0;131 padding: 0;132 display: none;133 float: left;134 width: 170px;135 -moz-border-radius-bottomleft: 5px;136 -moz-border-radius-bottomright: 5px;137 -webkit-border-bottom-left-radius: 5px;138 -webkit-border-bottom-right-radius: 5px;139 border: 1px solid #111;140 z-index: 991; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */141 }142 143 ul.topnav li ul.subnav li {144 margin: 0;145 padding: 0;146 border-top: 1px solid #252525; /*--Create bevel effect--*/147 border-bottom: 1px solid #444; /*--Create bevel effect--*/148 clear: both;149 width: 170px;150 position:relative;151 z-index: 990; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */152 }153 154 html ul.topnav li ul.subnav li a {155 float: left;156 width: 145px;157 background: #333 url(../images/dbnp_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;158 padding-left: 20px;159 }160 161 html ul.topnav li ul.subnav li a:hover {162 /*--Hover effect for subnav links--*/163 background: #222 url(../images/dbnp_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;164 }165 166 /** END :: topnav **/167 /** START :: content **/168 #content {169 padding-top: 40px;170 font-family: Verdana, Arial, Helvetica, sans-serif;171 font-size: 10pt;172 padding-bottom: 20px;173 }174 175 #content p {176 text-align: justify;177 }178 179 #content a:link, #content a:visited, #content a:hover {180 color: #006dba;181 text-decoration: none;182 }183 184 #content .message {185 border: 1px solid #ccc; /* #006dba; */186 margin-bottom: 10px;187 margin-top: 10px;188 189 background: #f7f7f7 url(../plugins/famfamfam-1.0.1/images/icons/information.png) 10px 10px no-repeat;190 padding: 10px 10px 10px 33px;191 192 }193 194 #content .errormessage {195 border: 1px solid #f99; /* #006dba; */196 margin-bottom: 10px;197 margin-top: 10px;198 199 background: #ffe0e0 url(../plugins/famfamfam-1.0.1/images/icons/error.png) 10px 10px no-repeat;200 padding: 10px 10px 10px 33px;201 202 }203 204 /** END :: content **/205 /** START :: footer **/206 #footer {207 font-family: Verdana, Arial, Helvetica, sans-serif;208 font-size: 8pt;209 color: #727272;210 border-top: 1px solid #727272;211 padding-top: 5px;212 }213 214 #footer a:link, #footer a:visited, #footer a:hover {215 color: #006dba;216 font-weight: normal;217 text-decoration: none;218 }219 220 /** END :: footer **/221 222 /** START :: TABLES **/223 table {224 border: 1px solid #ccc;225 width: 100%226 }227 228 tr {229 border: 0;230 }231 232 td, th {233 font: 11px verdana, arial, helvetica, sans-serif;234 line-height: 12px;235 padding: 5px 6px;236 text-align: left;237 vertical-align: top;238 }239 240 th {241 background: #fff url(../images/dbnp_style/tables/shadow.jpg);242 color: #666;243 font-size: 11px;244 font-weight: bold;245 line-height: 17px;246 padding: 2px 6px;247 }248 249 th a:link, th a:visited, th a:hover {250 color: #333;251 display: block;252 font-size: 10px;253 text-decoration: none;254 width: 100%;255 }256 257 th.asc a, th.desc a {258 background-position: right;259 background-repeat: no-repeat;260 }261 262 th.asc a {263 background-image: url(../images/dbnp_style/tables/sorted_asc.gif);264 }265 266 th.desc a {267 background-image: url(../images/dbnp_style/tables/sorted_desc.gif);268 }269 270 .odd {271 background: #f7f7f7;272 }273 274 .even {275 background: #fff;276 }277 278 /** END :: TABLES **/279 280 /** START :: LIST **/281 .list table {282 border-collapse: collapse;283 }284 285 .list th, .list td {286 border-left: 1px solid #ddd;287 }288 289 .list th:hover, .list tr:hover {290 background: #b2d1ff;291 }292 293 /** END :: LIST **/294 295 /** START :: buttons **/296 .buttons {297 margin-top: 15px;298 font-size: 10px;299 }300 301 /* Hides the default navigation bar that is added by the Grails scaffolding */302 /* .nav { display: none; } */303 304 /* Links in the buttons section should look just like buttons in the305 same section */306 #content .button a {307 color: #333;308 }309 310 .button a {311 font-size: 10px;312 font-weight: bold;313 margin-left: 3px;314 margin-right: 3px;315 padding-top: 2px;316 padding-bottom: 2px;317 }318 319 .buttons input {320 background: #fff;321 border: 0;322 color: #333;323 cursor: pointer;324 font-size: 10px;325 font-weight: bold;326 margin-left: 3px;327 margin-right: 3px;328 overflow: visible;329 padding: 2px 6px;330 font-family: Verdana, Arial, Helvetica, sans-serif;331 }332 333 .buttons input.delete, .buttons a.delete {334 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;335 padding-left: 28px;336 }337 338 .buttons input.edit, .buttons a.edit {339 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png) 5px 50% no-repeat;340 padding-left: 28px;341 }342 343 .buttons input.save, .buttons a.save {344 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/accept.png) 5px 50% no-repeat;345 padding-left: 28px;346 }347 348 .buttons input.create, .buttons a.create {349 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/add.png) 5px 50% no-repeat;350 padding-left: 28px;351 }352 353 .buttons input.compare, .buttons a.compare {354 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_double.png) 5px 50% no-repeat;355 padding-left: 28px;356 }357 358 .buttons input.backToList, .buttons a.backToList {359 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application.png) 5px 50% no-repeat;360 padding-left: 28px;361 }362 363 .buttons input.cancel, .buttons a.cancel {364 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;365 padding-left: 28px;366 font-weight: normal;367 }368 369 .buttons input.otherList, .buttons a.otherList {370 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_view_detail.png) 5px 50% no-repeat;371 padding-left: 28px;372 }373 374 /* Reset the font weight for buttons occurring within the table */375 td.buttons input {376 font-weight: normal;377 }378 379 /** END :: buttons **/380 381 /** START :: pagination buttons **/382 .paginateButtons {383 margin-top: 15px;384 overflow: auto;385 width: 100%;386 }387 388 .paginateButtons a,389 .paginateButtons span.currentStep {390 border: solid 1px #ccc;391 margin-right: 2px;392 display: block;393 float: left;394 padding: 1px 6px;395 text-decoration: none;396 }397 398 .paginateButtons a {399 color: #0e509e;400 }401 402 .paginateButtons span.currentStep {403 background: #2e6ab1;404 color: #FFFFFF;405 }406 407 /** END :: pagination buttons **/408 409 /* START :: ontology autocomplete */410 .ui-autocomplete {411 max-height: 200px;412 overflow-y: auto;413 overflow-x: hidden;414 }415 .ui-autocomplete .ui-menu-item {416 font-size: 10px;417 }418 419 .ui-autocomplete .about {420 font-size: 8px;421 color: #006DBA;422 }423 424 .ui-autocomplete .from {425 font-size: 8px;426 color: #666;427 }428 429 /* END :: ontology autocomplete */430 431 /* START :: special select option styles */432 option.addMore {433 background: url(../plugins/famfamfam-1.0.1/images/icons/add.png) no-repeat left top;434 background-color: #333;435 padding-left: 18px;436 height: 16px;437 color: #fff;438 font-weight: bold;439 }440 441 option.modify {442 background: url(../plugins/famfamfam-1.0.1/images/icons/layout_add.png) no-repeat left top;443 background-color: #333;444 padding-left: 18px;445 height: 16px;446 color: #fff;447 font-weight: bold;448 }449 450 option.locked {451 background: url(../plugins/famfamfam-1.0.1/images/icons/lock.png) no-repeat left top;452 padding-left: 18px;453 }454 455 option.unlocked {456 padding-left: 18px;457 }458 459 /* END :: special select option styles */460 461 #facebookConnect {462 padding:0px 0px 10px 0px;463 position:relative;464 z-index: 0;465 } -
trunk/web-app/css/default_style.css
r1768 r1772 1 body {2 margin: 0;3 padding: 0;4 font: 10px normal Arial, Helvetica, sans-serif;5 background: #fff url(../images/default_style/body_bg_95px.gif) repeat-x;6 text-align: center;7 }8 9 .container { margin: 0 auto; text-align: left; }10 .ui-widget, .simileAjax-bubble-container { text-align: left; }11 12 /*a:link, a:visited, a:hover {13 color: #ff7900;14 font-weight: normal;15 text-decoration: none;16 }*/17 18 h1 {19 color: #006dba;20 font-weight: normal;21 font-size: 16px;22 margin: .8em 0 .3em 0;23 }24 25 h2 {26 color: #006dba;27 font-weight: normal;28 font-size: 12px;29 margin: .8em 0 .3em 0;30 }31 32 /** START :: container **/33 .container {34 width: 960px;35 margin: 0 auto;36 position: relative;37 }38 39 /** END :: container **/40 /** START :: header **/41 #header {42 background: url(../images/default_style/header_60px.png) no-repeat center top;43 padding-top: 60px;44 }45 46 #header .buildinfo {47 color: #ff3333;48 vertical-align: top;49 align: right;50 width: 240px;51 margin: -83px 0px 0px -235px;52 display: inline-block;53 zoom: 1; /* IE 6 & 7 hack */54 *display: inline; /* IE 6 & 7 hack */55 background-color: #666;56 border: 1px dotted red;57 filter:alpha(opacity=70);58 opacity: 0.7;59 z-index: 1000;60 }61 62 #header .buildinfo table {63 border: 0;64 }65 66 #header .buildinfo td {67 padding: 0px;68 font: 9px normal Arial, Helvetica, sans-serif;69 }70 71 72 /** END :: header **/73 /** START :: topnav **/74 ul.topnav {75 list-style: none;76 padding: 0 20px;77 margin: 0;78 float: left;79 width: 920px;80 background: #222;81 font-size: 1.2em;82 background: url(../images/default_style/topnav/topnav_bg.gif) repeat-x;83 z-index: 995; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */84 }85 86 ul.topnav li {87 float: left;88 margin: 0;89 padding: 0 15px 0 0;90 position: relative; /*--Declare X and Y axis base--*/91 z-index: 994; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */92 }93 94 ul.topnav li img {95 border: none;96 }97 98 ul.topnav li a {99 padding: 10px 5px;100 color: #fff;101 display: block;102 text-decoration: none;103 float: left;104 }105 106 ul.topnav li a:hover, ul.topnav li a.tophover {107 background: url(../images/default_style/topnav/topnav_hover.gif) no-repeat center top;108 }109 110 ul.topnav li span {111 /*--Drop down trigger styles--*/112 width: 17px;113 height: 35px;114 float: left;115 background: url(../images/default_style/topnav/subnav_btn.gif) no-repeat center top;116 }117 118 ul.topnav li span.subhover {119 background-position: center bottom;120 cursor: pointer;121 }122 123 /*--Hover effect for trigger--*/124 ul.topnav li ul.subnav {125 list-style: none;126 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/127 left: 0;128 top: 35px;129 background: #333;130 margin: 0;131 padding: 0;132 display: none;133 float: left;134 width: 170px;135 -moz-border-radius-bottomleft: 5px;136 -moz-border-radius-bottomright: 5px;137 -webkit-border-bottom-left-radius: 5px;138 -webkit-border-bottom-right-radius: 5px;139 border: 1px solid #111;140 z-index: 991; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */141 }142 143 ul.topnav li ul.subnav li {144 margin: 0;145 padding: 0;146 border-top: 1px solid #252525; /*--Create bevel effect--*/147 border-bottom: 1px solid #444; /*--Create bevel effect--*/148 clear: both;149 width: 170px;150 position:relative;151 z-index: 990; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */152 }153 154 html ul.topnav li ul.subnav li a {155 float: left;156 width: 145px;157 background: #333 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;158 padding-left: 20px;159 }160 161 html ul.topnav li ul.subnav li a:hover {162 /*--Hover effect for subnav links--*/163 background: #222 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;164 }165 166 /** END :: topnav **/167 /** START :: content **/168 #content {169 padding-top: 40px;170 font-family: Verdana, Arial, Helvetica, sans-serif;171 font-size: 10pt;172 padding-bottom: 20px;173 }174 175 #content p {176 text-align: justify;177 }178 179 #content a:link, #content a:visited, #content a:hover {180 color: #006dba;181 text-decoration: none;182 }183 184 #content .message {185 border: 1px solid #ccc; /* #006dba; */186 margin-bottom: 10px;187 margin-top: 10px;188 189 background: #f7f7f7 url(../plugins/famfamfam-1.0.1/images/icons/information.png) 10px 10px no-repeat;190 padding: 10px 10px 10px 33px;191 192 }193 194 #content .errormessage {195 border: 1px solid #f99; /* #006dba; */196 margin-bottom: 10px;197 margin-top: 10px;198 199 background: #ffe0e0 url(../plugins/famfamfam-1.0.1/images/icons/error.png) 10px 10px no-repeat;200 padding: 10px 10px 10px 33px;201 202 }203 204 /** END :: content **/205 /** START :: footer **/206 #footer {207 font-family: Verdana, Arial, Helvetica, sans-serif;208 font-size: 8pt;209 color: #727272;210 border-top: 1px solid #727272;211 padding-top: 5px;212 }213 214 #footer a:link, #footer a:visited, #footer a:hover {215 color: #006dba;216 font-weight: normal;217 text-decoration: none;218 }219 220 /** END :: footer **/221 222 /** START :: TABLES **/223 table {224 border: 1px solid #ccc;225 width: 100%226 }227 228 tr {229 border: 0;230 }231 232 td, th {233 font: 11px verdana, arial, helvetica, sans-serif;234 line-height: 12px;235 padding: 5px 6px;236 text-align: left;237 vertical-align: top;238 }239 240 th {241 background: #fff url(../images/default_style/tables/shadow.jpg);242 color: #666;243 font-size: 11px;244 font-weight: bold;245 line-height: 17px;246 padding: 2px 6px;247 }248 249 th a:link, th a:visited, th a:hover {250 color: #333;251 display: block;252 font-size: 10px;253 text-decoration: none;254 width: 100%;255 }256 257 th.asc a, th.desc a {258 background-position: right;259 background-repeat: no-repeat;260 }261 262 th.asc a {263 background-image: url(../images/default_style/tables/sorted_asc.gif);264 }265 266 th.desc a {267 background-image: url(../images/default_style/tables/sorted_desc.gif);268 }269 270 .odd {271 background: #f7f7f7;272 }273 274 .even {275 background: #fff;276 }277 278 /** END :: TABLES **/279 280 /** START :: LIST **/281 .list table {282 border-collapse: collapse;283 }284 285 .list th, .list td {286 border-left: 1px solid #ddd;287 }288 289 .list th:hover, .list tr:hover {290 background: #b2d1ff;291 }292 293 /** END :: LIST **/294 295 /** START :: buttons **/296 .buttons {297 margin-top: 15px;298 font-size: 10px;299 }300 301 /* Hides the default navigation bar that is added by the Grails scaffolding */302 /* .nav { display: none; } */303 304 /* Links in the buttons section should look just like buttons in the305 same section */306 #content .button a {307 color: #333;308 }309 310 .button a {311 font-size: 10px;312 font-weight: bold;313 margin-left: 3px;314 margin-right: 3px;315 padding-top: 2px;316 padding-bottom: 2px;317 }318 319 .buttons input {320 background: #fff;321 border: 0;322 color: #333;323 cursor: pointer;324 font-size: 10px;325 font-weight: bold;326 margin-left: 3px;327 margin-right: 3px;328 overflow: visible;329 padding: 2px 6px;330 font-family: Verdana, Arial, Helvetica, sans-serif;331 }332 333 .buttons input.delete, .buttons a.delete {334 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;335 padding-left: 28px;336 }337 338 .buttons input.edit, .buttons a.edit {339 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png) 5px 50% no-repeat;340 padding-left: 28px;341 }342 343 .buttons input.save, .buttons a.save {344 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/accept.png) 5px 50% no-repeat;345 padding-left: 28px;346 }347 348 .buttons input.create, .buttons a.create {349 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/add.png) 5px 50% no-repeat;350 padding-left: 28px;351 }352 353 .buttons input.compare, .buttons a.compare {354 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_double.png) 5px 50% no-repeat;355 padding-left: 28px;356 }357 358 .buttons input.backToList, .buttons a.backToList {359 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application.png) 5px 50% no-repeat;360 padding-left: 28px;361 }362 363 .buttons input.cancel, .buttons a.cancel {364 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;365 padding-left: 28px;366 font-weight: normal;367 }368 369 .buttons input.otherList, .buttons a.otherList {370 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_view_detail.png) 5px 50% no-repeat;371 padding-left: 28px;372 }373 374 /* Reset the font weight for buttons occurring within the table */375 td.buttons input {376 font-weight: normal;377 }378 379 /** END :: buttons **/380 381 /** START :: pagination buttons **/382 .paginateButtons {383 margin-top: 15px;384 overflow: auto;385 width: 100%;386 }387 388 .paginateButtons a,389 .paginateButtons span.currentStep {390 border: solid 1px #ccc;391 margin-right: 2px;392 display: block;393 float: left;394 padding: 1px 6px;395 text-decoration: none;396 }397 398 .paginateButtons a {399 color: #0e509e;400 }401 402 .paginateButtons span.currentStep {403 background: #2e6ab1;404 color: #FFFFFF;405 }406 407 /** END :: pagination buttons **/408 409 /* START :: ontology autocomplete */410 .ui-autocomplete {411 max-height: 200px;412 overflow-y: auto;413 overflow-x: hidden;414 }415 .ui-autocomplete .ui-menu-item {416 font-size: 10px;417 }418 419 .ui-autocomplete .about {420 font-size: 8px;421 color: #006DBA;422 }423 424 .ui-autocomplete .from {425 font-size: 8px;426 color: #666;427 }428 429 /* END :: ontology autocomplete */430 431 /* START :: special select option styles */432 option.addMore {433 background: url(../plugins/famfamfam-1.0.1/images/icons/add.png) no-repeat left top;434 background-color: #333;435 padding-left: 18px;436 height: 16px;437 color: #fff;438 font-weight: bold;439 }440 441 option.modify {442 background: url(../plugins/famfamfam-1.0.1/images/icons/layout_add.png) no-repeat left top;443 background-color: #333;444 padding-left: 18px;445 height: 16px;446 color: #fff;447 font-weight: bold;448 }449 450 option.locked {451 background: url(../plugins/famfamfam-1.0.1/images/icons/lock.png) no-repeat left top;452 padding-left: 18px;453 }454 455 option.unlocked {456 padding-left: 18px;457 }458 459 /* END :: special select option styles */460 461 #facebookConnect {462 padding:0px 0px 10px 0px;463 position:relative;464 z-index: 0;465 } -
trunk/web-app/css/nmcdsp_style.css
r1768 r1772 1 body { 2 margin: 0; 3 padding: 0; 4 font: 10px normal Arial, Helvetica, sans-serif; 5 background: #fff url(../images/nmcdsp_style/body_bg_95px.gif) repeat-x; 6 text-align: center; 7 } 8 9 .container { margin: 0 auto; text-align: left; } 10 .ui-widget, .simileAjax-bubble-container { text-align: left; } 11 12 /*a:link, a:visited, a:hover { 13 color: #ff7900; 14 font-weight: normal; 15 text-decoration: none; 16 }*/ 17 18 h1 { 19 color: #006dba; 20 font-weight: normal; 21 font-size: 16px; 22 margin: .8em 0 .3em 0; 23 } 24 25 h2 { 26 color: #006dba; 27 font-weight: normal; 28 font-size: 12px; 29 margin: .8em 0 .3em 0; 30 } 31 32 /** START :: container **/ 33 .container { 34 width: 960px; 35 margin: 0 auto; 36 position: relative; 37 } 38 39 /** END :: container **/ 40 /** START :: header **/ 1 /** Header of nmcdsp has a specific header image **/ 41 2 #header { 42 3 background: url(../images/nmcdsp_style/header_60px.png) no-repeat center top; 43 4 padding-top: 60px; 44 5 } 45 46 #header .buildinfo {47 color: #ff3333;48 vertical-align: top;49 align: right;50 width: 240px;51 margin: -83px 0px 0px -235px;52 display: inline-block;53 zoom: 1; /* IE 6 & 7 hack */54 *display: inline; /* IE 6 & 7 hack */55 background-color: #666;56 border: 1px dotted red;57 filter:alpha(opacity=70);58 opacity: 0.7;59 z-index: 1000;60 }61 62 #header .buildinfo table {63 border: 0;64 }65 66 #header .buildinfo td {67 padding: 0px;68 font: 9px normal Arial, Helvetica, sans-serif;69 }70 71 72 /** END :: header **/73 /** START :: topnav **/74 ul.topnav {75 list-style: none;76 padding: 0 20px;77 margin: 0;78 float: left;79 width: 920px;80 background: #222;81 font-size: 1.2em;82 background: url(../images/nmcdsp_style/topnav/topnav_bg.gif) repeat-x;83 z-index: 995; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */84 }85 86 ul.topnav li {87 float: left;88 margin: 0;89 padding: 0 15px 0 0;90 position: relative; /*--Declare X and Y axis base--*/91 z-index: 994; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */92 }93 94 ul.topnav li img {95 border: none;96 }97 98 ul.topnav li a {99 padding: 10px 5px;100 color: #fff;101 display: block;102 text-decoration: none;103 float: left;104 }105 106 ul.topnav li a:hover, ul.topnav li a.tophover {107 background: url(../images/nmcdsp_style/topnav/topnav_hover.gif) no-repeat center top;108 }109 110 ul.topnav li span {111 /*--Drop down trigger styles--*/112 width: 17px;113 height: 35px;114 float: left;115 background: url(../images/nmcdsp_style/topnav/subnav_btn.gif) no-repeat center top;116 }117 118 ul.topnav li span.subhover {119 background-position: center bottom;120 cursor: pointer;121 }122 123 /*--Hover effect for trigger--*/124 ul.topnav li ul.subnav {125 list-style: none;126 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/127 left: 0;128 top: 35px;129 background: #333;130 margin: 0;131 padding: 0;132 display: none;133 float: left;134 width: 170px;135 -moz-border-radius-bottomleft: 5px;136 -moz-border-radius-bottomright: 5px;137 -webkit-border-bottom-left-radius: 5px;138 -webkit-border-bottom-right-radius: 5px;139 border: 1px solid #111;140 z-index: 991; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */141 }142 143 ul.topnav li ul.subnav li {144 margin: 0;145 padding: 0;146 border-top: 1px solid #252525; /*--Create bevel effect--*/147 border-bottom: 1px solid #444; /*--Create bevel effect--*/148 clear: both;149 width: 170px;150 position:relative;151 z-index: 990; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */152 }153 154 html ul.topnav li ul.subnav li a {155 float: left;156 width: 145px;157 background: #333 url(../images/nmcdsp_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;158 padding-left: 20px;159 }160 161 html ul.topnav li ul.subnav li a:hover {162 /*--Hover effect for subnav links--*/163 background: #222 url(../images/nmcdsp_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;164 }165 166 /** END :: topnav **/167 /** START :: content **/168 #content {169 padding-top: 40px;170 font-family: Verdana, Arial, Helvetica, sans-serif;171 font-size: 10pt;172 padding-bottom: 20px;173 }174 175 #content p {176 text-align: justify;177 }178 179 #content a:link, #content a:visited, #content a:hover {180 color: #006dba;181 text-decoration: none;182 }183 184 #content .message {185 border: 1px solid #ccc; /* #006dba; */186 margin-bottom: 10px;187 margin-top: 10px;188 189 background: #f7f7f7 url(../plugins/famfamfam-1.0.1/images/icons/information.png) 10px 10px no-repeat;190 padding: 10px 10px 10px 33px;191 192 }193 194 #content .errormessage {195 border: 1px solid #f99; /* #006dba; */196 margin-bottom: 10px;197 margin-top: 10px;198 199 background: #ffe0e0 url(../plugins/famfamfam-1.0.1/images/icons/error.png) 10px 10px no-repeat;200 padding: 10px 10px 10px 33px;201 202 }203 204 /** END :: content **/205 /** START :: footer **/206 #footer {207 font-family: Verdana, Arial, Helvetica, sans-serif;208 font-size: 8pt;209 color: #727272;210 border-top: 1px solid #727272;211 padding-top: 5px;212 }213 214 #footer a:link, #footer a:visited, #footer a:hover {215 color: #006dba;216 font-weight: normal;217 text-decoration: none;218 }219 220 /** END :: footer **/221 222 /** START :: TABLES **/223 table {224 border: 1px solid #ccc;225 width: 100%226 }227 228 tr {229 border: 0;230 }231 232 td, th {233 font: 11px verdana, arial, helvetica, sans-serif;234 line-height: 12px;235 padding: 5px 6px;236 text-align: left;237 vertical-align: top;238 }239 240 th {241 background: #fff url(../images/nmcdsp_style/tables/shadow.jpg);242 color: #666;243 font-size: 11px;244 font-weight: bold;245 line-height: 17px;246 padding: 2px 6px;247 }248 249 th a:link, th a:visited, th a:hover {250 color: #333;251 display: block;252 font-size: 10px;253 text-decoration: none;254 width: 100%;255 }256 257 th.asc a, th.desc a {258 background-position: right;259 background-repeat: no-repeat;260 }261 262 th.asc a {263 background-image: url(../images/nmcdsp_style/tables/sorted_asc.gif);264 }265 266 th.desc a {267 background-image: url(../images/nmcdsp_style/tables/sorted_desc.gif);268 }269 270 .odd {271 background: #f7f7f7;272 }273 274 .even {275 background: #fff;276 }277 278 /** END :: TABLES **/279 280 /** START :: LIST **/281 .list table {282 border-collapse: collapse;283 }284 285 .list th, .list td {286 border-left: 1px solid #ddd;287 }288 289 .list th:hover, .list tr:hover {290 background: #b2d1ff;291 }292 293 /** END :: LIST **/294 295 /** START :: buttons **/296 .buttons {297 margin-top: 15px;298 font-size: 10px;299 }300 301 /* Hides the default navigation bar that is added by the Grails scaffolding */302 /* .nav { display: none; } */303 304 /* Links in the buttons section should look just like buttons in the305 same section */306 #content .button a {307 color: #333;308 }309 310 .button a {311 font-size: 10px;312 font-weight: bold;313 margin-left: 3px;314 margin-right: 3px;315 padding-top: 2px;316 padding-bottom: 2px;317 }318 319 .buttons input {320 background: #fff;321 border: 0;322 color: #333;323 cursor: pointer;324 font-size: 10px;325 font-weight: bold;326 margin-left: 3px;327 margin-right: 3px;328 overflow: visible;329 padding: 2px 6px;330 font-family: Verdana, Arial, Helvetica, sans-serif;331 }332 333 .buttons input.delete, .buttons a.delete {334 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;335 padding-left: 28px;336 }337 338 .buttons input.edit, .buttons a.edit {339 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png) 5px 50% no-repeat;340 padding-left: 28px;341 }342 343 .buttons input.save, .buttons a.save {344 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/accept.png) 5px 50% no-repeat;345 padding-left: 28px;346 }347 348 .buttons input.create, .buttons a.create {349 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/add.png) 5px 50% no-repeat;350 padding-left: 28px;351 }352 353 .buttons input.compare, .buttons a.compare {354 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_double.png) 5px 50% no-repeat;355 padding-left: 28px;356 }357 358 .buttons input.backToList, .buttons a.backToList {359 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application.png) 5px 50% no-repeat;360 padding-left: 28px;361 }362 363 .buttons input.cancel, .buttons a.cancel {364 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;365 padding-left: 28px;366 font-weight: normal;367 }368 369 .buttons input.otherList, .buttons a.otherList {370 background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_view_detail.png) 5px 50% no-repeat;371 padding-left: 28px;372 }373 374 /* Reset the font weight for buttons occurring within the table */375 td.buttons input {376 font-weight: normal;377 }378 379 /** END :: buttons **/380 381 /** START :: pagination buttons **/382 .paginateButtons {383 margin-top: 15px;384 overflow: auto;385 width: 100%;386 }387 388 .paginateButtons a,389 .paginateButtons span.currentStep {390 border: solid 1px #ccc;391 margin-right: 2px;392 display: block;393 float: left;394 padding: 1px 6px;395 text-decoration: none;396 }397 398 .paginateButtons a {399 color: #0e509e;400 }401 402 .paginateButtons span.currentStep {403 background: #2e6ab1;404 color: #FFFFFF;405 }406 407 /** END :: pagination buttons **/408 409 /* START :: ontology autocomplete */410 .ui-autocomplete {411 max-height: 200px;412 overflow-y: auto;413 overflow-x: hidden;414 }415 .ui-autocomplete .ui-menu-item {416 font-size: 10px;417 }418 419 .ui-autocomplete .about {420 font-size: 8px;421 color: #006DBA;422 }423 424 .ui-autocomplete .from {425 font-size: 8px;426 color: #666;427 }428 429 /* END :: ontology autocomplete */430 431 /* START :: special select option styles */432 option.addMore {433 background: url(../plugins/famfamfam-1.0.1/images/icons/add.png) no-repeat left top;434 background-color: #333;435 padding-left: 18px;436 height: 16px;437 color: #fff;438 font-weight: bold;439 }440 441 option.modify {442 background: url(../plugins/famfamfam-1.0.1/images/icons/layout_add.png) no-repeat left top;443 background-color: #333;444 padding-left: 18px;445 height: 16px;446 color: #fff;447 font-weight: bold;448 }449 450 option.locked {451 background: url(../plugins/famfamfam-1.0.1/images/icons/lock.png) no-repeat left top;452 padding-left: 18px;453 }454 455 option.unlocked {456 padding-left: 18px;457 }458 459 /* END :: special select option styles */460 461 #facebookConnect {462 padding:0px 0px 10px 0px;463 position:relative;464 z-index: 0;465 }
Note: See TracChangeset
for help on using the changeset viewer.