Changeset 527 for trunk/web-app/css

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:

• dialog.css (modified) (1 diff)
• wizard.css (modified) (2 diffs)

trunk/web-app/css/dialog.css

@@ -22 +22 @@
 }
 /* END :: ontology autocomplete */
+
+/* In a dialog, headers shoudn't be displayed, as the dialog itself has a title */
+h1, h2  {
+    display: none;
+}
+
+/** START :: content **/
+#content {
+        padding-top: 40px;
+        font-family: Verdana, Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        padding-bottom: 20px;
+}
+
+#content p {
+    text-align: justify;
+}
+#content a:link, #content a:visited, #content a:hover{
+    color: #006dba;
+    text-decoration: none;
+}
+#content p img {
+    display: run-in;
+    float: right;
+    padding: 2px;
+    border: 1px solid #006dba;
+    margin-left: 10px;
+    margin-bottom: 10px;
+    height: 120px;
+}
+
+#content .message {
+    border: 1px solid #ccc; /* #006dba; */
+    margin-bottom: 10px;
+    margin-top: 10px;
+
+    background: #f7f7f7 url(../images/icons/famfamfam/information.png) 10px 10px no-repeat;
+    padding: 10px 10px 10px 33px;
+
+}
+
+/** END :: content **/
+/** START :: TABLES **/
+table {
+    border: 1px solid #ccc;
+    width: 100%
+}
+tr {
+    border: 0;
+}
+td, th {
+    font: 11px verdana, arial, helvetica, sans-serif;
+    line-height: 12px;
+    padding: 5px 6px;
+    text-align: left;
+    vertical-align: top;
+}
+th {
+    background: #fff url(../images/default_style/tables/shadow.jpg);
+    color: #666;
+    font-size: 11px;
+    font-weight: bold;
+    line-height: 17px;
+    padding: 2px 6px;
+}
+th a:link, th a:visited, th a:hover {
+    color: #333;
+    display: block;
+    font-size: 10px;
+    text-decoration: none;
+    width: 100%;
+}
+th.asc a, th.desc a {
+    background-position: right;
+    background-repeat: no-repeat;
+}
+th.asc a {
+    background-image: url(../images/default_style/tables/sorted_asc.gif);
+}
+th.desc a {
+    background-image: url(../images/default_style/tables/sorted_desc.gif);
+}
+
+.odd {
+    background: #f7f7f7;
+}
+.even {
+    background: #fff;
+}
+
+tr.prop td { padding-top: 2px; padding-bottom: 2px; }
+/** END :: TABLES **/
+
+/** START :: LIST **/
+.list table {
+    border-collapse: collapse;
+}
+.list th, .list td {
+    border-left: 1px solid #ddd;
+}
+.list th:hover, .list tr:hover {
+    background: #b2d1ff;
+}
+/** END :: LIST **/
+
+/** START :: buttons **/
+.buttons {
+    margin-top: 15px;
+    font-size: 10px;
+}
+
+/* Hides the default navigation bar that is added by the Grails scaffolding */
+/* .nav { display: none; } */
+
+/* Links in the buttons section should look just like buttons in the
+   same section */
+#content .button a {
+    color: #333;
+}
+.button a {
+    font-size: 10px;
+    font-weight: bold;
+    margin-left: 3px;
+    margin-right: 3px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+.buttons input {
+    background: #fff;
+    border: 0;
+    color: #333;
+    cursor: pointer;
+    font-size: 10px;
+    font-weight: bold;
+    margin-left: 3px;
+    margin-right: 3px;
+    overflow: visible;
+    padding: 2px 6px;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+.buttons input.delete, .buttons a.delete {
+        background: transparent url(../images/icons/famfamfam/delete.png) 5px 50% no-repeat;
+        padding-left: 28px;
+}
+.buttons input.edit, .buttons a.edit  {
+        background: transparent url(../images/icons/famfamfam/application_edit.png) 5px 50% no-repeat;
+        padding-left: 28px;
+}
+.buttons input.save, .buttons a.save {
+        background: transparent url(../images/icons/famfamfam/accept.png) 5px 50% no-repeat;
+        padding-left: 28px;
+}
+.buttons input.create, .buttons a.create {
+        background: transparent url(../images/icons/famfamfam/add.png) 5px 50% no-repeat;
+        padding-left: 28px;
+}
+.buttons input.backToList, .buttons a.backToList {
+        background: transparent url(../images/icons/famfamfam/application.png) 5px 50% no-repeat;
+        padding-left: 28px;
+}
+.buttons input.cancel, .buttons a.cancel {
+        background: transparent url(../images/icons/famfamfam/delete.png) 5px 50% no-repeat;
+        padding-left: 28px;
+        font-weight: normal;
+}
+
+/* Reset the font weight for buttons occurring within the table */
+td.buttons input { font-weight: normal; }
+
+/** END :: buttons **/
+
+/** START :: pagination buttons **/
+.paginateButtons {
+    margin-top: 15px;
+    overflow: auto;
+    width: 100%;
+}
+
+.paginateButtons a,
+.paginateButtons span.currentStep {
+    border:solid 1px #ccc;
+    margin-right:2px;
+    display:block;
+    float:left;
+    padding:1px 6px;
+    text-decoration:none;
+}
+
+.paginateButtons a {
+    color:#0e509e;
+}
+
+.paginateButtons span.currentStep {
+    background:#2e6ab1;
+    color:#FFFFFF;
+}
+
+/** END :: pagination buttons **/
+
+/* START :: ontology autocomplete */
+.ui-autocomplete .ui-menu-item {
+    font-size: 10px;
+}
+.ui-autocomplete .about {
+    font-size: 8px;
+    color: #006DBA;
+}
+.ui-autocomplete .from {
+    font-size: 8px;
+    color: #666;
+}
+/* END :: ontology autocomplete */
+
+/* START :: special select option styles */
+option.addMore {
+    background: url(../images/icons/famfamfam/add.png) no-repeat left top;
+    background-color: #333;
+    padding-left: 18px;
+    height: 16px;
+    color: #fff;
+    font-weight: bold;
+}
+option.modify {
+    background: url(../images/icons/famfamfam/layout_add.png) no-repeat left top;
+    background-color: #333;
+    padding-left: 18px;
+    height: 16px;
+    color: #fff;
+    font-weight: bold;
+}
+option.locked {
+    background: url(../images/icons/famfamfam/lock.png) no-repeat left top;
+    padding-left: 18px;
+}
+option.unlocked {
+    padding-left: 18px;
+}
+/* END :: special select option styles */

trunk/web-app/css/wizard.css

@@ -349 +349 @@
 }
 
-.wizard ul.publication_list {
+.wizard ul.publication_list, .wizard ul.contact_list {
     list-style-type: none;
     margin: -10px 0 0 255px;
@@ -355 +355 @@
 }
 
-.wizard ul.publication_list li {
+.wizard ul.publication_list li, .wizard ul.contact_list li {
     margin-left: 0px;
     padding: 4px 6px;
 }
 
-.wizard ul.publication_list li.even {
-    background-color: #F0F0F0;
-}
-.wizard ul.publication_list li.odd {
-    background-color: #F8F8F8;
-}
-
-.wizard ul.publication_list li .delete_button { float: right; margin-left: 10px; cursor: pointer; }
+.wizard li.even {
+    background-color: #F3F3F3;
+}
+.wizard li.odd {
+    background-color: #FAFAFA;
+}
+
+.wizard li .delete_button { float: right; margin-left: 10px; cursor: pointer; }
 .wizard ul.publication_list li .authors { font-size: 10px; margin-top: 3px; color: #333; }
+.wizard ul.contact_list li .person { display: inline; }
+.wizard ul.contact_list li .role { color: #000099; display: inline; margin-left: 5px; }
+.wizard ul.contact_list li .role:before { content: ' / '; color: #000099; }
+.wizard .contacts_dialog { margin: 5px 0; }