Changeset 1772


Ignore:
Timestamp:
Apr 18, 2011, 12:25:47 PM (6 years ago)
Author:
robert@…
Message:

Refactored stylesheets to avoid duplicate code. See #411

Location:
trunk
Files:
1 added
12 deleted
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/layouts/main.gsp

    r1708 r1772  
    99        <meta property="og:image" content="${resource(dir: 'images', file: 'facebookLike.png', absolute: true)}"/>
    1010        <meta property="fb:admins" content="721482421"/>
     11        <link rel="stylesheet" href="${resource(dir: 'css', file: 'default.css')}"/>
    1112        <link rel="stylesheet" href="${resource(dir: 'css', file: session.style + '.css')}"/>
    1213        <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 **/
    412#header {
    423        background: url(../images/dbnp_style/header_60px.png) no-repeat center top;
    434        padding-top: 60px;
    445}
    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 the
    305    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 the
    305    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 **/
    412#header {
    423        background: url(../images/nmcdsp_style/header_60px.png) no-repeat center top;
    434        padding-top: 60px;
    445}
    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 the
    305    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.