update to Frost v0.4

[friendica.git] / view / theme / frost / style.css

diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index 05e4e65b9bc6a8b0a977dc509f7715766f2a08e0..0e0ce6d71f318824bfacd5eeea3b6e82cf42253c 100644 (file)
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -92,12 +92,17 @@ blockquote {
 }
 
 #panel {
-       background-color: ivory;
        position: absolute;
        z-index: 2;
        width: 30%;
        padding: 25px;
-       border: 1px solid #444;
+
+/*     background-color: ivory;
+       border: 1px solid #444;*/
+
+       border-radius: 7px;
+       background-color: #222;
+       color: #eee;
 }
 
 .heart {
@@ -337,6 +342,11 @@ section {
 }
 .tabs li { margin: 0px; list-style: none; }
 .tabs a {
+/*     background-image: url(head.jpg);
+       background-repeat: repeat-x;    
+       background-position: 0px 0px;
+       background-size: auto 45px;*/
+
        padding: 0.4em 0.5em;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
@@ -359,6 +369,9 @@ section {
 .tab.active {
        font-weight: bold;
 
+/*     background-image: url(head-flipped.jpg);
+       background-position: 0px -20px;*/
+
        box-shadow: 2px 2px 3px #aaa inset;
        -moz-box-shadow: 2px 2px 3px #aaa inset;
        -webkit-box-shadow: 2px 2px 3px #aaa inset;
@@ -375,6 +388,12 @@ footer {
        padding-bottom: 1em;
 }
 
+#maintenance-message {
+       font-size: 20px;
+       text-align: center;
+       margin-top: 10em;
+}
+
 .birthday-today, .event-today {
        font-weight: bold;
 }
@@ -1173,15 +1192,16 @@ input#dfrn-url {
        float: left;
        width:110px;
        margin-right:10px;
+       margin-bottom:10px;
 }
 .comment .wall-item-info {
        width: 70px;
 }
 
-.wall-item-photo-wrapper {
+/*.wall-item-photo-wrapper {
        margin-bottom: 10px;
        width: 100px;
-}
+}*/
 .wall-item-photo-menu-button {
        display: block;
        position: absolute;
@@ -1191,7 +1211,7 @@ input#dfrn-url {
        margin: 0px; padding: 0px;
        width: 16px;
        height: 16px;
-       top: 94px; left:0px;
+       top: 76px; left:0px;
        overflow: hidden;
        text-indent: 40px;
        display: none;
@@ -1203,7 +1223,7 @@ input#dfrn-url {
        background: #FFFFFF;
        position: absolute;
 /*     left: 10px; top: 90px;*/
-       left: 0px; top:110px;
+       left: 0px; top:92px;
        display: none;
        z-index: 10000;
 }
@@ -1219,7 +1239,7 @@ input#dfrn-url {
     left: 50px;
     margin: 0;
     position: absolute;
-    top: 70px;
+    top: 63px;
     width: 30px
 }
 .wallwall .wwto img {
@@ -1234,7 +1254,7 @@ input#dfrn-url {
 .wall-item-arrowphoto-wrapper {
     position: absolute;
     left: 75px;
-    top: 70px;
+    top: 63px;
     z-index: 100;
 }
 .wall-item-lock {
@@ -1354,15 +1374,34 @@ input#dfrn-url {
 
 .wall-item-content img {
        display: block;
-       margin-top: 10px;
+       margin-top: 12px;
+       margin-bottom: 12px;
        margin-right: auto;
        margin-left: auto;
+/*     max-width: 100%;*/
+       max-width: 400px; /* to make room for the shadow */
+       padding: 5px;
+
+       box-shadow: 0 0 10px #000;
+       -moz-box-shadow: 0 0 10px #000;
+       -webkit-box-shadow: 0 0 10px #000;
+}
+
+.shared_content img {
        max-width: 100%;
 }
 
+.comment .wall-item-content img {
+       max-width: 370px;
+}
+
 .wall-item-content img.smiley {
        display: inline;
        margin: auto;
+       padding: 0;
+       box-shadow: none;
+       -moz-box-shadow: none;
+       -webkit-box-shadow: none;
 }
 
 .divgrow-showmore {
@@ -1420,7 +1459,7 @@ input#dfrn-url {
 
 .comment .wall-item-tools {
        margin-left: 0px;
-       margin-top: 0px;
+       margin-top: 5px;
        padding-top: 0px;
 } 
 
@@ -1502,6 +1541,27 @@ input#dfrn-url {
        margin-left: 30px;
 }
 
+.shared_header {
+       border-top: 1px solid #aaa;
+       color: #999;
+
+       height: 42px; /* 32 px for the image plus 10 px for the margin around the image */
+       padding-top: 0.5em;
+       margin-top: 1em;
+       margin-bottom: 1em;
+       
+}
+.shared_header img {
+       float: left;
+
+       margin: auto 1em auto auto;
+       padding: 0;
+
+       box-shadow: none;
+       -moz-box-shadow: none;
+       -webkit-box-shadow: none;
+}
+
 #profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
        margin-top: 15px;
@@ -1925,7 +1985,10 @@ input#dfrn-url {
 }
 
 .contact-edit-submit {
-       margin-top: 20px;
+       margin-top: 10px;
+       clear: left;
+       display: block;
+       margin-bottom: 45px;
 }
 
 
@@ -2372,8 +2435,10 @@ aside input[type='text'] {
 }
 
 .photo-top-image-wrapper {
-/*     position: relative; */
-       float: left;
+/*     position: relative; 
+       float: left;*/
+       display: inline-block;
+       vertical-align: top;
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 15px;
@@ -2381,8 +2446,13 @@ aside input[type='text'] {
 /*     width: 200px; height: 200px; 
        overflow: hidden; */
 }
-.photo-top-image-wrapper img {
-       max-width: 550px;
+.photo-album-image-wrapper img, .photo-top-image-wrapper img {
+       max-width: 225px;
+       padding: 5px;
+
+       box-shadow: 0 0 10px #000;
+       -moz-box-shadow: 0 0 10px #000;
+       -webkit-box-shadow: 0 0 10px #000;
 }
 .photo-top-album-name {
        width: 100%;
@@ -2510,9 +2580,8 @@ aside input[type='text'] {
 
 #photos-upload-choosefile-outer-wrapper {
        margin-top: 35px;
-       padding-top: 50px;
        padding-left: 50px;
-       position: relative;
+       margin-bottom: 4em;
 }
 #photos-upload-noshare-div {
        margin-top: 0px;
@@ -2578,12 +2647,13 @@ aside input[type='text'] {
 }
 
 #photo-edit-delete-button {
-       margin-left: 270px;
+/*     margin-left: 270px;*/
+       float: right;
 }
 #photos-upload-choose {
-       position: absolute;
+/*     position: absolute;
        top: 0px;
-       left: 55px;
+       left: 55px;*/
 }
 .settings-submit, .profile-edit-submit-button {
        margin-bottom: 10px;
@@ -2832,7 +2902,7 @@ aside input[type='text'] {
 }
 
 #event-share-text {
-       float: left;
+/*     float: left;*/
        margin-top: 10px;
        margin-left: 5px;
 }
@@ -2957,9 +3027,17 @@ aside input[type='text'] {
 /*#photo-photo {
        float: left;
 }*/
+#photo-photo {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       margin-bottom: 2em;
+       text-align: center;
+}
 #photo-photo img {
-       max-width: 555px;
-       margin-left: 5px;
+/*     max-width: 555px;
+       margin-left: 5px;*/
+       max-width: 100%;
 }
 #photo-photo-end {
        clear: both;
@@ -2989,11 +3067,18 @@ aside input[type='text'] {
 }
 
 .profile-match-wrapper {
-       float: left;
+       display: inline-block;
        padding: 10px;
-       width: 120px;
-       height: 120px;
+       /*width: 120px;
+       height: 120px;*/
        scroll: auto;
+       margin-bottom: 2em;
+       vertical-align: top;
+}
+.profile-match-wrapper .icon.drophide {
+       margin-left: auto;
+       margin-right: auto;
+       margin-top: 1em;
 }
 #profile-match-wrapper-end {
        clear: both;
@@ -3456,6 +3541,13 @@ aside input[type='text'] {
        background-repeat: no-repeat;
        opacity: 0.4;
 }
+.icon.drophide:hover {
+       display: block; width: 16px; height: 16px;
+       background-size: 100% 100%;
+       background-image: url('images/drop-16.png');
+       background-repeat: no-repeat;
+       opacity: 1.0;
+}
 .edit { background-position: -80px 0px;}
 /*.camera { background-position: -96px 0px;}*/
 .icon.camera{
@@ -3758,21 +3850,66 @@ aside input[type='text'] {
 }*/
 
 .attachtype {
-       display: block; width: 20px; height: 23px;
+       display: block;
        float: left;
-       background-image: url('../../../images/content-types.png');
-       background-position: -80px 0px;
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+       background-image: url('images/oxygen/unknown.png');
 }
 
 .body-attach {
        margin-top: 10px;
 }
 
-.type-video { background-position: 0px 0px; }
+/*.type-video { background-position: 0px 0px; }
 .type-image { background-position: -20px 0px; }
 .type-audio { background-position: -40px 0px; }
 .type-text  { background-position: -60px 0px; }
-.type-unkn  { background-position: -80px 0px; }
+.type-unkn  { background-position: -80px 0px; }*/
+.type-video {
+       background-image: url('images/oxygen/video-x-generic.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+.type-image {
+       background-image: url('images/oxygen/image-x-generic.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+.type-audio {  background-image: url('images/oxygen/audio-x-generic.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+
+.type-text  {
+       background-image: url('images/oxygen/text-x-generic-2.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+.subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {
+       background-image: url('images/oxygen/application-msword.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+.subtype-pdf  {
+       background-image: url('images/oxygen/application-pdf.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}
+/*.type-unkn  {
+       background-image: url('images/oxygen/unknown.png');
+       background-size: 100% 100%;
+       width: 48px;
+       height: 48px;
+}*/
+
 
 
 /* autocomplete popup */
@@ -3852,6 +3989,33 @@ div.jGrowl-notification {
 .nav-notify.show {
        display: block;
 }
+ul#nav-network-notifications-popup {
+       text-align: center;
+       line-height: 18px;
+
+       border: 1px solid #AAAAAA;
+       border-radius: 5px;
+       -moz-border-radius: 5px;
+       -webkit-border-radius: 5px;
+
+       -moz-box-shadow: 3px 3px 5px #555;
+       -webkit-box-shadow: 3px 3px 5px #555;
+       box-shadow: 3px 3px 5px #555;
+
+       background: #FFFFFF;
+
+       display: none;
+       list-style: none;
+
+       width: 10em;
+       position: absolute;
+       margin: 0px;
+       top: 15px;
+       left: 55px;
+       padding: 1em 0px;
+
+       z-index: 11000;
+}
 ul.notifications-menu-popup {
        position: absolute;
        display: none;