Merge pull request #2102 from annando/1511-unseen-forums

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

diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index c12e14de74ac209aff27a08b518b4faa7f6c2fb1..24fe47559a47acb804cc53eea92fc39fb884ffa6 100644 (file)
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -21,7 +21,7 @@ body {
 
 div.container {
        display: block;
-       width: 785 px;
+       width: 785px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
@@ -35,7 +35,7 @@ input {
        border: 1px solid #666666;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        padding: 3px;
 }
 
@@ -63,7 +63,7 @@ code {
        background: #EEE;
        color: #444;
        padding: 10px;
-       margin-top: 20px; 
+       margin-top: 20px;
 }
 
 blockquote {
@@ -85,18 +85,24 @@ blockquote {
 }
 .hide-comments-outer:hover {
        opacity: 1.0;
+       border-bottom: 1px solid #DDD; /* manually prevent the border from changing color */
 }
 .hide-comments {
        margin-left: 5px;
 }
 
 #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 {
@@ -105,6 +111,8 @@ blockquote {
        margin-right: 5px;
 }
 
+.pull-right { float: right }
+
 
 
 /* nav */
@@ -168,10 +176,10 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        border: 1px solid #babdb6;
        border-bottom: 0px;
        background-color: #aec0d3;
-       color: #565854;         
+       color: #565854;
        -moz-border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
-       border-radius: 3px 3px 0px 0px; 
+       border-radius: 3px 3px 0px 0px;
 }
 
 .nav-commlink.selected {
@@ -284,7 +292,7 @@ aside {
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
-       background: #3465a4 url('friendika-16.png') no-repeat 95% center;
+       background: #3465a4 url('friendica-16.png') no-repeat 95% center;
 }
 #wallmessage-link {
        display: block;
@@ -310,7 +318,7 @@ section {
 
        padding-left: 1em;
        padding-right: 1em;
-       padding-top: 1em;
+       padding-top: 0.5em;
 
        background-color: #ffffff;
 /*     background-image: url(border.jpg);
@@ -318,20 +326,41 @@ section {
        background-repeat: no-repeat;*/
 
        min-height: 112px;
-       border-top: 1px solid #babdb6;
-       border-left: 1px dotted #AAA;
-       border-right: 1px dotted #AAA;
+/*     border-top: 1px solid #babdb6;*/
+       border-top: 1px solid #CCC;
+       border-left: 1px solid #CCC;
+       border-right: 1px solid #CCC;
+       border-top-left-radius: 10px;
+       border-top-right-radius: 10px;
 }
 
 .tabs {
        height: 27px;
-       background-image: url(head.jpg);
-       background-repeat: repeat-x;    
+       /*background-image: url(head.jpg);
+       background-repeat: repeat-x;
        background-position: 0px -20px;
-       border-bottom: 1px solid #babdb6;
+       border-bottom: 1px solid #babdb6;*/
        padding:0px;
 }
 .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;
+       border: 1px solid #aaa;
+       border-radius: 8px;
+       -moz-border-radius: 8px;
+       -webkit-border-radius: 8px;
+
+       box-shadow: -2px -2px 3px #aaa inset;
+       -moz-box-shadow: -2px -2px 3px #aaa inset;
+       -webkit-box-shadow: -2px -2px 3px #aaa inset;
+}
 .tab {
        display:block;
        float:left;
@@ -341,7 +370,17 @@ 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;
+}
+
+#display-top-padding {
+       padding-top: 3em;
 }
 
 
@@ -351,6 +390,12 @@ footer {
        padding-bottom: 1em;
 }
 
+#maintenance-message {
+       font-size: 20px;
+       text-align: center;
+       margin-top: 10em;
+}
+
 .birthday-today, .event-today {
        font-weight: bold;
 }
@@ -378,14 +423,14 @@ div.wall-item-content-wrapper.shiny {
 }
 
 /* from default */
-#jot-perms-icon, 
+#jot-perms-icon,
 #profile-location,
 #profile-nolocation,
-#profile-youtube, 
-#profile-video, 
+#profile-youtube,
+#profile-video,
 #profile-audio,
 #profile-link,
