Changeset 1772

Show
Ignore:
Timestamp:
18-04-11 12:25:47 (3 years ago)
Author:
robert@…
Message:

Refactored stylesheets to avoid duplicate code. See #411

Location:
trunk
Files:
1 added
12 removed
4 modified

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 }