Changeset 527 for trunk/web-app/css


Ignore:
Timestamp:
Jun 4, 2010, 12:15:24 PM (11 years ago)
Author:
roberth
Message:

Adding of contacts is made possible in the study creation wizard.

Location:
trunk/web-app/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/dialog.css

    r438 r527  
    2222}
    2323/* END :: ontology autocomplete */
     24
     25/* In a dialog, headers shoudn't be displayed, as the dialog itself has a title */
     26h1, h2  {
     27    display: none;
     28}
     29
     30/** START :: content **/
     31#content {
     32        padding-top: 40px;
     33        font-family: Verdana, Arial, Helvetica, sans-serif;
     34        font-size: 10pt;
     35        padding-bottom: 20px;
     36}
     37
     38#content p {
     39    text-align: justify;
     40}
     41#content a:link, #content a:visited, #content a:hover{
     42    color: #006dba;
     43    text-decoration: none;
     44}
     45#content p img {
     46    display: run-in;
     47    float: right;
     48    padding: 2px;
     49    border: 1px solid #006dba;
     50    margin-left: 10px;
     51    margin-bottom: 10px;
     52    height: 120px;
     53}
     54
     55#content .message {
     56    border: 1px solid #ccc; /* #006dba; */
     57    margin-bottom: 10px;
     58    margin-top: 10px;
     59
     60    background: #f7f7f7 url(../images/icons/famfamfam/information.png) 10px 10px no-repeat;
     61    padding: 10px 10px 10px 33px;
     62
     63}
     64
     65/** END :: content **/
     66/** START :: TABLES **/
     67table {
     68    border: 1px solid #ccc;
     69    width: 100%
     70}
     71tr {
     72    border: 0;
     73}
     74td, th {
     75    font: 11px verdana, arial, helvetica, sans-serif;
     76    line-height: 12px;
     77    padding: 5px 6px;
     78    text-align: left;
     79    vertical-align: top;
     80}
     81th {
     82    background: #fff url(../images/default_style/tables/shadow.jpg);
     83    color: #666;
     84    font-size: 11px;
     85    font-weight: bold;
     86    line-height: 17px;
     87    padding: 2px 6px;
     88}
     89th a:link, th a:visited, th a:hover {
     90    color: #333;
     91    display: block;
     92    font-size: 10px;
     93    text-decoration: none;
     94    width: 100%;
     95}
     96th.asc a, th.desc a {
     97    background-position: right;
     98    background-repeat: no-repeat;
     99}
     100th.asc a {
     101    background-image: url(../images/default_style/tables/sorted_asc.gif);
     102}
     103th.desc a {
     104    background-image: url(../images/default_style/tables/sorted_desc.gif);
     105}
     106
     107.odd {
     108    background: #f7f7f7;
     109}
     110.even {
     111    background: #fff;
     112}
     113
     114tr.prop td { padding-top: 2px; padding-bottom: 2px; }
     115/** END :: TABLES **/
     116
     117/** START :: LIST **/
     118.list table {
     119    border-collapse: collapse;
     120}
     121.list th, .list td {
     122    border-left: 1px solid #ddd;
     123}
     124.list th:hover, .list tr:hover {
     125    background: #b2d1ff;
     126}
     127/** END :: LIST **/
     128
     129/** START :: buttons **/
     130.buttons {
     131    margin-top: 15px;
     132    font-size: 10px;
     133}
     134
     135/* Hides the default navigation bar that is added by the Grails scaffolding */
     136/* .nav { display: none; } */
     137
     138/* Links in the buttons section should look just like buttons in the
     139   same section */
     140#content .button a {
     141    color: #333;
     142}
     143.button a {
     144    font-size: 10px;
     145    font-weight: bold;
     146    margin-left: 3px;
     147    margin-right: 3px;
     148    padding-top: 2px;
     149    padding-bottom: 2px;
     150}
     151.buttons input {
     152    background: #fff;
     153    border: 0;
     154    color: #333;
     155    cursor: pointer;
     156    font-size: 10px;
     157    font-weight: bold;
     158    margin-left: 3px;
     159    margin-right: 3px;
     160    overflow: visible;
     161    padding: 2px 6px;
     162    font-family: Verdana, Arial, Helvetica, sans-serif;
     163}
     164
     165.buttons input.delete, .buttons a.delete {
     166        background: transparent url(../images/icons/famfamfam/delete.png) 5px 50% no-repeat;
     167        padding-left: 28px;
     168}
     169.buttons input.edit, .buttons a.edit  {
     170        background: transparent url(../images/icons/famfamfam/application_edit.png) 5px 50% no-repeat;
     171        padding-left: 28px;
     172}
     173.buttons input.save, .buttons a.save {
     174        background: transparent url(../images/icons/famfamfam/accept.png) 5px 50% no-repeat;
     175        padding-left: 28px;
     176}
     177.buttons input.create, .buttons a.create {
     178        background: transparent url(../images/icons/famfamfam/add.png) 5px 50% no-repeat;
     179        padding-left: 28px;
     180}
     181.buttons input.backToList, .buttons a.backToList {
     182        background: transparent url(../images/icons/famfamfam/application.png) 5px 50% no-repeat;
     183        padding-left: 28px;
     184}
     185.buttons input.cancel, .buttons a.cancel {
     186        background: transparent url(../images/icons/famfamfam/delete.png) 5px 50% no-repeat;
     187        padding-left: 28px;
     188        font-weight: normal;
     189}
     190
     191/* Reset the font weight for buttons occurring within the table */
     192td.buttons input { font-weight: normal; }
     193
     194/** END :: buttons **/
     195
     196/** START :: pagination buttons **/
     197.paginateButtons {
     198    margin-top: 15px;
     199    overflow: auto;
     200    width: 100%;
     201}
     202
     203.paginateButtons a,
     204.paginateButtons span.currentStep {
     205    border:solid 1px #ccc;
     206    margin-right:2px;
     207    display:block;
     208    float:left;
     209    padding:1px 6px;
     210    text-decoration:none;
     211}
     212
     213.paginateButtons a {
     214    color:#0e509e;
     215}
     216
     217.paginateButtons span.currentStep {
     218    background:#2e6ab1;
     219    color:#FFFFFF;
     220}
     221
     222/** END :: pagination buttons **/
     223
     224/* START :: ontology autocomplete */
     225.ui-autocomplete .ui-menu-item {
     226    font-size: 10px;
     227}
     228.ui-autocomplete .about {
     229    font-size: 8px;
     230    color: #006DBA;
     231}
     232.ui-autocomplete .from {
     233    font-size: 8px;
     234    color: #666;
     235}
     236/* END :: ontology autocomplete */
     237
     238/* START :: special select option styles */
     239option.addMore {
     240    background: url(../images/icons/famfamfam/add.png) no-repeat left top;
     241    background-color: #333;
     242    padding-left: 18px;
     243    height: 16px;
     244    color: #fff;
     245    font-weight: bold;
     246}
     247option.modify {
     248    background: url(../images/icons/famfamfam/layout_add.png) no-repeat left top;
     249    background-color: #333;
     250    padding-left: 18px;
     251    height: 16px;
     252    color: #fff;
     253    font-weight: bold;
     254}
     255option.locked {
     256    background: url(../images/icons/famfamfam/lock.png) no-repeat left top;
     257    padding-left: 18px;
     258}
     259option.unlocked {
     260    padding-left: 18px;
     261}
     262/* END :: special select option styles */
  • trunk/web-app/css/wizard.css

    r522 r527  
    349349}
    350350
    351 .wizard ul.publication_list {
     351.wizard ul.publication_list, .wizard ul.contact_list {
    352352    list-style-type: none;
    353353    margin: -10px 0 0 255px;
     
    355355}
    356356
    357 .wizard ul.publication_list li {
     357.wizard ul.publication_list li, .wizard ul.contact_list li {
    358358    margin-left: 0px;
    359359    padding: 4px 6px;
    360360}
    361361
    362 .wizard ul.publication_list li.even {
    363     background-color: #F0F0F0;
    364 }
    365 .wizard ul.publication_list li.odd {
    366     background-color: #F8F8F8;
    367 }
    368 
    369 .wizard ul.publication_list li .delete_button { float: right; margin-left: 10px; cursor: pointer; }
     362.wizard li.even {
     363    background-color: #F3F3F3;
     364}
     365.wizard li.odd {
     366    background-color: #FAFAFA;
     367}
     368
     369.wizard li .delete_button { float: right; margin-left: 10px; cursor: pointer; }
    370370.wizard ul.publication_list li .authors { font-size: 10px; margin-top: 3px; color: #333; }
     371.wizard ul.contact_list li .person { display: inline; }
     372.wizard ul.contact_list li .role { color: #000099; display: inline; margin-left: 5px; }
     373.wizard ul.contact_list li .role:before { content: ' / '; color: #000099; }
     374.wizard .contacts_dialog { margin: 5px 0; }
Note: See TracChangeset for help on using the changeset viewer.