-#profile-title, 
+#profile-title,
 #wall-image-upload,
 #wall-file-upload,
 #profile-upload-wrapper,
@@ -400,26 +445,30 @@ div.wall-item-content-wrapper.shiny {
 }
 
 #jot-title, #jot-category {
-       border: 0px;
        margin: 0px;
-       height: 20px;
-       width: 530px;
        margin-bottom: 5px;
+
+       height: 20px;
+       width: 465px;
        font-weight: bold;
+
        border: 1px solid #ffffff;
+
+       display: block;
+       clear: left;
 }
 
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
 #jot-category::-webkit-input-placeholder{font-weight: normal;}
 #jot-title:-moz-placeholder{font-weight: normal;}
 #jot-category:-moz-placeholder{font-weight: normal;}
-               
-       
+
+
 #jot-title:hover,
 #jot-title:focus,
 #jot-category:hover,
 #jot-category:focus {
-       border: 1px solid #cccccc; 
+       border: 1px solid #cccccc;
 }
 
 .jothidden { display:none; }
@@ -444,7 +493,7 @@ div.wall-item-content-wrapper.shiny {
        padding: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -454,7 +503,7 @@ div.wall-item-content-wrapper.shiny {
        padding: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -544,14 +593,14 @@ div.wall-item-content-wrapper.shiny {
 }
 
 #login-submit-button {
-       margin-top: 10px; 
+       margin-top: 10px;
        margin-left: 200px;
 }*/
 
 
 input#dfrn-url {
        float: left;
-       background: url(friendika-16.png) no-repeat;
+       background: url(friendica-16.png) no-repeat;
        background-position: 2px center;
        font-size: 17px;
        padding-left: 21px;
@@ -946,7 +995,7 @@ input#dfrn-url {
     clear: left;
     color: #666666;
     display: block;
-    margin-bottom: 20px        
+    margin-bottom: 20px
 }
 
 #profile-edit-profile-name-end,
@@ -1012,6 +1061,12 @@ input#dfrn-url {
        padding-left: 0px;
 }
 
+#contacts-search-wrapper {
+       padding-top: 1em;
+       padding-bottom: 2em;
+       clear: left;
+}
+
 #contacts-main {
        margin-top: 20px;
        margin-bottom: 20px;
@@ -1019,12 +1074,14 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
        float: left;
-/*     width: 120px;
-       height: 120px;*/
-       padding-left: 8px;
-       padding-right: 8px; 
-       width: 95px;
-       height: 170px;
+       width: 262px;
+       height: 90px;
+       padding-right: 10px;
+       margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+       float: left;
+       margin-right: 10px;
 }
 #contacts-search-end {
        margin-bottom: 10px;
@@ -1038,15 +1095,22 @@ input#dfrn-url {
 .contact-entry-photo img {
        border: none;
 }
+.contact-entry-photo a img {
+       width: 80px;
+       height: 80px;
+}
 .contact-entry-photo-end {
        clear: both;
 }
+.contact-entry-desc {
+       overflow: hidden;
+}
 .contact-entry-name {
-       float: left;
+       /*float: left;*/
        margin-left: 0px;
        margin-right: 10px;
        padding-bottom: 5px;
-       width: 120px;
+       /*width: 120px;*/
        font-weight: 600;
        overflow: hidden;
 }
@@ -1054,6 +1118,9 @@ input#dfrn-url {
        font-style: italic;
        font-size: 10px;
        font-weight: 500;
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
 }
 .contact-entry-network {
        font-size: 10px;
@@ -1102,7 +1169,7 @@ input#dfrn-url {
 }
 
 .wall-item-content-wrapper {
-       padding-top: 30px;
+       padding-top: 1em; /* wall-item-lock margin-top needs to match this */
        border-top: 2px solid #AAA;
        position: relative;
 
@@ -1139,29 +1206,30 @@ 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;
        background-image: url("photo-menu.jpg");
-       background-position: top left; 
+       background-position: top left;
        background-repeat: no-repeat;
        margin: 0px; padding: 0px;
        width: 16px;
        height: 16px;
-       top: 94px; left:0px;
+       top: 76px; left:0px;
        overflow: hidden;
        text-indent: 40px;
        display: none;
-       
+
 }
 .wall-item-photo-menu {
        width: auto;
@@ -1169,7 +1237,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;
 }
