Merge branch 'release-0.16'
[pithos-web-client] / src / gr / grnet / pithos / web / public / pithos.css
index 39b784f..86f46c8 100644 (file)
@@ -1,5 +1,5 @@
 /*
- * Copyright 2011-2012 GRNET S.A. All rights reserved.
+ * Copyright 2011-2013 GRNET S.A. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or
  * without modification, are permitted provided that the following
  */
 body {
        color: black;
-       font: 13px Verdana, 'PT Sans', sans-serif;
+       font-family: Verdana, 'PT Sans', sans-serif;
+       font-size: 13px;
        margin: 8px;
        margin-top: 3px;
        background-color: transparent;
 }
 
 table td {
-       font: 13px Verdana, 'PT Sans', sans-serif;
+       font-family: Verdana, 'PT Sans', sans-serif;
+       font-size: 13px;
 }
 
 .pithos-outer {
@@ -49,10 +51,10 @@ table td {
 }
 
 a {
-       color: white;
-       text-decoration: none;
-}
-
+       color: white;
+       text-decoration: none;
+} 
 a:hover {
        color: white;
 }
@@ -122,13 +124,13 @@ a.info:hover div {
 }
 
 .pithos-DialogBox .close {
-       background: url(images/close-popup.png) no-repeat;
        cursor: pointer;
        position: absolute;
        width: 13px;
        height: 13px;
        top: 12px;
-       right: 7px;
+       right: 27px;
+       font-size: 0.8em;
 }
 
 .pithos-DialogBox .dialogMiddleCenter {
@@ -178,12 +180,16 @@ table.pithos-permList.props-labels {
 .props-labels {
        font-size: 80%;
        font-weight: bold;
+       padding-left: 10px;
+       padding-right: 10px;
 }
 
 .props-toplabels {
        font-size: 80%;
        font-weight: bold;
        font-style: italic;
+       padding-left: 10px;
+       padding-right: 10px;
 }
 
 .props-values {
@@ -207,30 +213,11 @@ table.pithos-permList.props-labels {
        border-bottom: 1px solid white;
 }
 
-.pithos-usernameMenu {
-    cursor: pointer;
-}
-
-.pithos-usernameMenuItem {
-       background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent;
-       padding-right: 13px;
-       cursor: pointer;
-    color: white;
-}
-
-.pithos-usernameMenuItem:HOVER {
-       background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
-       background-color: #599EBD;
-}
-
-.pithos-usernameMenuItem:ACTIVE {
-       background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
-       background-color: #BED5E0;
-}
-
-.pithos-langMenuItem {
-       cursor: pointer;
-    color: #72ADC8;
+.pithos-topPanel .gwt-Image {
+  position: relative;
+  bottom: -19px;
+  max-height: 64px;
+  max-width: 100%;
 }
 
 .gwt-MenuBar-vertical {
@@ -262,10 +249,6 @@ table.pithos-permList.props-labels {
        background-color: #D0E3ED;
 }
 
-.pithos-userItemMenu {
-       background-color: #D0E3ED;
-}
-
 .gwt-popuppanel {
     border: 3px solid #D0E3ED;
     padding: 3px;
@@ -369,15 +352,10 @@ table.pithos-permList.props-labels {
        padding-left: 4;
 }
 
-.pithos-treeHeader {
-       background-color: #74aec9;
-       height: 25px;
-    width: 100%;
-}
-
-.pithos-statistics {
-       color: white;
-       padding: 5px;
+.pithos-statisticsSeparator {
+       background: url(images/separator.png) no-repeat;
+       width: 100%;
+       height: 3px;
 }
 
 .pithos-splitPanel {
@@ -401,14 +379,21 @@ table.pithos-permList.props-labels {
 }
 
 .pithos-uploadButton {
-    background: none;
-    background-color: #ff7f2a;
+       background: none;
+       background-color: #ff7f2a;
     font-size: 120%;
     text-align: center;
     height: auto;
     padding: 8px;
-    width: 146px;
-    border: none;
+    width: 134px;
+    border: 0px;
+    color: black;
+}
+
+.pithos-uploadButton-loading {
+       background: url(images/ajax-loader.gif) no-repeat;
+       background-position: 100px 0px;
+       background-color: #ff7f2a;
 }
 
 .pithos-uploadButton:HOVER {
@@ -439,9 +424,19 @@ table.pithos-permList.props-labels {
        color: #72ADC8;
 }
 
+.software {
+  font-size: 0.6em;
+  margin-top: 7px;
+  color: #fff;
+}
+
+.version {
+  font-weight: bold;
+}
+
 .pithos-logo {
        position: absolute;
-       top: 29px;
+       top: 65px;
 }
 
 .pithos-header {
@@ -454,10 +449,6 @@ table.pithos-permList.props-labels {
        margin-top: 0;
 }
 
-/*.cellTreeWidget-selectedTree {
-    background-color: #BCD7E3;
-}*/
-
 .pithos-list thead th img {
     top: 5px !important;
 }
@@ -729,16 +720,6 @@ a.pithos-tag {
        font-weight: bold;
 }
 
-.pithos-addMetaImg {
-       background-color: #4085A5;
-       padding: 5px;
-       cursor: pointer;
-}
-
-.pithos-metaDeleteImg {
-       cursor: pointer;
-}
-
 .pithos-metaName {
        width: 7em;
 }
@@ -746,3 +727,11 @@ a.pithos-tag {
 .pithos-metaValue {
        width: 7em;
 }
+
+.pithos-versionList {
+       padding-right: 5px;
+}
+
+.props-values .gwt-Label {
+  word-break: break-word;
+}