@@ -1185,7 +1253,7 @@ input#dfrn-url {
     left: 50px;
     margin: 0;
     position: absolute;
-    top: 70px;
+    top: 63px;
     width: 30px
 }
 .wallwall .wwto img {
@@ -1200,21 +1268,21 @@ input#dfrn-url {
 .wall-item-arrowphoto-wrapper {
     position: absolute;
     left: 75px;
-    top: 70px;
+    top: 63px;
     z-index: 100;
 }
 .wall-item-lock {
-       margin-top: 30px;
+       margin-top: 1em; /* needs to match .wall-item-content-wrapper padding-top */
        left: 105px;
        position: absolute;
-       top: 1px;       
+       top: 1px;
 }
 .comment .wall-item-lock {
        left: 65px;
        margin-top: 0px;
 }
 
-.wall-item-ago {
+.wall-item-ago, .wall-item-ago a {
        color: #888888;
        font-size: 0.8em;
 }
@@ -1261,11 +1329,11 @@ input#dfrn-url {
 }
 .star-item {
        margin-left: 10px;
-       float: left;    
+       float: left;
 }
 .tag-item {
        margin-left: 10px;
-       float: left;    
+       float: left;
 }
 
 .filer-item {
@@ -1300,10 +1368,16 @@ input#dfrn-url {
 }
 .wall-item-photo {
        border: none;
+       border-radius: 7px;
+       -moz-border-radius: 7px;
+       -webkit-border-radius: 7px;
 }
 .comment .wall-item-photo {
-       width: 50px !important; 
+       width: 50px !important;
        height: 50px !important;
+       border-radius: 5px;
+       -moz-border-radius: 5px;
+       -webkit-border-radius: 5px;
 }
 .wall-item-content {
        margin-left: 10px;
@@ -1314,15 +1388,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 {
@@ -1338,7 +1431,7 @@ input#dfrn-url {
 .wall-item-title {
        float: left;
        font-weight: bold;
-       font-size: 1.6em; 
+       font-size: 1.6em;
        /*width: 450px;*/
 }
 
@@ -1380,9 +1473,9 @@ input#dfrn-url {
 
 .comment .wall-item-tools {
        margin-left: 0px;
-       margin-top: 0px;
+       margin-top: 5px;
        padding-top: 0px;
-} 
+}
 
 .comment-edit-wrapper {
        margin-top: 15px;
@@ -1421,7 +1514,7 @@ input#dfrn-url {
        margin-top: 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #cccccc;
        padding: 3px 1px 1px 3px;
 }
@@ -1462,10 +1555,36 @@ 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;
 }
+#profile-jot-banner-wrapper {
+       height: 1.5em;
+       display: block;
+       clear: left
+}
 
 #profile-jot-submit {
        float: left;
@@ -1677,7 +1796,8 @@ input#dfrn-url {
 .pager_last,
 .pager_prev,
 .pager_next,
-.pager_n {
+.pager_n,
+.scroll_loader_text {
 /*     background: #EEE;*/
 }
 
@@ -1880,14 +2000,17 @@ input#dfrn-url {
 }
 
 .contact-edit-submit {
-       margin-top: 20px;
+       margin-top: 10px;
+       clear: left;
+       display: block;
+       margin-bottom: 45px;
 }
 
 
 .contact-photo-menu-button {
        position: absolute;
        background-image: url("photo-menu.jpg");
-       background-position: top left; 
+       background-position: top left;
        background-repeat: no-repeat;
        margin: 0px; padding: 0px;
        width: 16px;
@@ -1896,7 +2019,7 @@ input#dfrn-url {
        overflow: hidden;
        text-indent: 40px;
        display: none;
-       
+
 }
 .contact-photo-menu {
        width: auto;
@@ -1933,7 +2056,7 @@ input#dfrn-url {
        border: 1px solid #cccccc;
        padding: 3px 0px 0px 5px;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
 }
 
 
@@ -1987,7 +2110,7 @@ input#dfrn-url {
        overflow: auto;
 }
 #acl-list-content {
-       
+
 }
 .acl-list-item {
        display: block;
@@ -2004,7 +2127,7 @@ input#dfrn-url {
        margin: 4px;
 }
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a { 
+.acl-list-item a {
        font-size: 10px; /* 8px; */
        display: block;
        width: 50px;
@@ -2204,6 +2327,22 @@ a.mail-list-link {
        clear: both;
 }
 
+#poke-desc {
+       margin: 5px 0 10px;
+}
+
+#poke-wrapper  {
+       padding: 10px 0 20px;
+}
+
+#poke-recipient, #poke-action, #poke-privacy-settings {
+       margin: 10px 0 30px;
+}
+
+#poke-recip-label, #poke-action-label, #prvmail-message-label {
+       margin: 10px 0 10px;
+}
+
 #sidebar-group-list ul {
        list-style-type: none;
 }
@@ -2218,11 +2357,21 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
-.nets-ul, .fileas-ul, .categories-ul {
+#forumlist-sidebar ul {
+       list-style: none;
+}
+
+.forumlist-img {
+       height: 20px;
+       width: 20px;
+       vertical-align: middle;
+}
+
+.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
        list-style-type: none;
 }
 
-.nets-ul li, .fileas-ul li, .categories-ul li {
+.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
        margin-top: 10px;
 }
 
@@ -2303,15 +2452,15 @@ aside input[type='text'] {
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 15px;
-/*     width: 200px; height: 200px; 
-       overflow: hidden; 
+/*     width: 200px; height: 200px;
+       overflow: hidden;
        position: relative; */
 }
 .photo-album-image-wrapper .caption {
-       display: none; 
+       display: none;
        width: 100%;
 /*     position: absolute; */
-       bottom: 0px; 
+       bottom: 0px;
        padding: 0.5em 0.5em 0px 0.5em;
        background-color: rgba(245, 245, 255, 0.8);
        border-bottom: 2px solid #CCC;
@@ -2327,23 +2476,30 @@ 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;
        margin-bottom: 15px;
-/*     width: 200px; height: 200px; 
+/*     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%;
        min-height: 2em;
 /*     position: absolute;  */
-       bottom: 0px; 
+       bottom: 0px;
        padding: 0px 3px;
        padding-top: 0.5em;
        background-color: rgb(255, 255, 255);
@@ -2404,6 +2560,15 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
+.video-top-wrapper {
+       display: inline-block;
+       vertical-align: top;
+       margin-top: 15px;
+       margin-right: 15px;
+       margin-left: 15px;
+       margin-bottom: 15px;
+}
+
 #profile-jot-desc {
        /*float: left;*/
        /*width: 480px;*/
@@ -2430,7 +2595,7 @@ aside input[type='text'] {
 }
 
 #profile-jot-banner-end {
-       /* clear: both; */ 
+       /* clear: both; */
 }
 
 #photos-upload-select-files-text {
@@ -2465,9 +2630,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;
@@ -2533,12 +2697,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;
@@ -2717,7 +2882,7 @@ aside input[type='text'] {
 }
 
 /* end from default */
-       
+
 
 .fn {
        padding: 0px 0px 5px 12px;
@@ -2725,7 +2890,8 @@ aside input[type='text'] {
        font-weight: bold;
 }
 
-.vcard .title {
+.vcard .title,
+.vcard .p-faddr {
        margin-bottom: 5px;
        margin-left: 12px;
 }
@@ -2736,7 +2902,7 @@ aside input[type='text'] {
 
 #birthday-title {
        float: left;
-       font-weight: bold;      
+       font-weight: bold;
 }
 
 #birthday-adjust {
@@ -2787,7 +2953,7 @@ aside input[type='text'] {
 }
 
 #event-share-text {
-       float: left;
+/*     float: left;*/
        margin-top: 10px;
        margin-left: 5px;
 }
@@ -2860,7 +3026,7 @@ aside input[type='text'] {
        clear: both;
 }
 
- 
+
 .calendar {
        font-family: Courier, monospace;
 }
@@ -2879,17 +3045,49 @@ aside input[type='text'] {
        margin: 10px;
 }
 
-#identity-manage-desc {
-       margin-top:15px;
-       margin-bottom: 15px;
+.itentity-match-wrapper {
+       float: left;
+       padding: 10px;
+       width: 120px;
+       height: 140px;
+       margin-bottom: 20px;
 }
 
-#identity-manage-choose {
-       margin-bottom: 15px;
+.identity-match-photo {
+       float: left;
+       text-align: center;
+       width: 120px;
 }
 
-#identity-submit {
-       margin-top: 20px;
+.identity-match-name {
+       text-align: center;
+}
+
+.identity-match-details {
+       float: left;
+       text-align: center;
+       width: 120px;
+       overflow: hidden;
+       font-size: 10px;
+       font-weight: 500;
+       color: #999999;
+}
+
+.identity-match-break, .identity-match-end {
+       clear: both;
+}
+
+.identity-match-photo button {
+       border: none;
+       padding: 0;
+       margin: 0;
+       background: none;
+       height: 80px;
+       width: 80px;
+}
+
+.selected-identity img {
+       border: 2px solid #ff0000;
 }
 
 #photo-prev-link, #photo-next-link {
@@ -2912,9 +3110,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;
@@ -2944,11 +3150,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;
@@ -2957,12 +3170,6 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
-#language-selector {
-       position: absolute;
-       top: 0px;
-       left: 16px;
-}
-
 #group-members {
        margin-top: 20px;
        padding: 10px;
@@ -3059,7 +3266,7 @@ aside input[type='text'] {
 
 
 #netsearch-box {
-       margin-top: 20px;       
+       margin-top: 20px;
 }
 
 #netsearch-box #search-submit {
@@ -3149,19 +3356,6 @@ aside input[type='text'] {
        text-decoration: underline;
 }
 
-#lang-select-icon {
-       cursor: pointer;
-       position: absolute;
-       left: 0px;
-       top: 0px;
-       opacity: 0.2;
-       filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
-       opacity: 1;
-       filter:alpha(opacity=100);
-}
 
 .notif-image {
        height: 80px;
@@ -3183,7 +3377,7 @@ aside input[type='text'] {
 .settings-heading {
        border-bottom: 1px solid #babdb6;
 }
- 
+
 
 /**
  * Form fields
@@ -3203,6 +3397,9 @@ aside input[type='text'] {
        float: left;
        width: 200px;
 }
+.field.yesno label {
+       font-weight: 700;
+}
 
 .field input,
 .field textarea {
@@ -3263,7 +3460,7 @@ aside input[type='text'] {
        font-weight: bold;
        background-color: #FF0000;
        padding: 0em 0.3em;
-       
+
 }
 #adminpage dl {
        clear: left;
@@ -3310,7 +3507,7 @@ aside input[type='text'] {
 
 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
 #adminpage table th { text-align: left;}
-#adminpage td .icon { float: left;}
+#adminpage td .icon, #adminpage td .tool { float: left;}
 #adminpage table#users img { width: 16px; height: 16px; }
 #adminpage table tr:hover { background-color: #bbc7d7; }
 #adminpage .selectall { text-align: right; }
@@ -3322,7 +3519,7 @@ aside input[type='text'] {
 /*
  * UPDATE
  */
-.popup {       
+.popup {
        width: 100%; height: 100%;
        top:0px; left:0px;
        position: absolute;
@@ -3343,7 +3540,7 @@ aside input[type='text'] {
        border: 4px solid #000000;
        background-color: #FFFFFF;
 }
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } 
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
 .popup .panel .panel_in { width: 100%; height: 100%;   position: relative; }
 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
@@ -3356,7 +3553,7 @@ aside input[type='text'] {
        height: auto; overflow: auto;
        border-bottom: 2px solid #cccccc;
        padding-bottom: 1em;
-       margin-bottom: 1em;     
+       margin-bottom: 1em;
 }
 .oauthapp img {
        float: left;
@@ -3408,6 +3605,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{
@@ -3418,18 +3622,18 @@ aside input[type='text'] {
        background-repeat: no-repeat;
 }
 /*.dislike { background-position: -112px 0px;}*/
-.icon.dislike {
+.tool.dislike {
        display: block; width: 15px; height: 16px;/* 23 24*/
        background-size: 100% 100%;
        background-image: url('images/disapprove-16.png');
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.dislike:hover {
+.tool.dislike:hover {
        opacity: 1.0;
 }
 /*.like { background-position: -128px 0px;}*/
-.icon.like {
+.tool.like {
        display: block; width: 15px; height: 16px;/* 23 24*/
        margin-right: 6px;
        background-size: 100% 100%;
@@ -3437,7 +3641,7 @@ aside input[type='text'] {
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.like:hover {
+.tool.like:hover {
        opacity: 1.0;
 }
 /*.link { background-position: -144px 0px;}*/
@@ -3466,14 +3670,14 @@ aside input[type='text'] {
 .pause { background-position: -48px -16px;}
 .play { background-position: -64px -16px;}
 /*.pencil { background-position: -80px -16px;}*/
-.icon.pencil {
+.tool.pencil {
        display: block; width: 16px; height: 16px;
        background-size: 100% 100%;
        background-image: url('images/pencil-16.png');
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.pencil:hover {
+.tool.pencil:hover {
        opacity: 1.0;
 }
 /*.small-pencil { background-position: -96px -16px;}*/
@@ -3488,14 +3692,14 @@ aside input[type='text'] {
        opacity: 1.0;
 }
 /*.recycle { background-position: -112px -16px;}*/
-.icon.recycle {
+.tool.recycle {
        display: block; width: 16px; height: 16px;/*24 23*/
        background-size: 100% 100%;
        background-image: url('images/recycle-16.png');
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.recycle:hover {
+.tool.recycle:hover {
        opacity: 1.0;
 }
 /*.remote-link { background-position: -128px -16px;}*/
@@ -3556,32 +3760,32 @@ aside input[type='text'] {
 
 .off { background-position: 0px -48px; }
 /*.starred { background-position: -16px -48px; }*/
-.icon.starred {
+.tool.starred {
        display: block; width: 16px; height: 16px;
        background-size: 100% 100%;
        background-image: url('images/star-yellow-16.png');
        background-repeat: no-repeat;
 }
 /*.unstarred { background-position: -32px -48px; }*/
-.icon.unstarred {
+.tool.unstarred {
        display: block; width: 16px; height: 16px;
        background-size: 100% 100%;
        background-image: url('images/star-16.png');
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.unstarred:hover {
+.tool.unstarred:hover {
        opacity: 1.0;
 }
 /*.tagged { background-position: -48px -48px; }*/
-.icon.tagged {
+.tool.tagged {
        display: block; width: 16px; height: 16px;
        background-size: 100% 100%;
        background-image: url('images/tag-16.png');
        background-repeat: no-repeat;
        opacity: 0.4;
 }
-.icon.tagged:hover {
+.tool.tagged:hover {
        opacity: 1.0;
 }
 .yellow { background-position: -64px -48px; }
@@ -3710,20 +3914,66 @@ aside input[type='text'] {
 }*/
 
 .attachtype {
-       display: block; width: 20px; height: 23px;
+       display: block;
        float: left;
-       background-image: url('../../../images/content-types.png');
+       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 */
@@ -3759,9 +4009,12 @@ div.jGrowl div.info {
   padding-left: 58px;
 }
 #jGrowl.top-right {
-       top: 15px;
+       top: 75px;
        right: 15px;
 }
+div.jGrowl-notification {
+  border-radius: 7px;
+}
 .qcomment {
        border: 1px solid #EEE;
        padding: 3px;
@@ -3800,6 +4053,33 @@ div.jGrowl div.info {
 .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;
@@ -3866,9 +4146,9 @@ ul.notifications-menu-popup {
 }
 
 #recip {
-       
+
 }
-.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
+.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
 .autocomplete .selected { background:#F0F0F0; }
 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
@@ -3877,5 +4157,9 @@ ul.notifications-menu-popup {
        margin-left: 40px;
        width: 130px;
 }
-
-
+#message-preview .mail-list-sender, #message-preview .mail-list-delete {
+       display:none;
+}
+#message-preview .mail-list-outside-wrapper {
+       margin-top: 20px;
+}