]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frost-mobile/style.css
bug fix #1135, show more is usable again
[friendica.git] / view / theme / frost-mobile / style.css
index b38fdceb879be788be2cdcc226190dabfc47a585..dc90c76236c5d989dbdac90a22ff0e7ebb6c0fb7 100644 (file)
@@ -42,7 +42,7 @@ a:hover {text-decoration: underline; }
 \r
 input {\r
        border: 1px solid #666666;\r
-/*     -moz-border-radius: 3px;*/\r
+       -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        padding: 3px;\r
@@ -120,12 +120,17 @@ blockquote {
 }\r
 \r
 #panel {\r
-       background-color: ivory;\r
        position: absolute;\r
-/*     z-index: 2;*/\r
-       width: 30%;\r
+       z-index: 2;\r
        padding: 25px;\r
-       border: 1px solid #444;\r
+       margin-right: 10px;\r
+\r
+       /*background-color: ivory;\r
+       border: 1px solid #444;*/\r
+\r
+       border-radius: 7px;\r
+       background-color: #222;\r
+       color: #eee;\r
 }\r
 \r
 .heart {\r
@@ -138,7 +143,7 @@ blockquote {
 \r
 /* nav */\r
 nav {\r
-       height: 94px;\r
+       height: 60px;\r
 /*     width: 100%;*/\r
        width: 320px;\r
        display: block;\r
@@ -201,7 +206,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        border-bottom: 0px;\r
        background-color: #aec0d3;\r
        color: #565854;         \r
-/*     -moz-border-radius: 3px 3px 0px 0px;*/\r
+       -moz-border-radius: 3px 3px 0px 0px;\r
        -webkit-border-radius: 3px 3px 0px 0px;\r
        border-radius: 3px 3px 0px 0px; \r
 }\r
@@ -222,7 +227,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        right: 2px;\r
        padding: 1px 2px;\r
        border-radius: 4px;\r
-/*     -moz-border-radius: 4px;*/\r
+       -moz-border-radius: 4px;\r
        -webkit-border-radius: 4px;\r
        background-color: gold !important;\r
 }\r
@@ -234,7 +239,7 @@ nav #nav-link-wrapper .nav-link {
 }\r
 \r
 nav .nav-link {\r
-       margin-top: 24px;\r
+       margin-top: 16px;\r
        margin-bottom: 0.2em;\r
        margin-right: 1em;\r
        margin-left: 1em;\r
@@ -270,7 +275,7 @@ nav .nav-link {
 /*     right: -33px;*/\r
        padding: 1em 0px;\r
 \r
-/*     -moz-box-shadow: 3px 3px 5px #555;*/\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
 \r
@@ -278,6 +283,7 @@ nav .nav-link {
 }\r
 \r
 #network-menu-list {\r
+       width: 9em;\r
        left: 3px;\r
 }\r
 \r
@@ -322,7 +328,7 @@ div.main-container {
        display: block;\r
        color: #FFFFFF;\r
        -webkit-border-radius: 5px ;\r
-/*     -moz-border-radius: 5px;*/\r
+       -moz-border-radius: 5px;\r
        border-radius: 5px;\r
        padding: 5px;\r
        font-weight: bold;\r
@@ -332,7 +338,7 @@ div.main-container {
        display: block;\r
        color: #FFFFFF;\r
        -webkit-border-radius: 5px ;\r
-/*     -moz-border-radius: 5px;*/\r
+       -moz-border-radius: 5px;\r
        border-radius: 5px;\r
        padding: 5px;\r
        font-weight: bold;\r
@@ -382,23 +388,26 @@ section {
        border-bottom: 1px solid #babdb6;\r
        padding:0px;\r
 }\r
+.tabs.links-widget {\r
+       border: none;\r
+}\r
 .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }\r
 .tabs a {\r
        padding: 0.4em 2em;\r
        border: 1px solid #aaa;\r
        border-radius: 8px;\r
-/*     -moz-border-radius: 8px;*/\r
+       -moz-border-radius: 8px;\r
        -webkit-border-radius: 8px;\r
 }\r
 .tab {\r
        /*display:block;*/\r
-       /*float:left;*/\r
+       float:left;\r
        padding-left: 1em;\r
        padding-right: 0.4em;\r
        padding-top: 0.4em;\r
        padding-bottom: 0.4em;\r
-       /*margin-right: 1em;*/\r
-       margin-right: 3px ;\r
+       margin-right: 0.5em;\r
+       margin-bottom: 0.4em;\r
 }\r
 .tab.active {\r
        font-weight: bold;\r
@@ -407,6 +416,10 @@ section {
 #events-tab {\r
        display: none;\r
 }\r
+#tabs-end {\r
+       padding-top: 0.3em;\r
+       clear: both;\r
+}\r
 \r
 \r
 /* footer */\r
@@ -467,9 +480,9 @@ footer {
        border: 1px solid #ffffff;\r
 }\r
 \r
-#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
+/*#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
 #jot-category::-webkit-input-placeholder{font-weight: normal;}\r
-/*#jot-title:-moz-placeholder{font-weight: normal;}\r
+#jot-title:-moz-placeholder{font-weight: normal;}\r
 #jot-category:-moz-placeholder{font-weight: normal;}*/\r
                \r
        \r
@@ -500,7 +513,7 @@ footer {
 \r
 .group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
        padding: 3px;\r
-/*     -moz-border-radius: 3px;*/\r
+       -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        border: 1px solid #CCCCCC;\r
@@ -615,6 +628,7 @@ input#dfrn-url {
        background-color: #FFFFFF;\r
        color: #000000;\r
        margin-bottom: 20px;\r
+       max-width: 90%;\r
 }\r
 \r
 #dfrn-url-label {\r
@@ -648,9 +662,16 @@ input#dfrn-url {
 #dfrn-request-message-wrapper {\r
        margin-bottom: 50px;\r
 }\r
+#dfrn-request-message-wrapper textarea {\r
+       max-width: 90%;\r
+}\r
 #dfrn-request-submit-wrapper {\r
        clear: both;\r
-       margin-left: 50px;\r
+       /*margin-left: 50px;*/\r
+}\r
+#dfrn-request-submit-wrapper input {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
 }\r
 \r
 #dfrn-request-info-wrapper {\r
@@ -754,6 +775,9 @@ input#dfrn-url {
 \r
 #profile-extra-links li {\r
        margin-top: 5px;\r
+       max-width: 300px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
 }\r
 \r
 #profile-edit-links ul {\r
@@ -943,6 +967,8 @@ input#dfrn-url {
        margin-bottom: 20px;\r
 }\r
 \r
+\r
+\r
 #profile-publish-yes-reg,\r
 #profile-publish-no-reg {\r
        float: left;\r
@@ -1163,21 +1189,27 @@ input#dfrn-url {
 }\r
 \r
 .wall-item-content-wrapper {\r
-       padding-top: 30px;\r
+       padding-top: 1em;\r
+/*     padding-left: 0.25em;\r
+       padding-right: 0.25em;*/\r
+\r
        border-top: 2px solid #AAAAAA;\r
        position: relative;\r
-\r
 }\r
 \r
 .wall-item-content-wrapper.comment {\r
-       margin-top: 30px;\r
-       padding-top: 0px;\r
+       margin-top: 15px;\r
        margin-left: 5px;\r
        margin-right: 5px;\r
-       border: 2px solid #AAAAAA;\r
+\r
+       padding-top: 5px;\r
+       padding-left: 5px;\r
+       padding-right: 5px;\r
+\r
+       border: 1px solid #AAAAAA;\r
        border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
-/*     -moz-border-radius: 10px;*/\r
+       -moz-border-radius: 10px;\r
 /*     background: #EEEEEE;*/\r
 }\r
 \r
@@ -1194,17 +1226,14 @@ input#dfrn-url {
 .wall-item-info {\r
        display: block;\r
        float: left;\r
-       width:110px;\r
+       width:126px;\r
        margin-right:10px;\r
+       margin-bottom:10px;\r
 }\r
 .comment .wall-item-info {\r
-       width: 70px;\r
+       width: 86px;\r
 }\r
 \r
-.wall-item-photo-wrapper {\r
-       margin-bottom: 10px;\r
-       width: 100px;\r
-}\r
 .wall-item-photo-menu-button {\r
        display: block;\r
        position: absolute;\r
@@ -1241,7 +1270,7 @@ input#dfrn-url {
     left: 50px;\r
     margin: 0;\r
     position: absolute;\r
-    top: 80px;\r
+    top: 67px;\r
     width: 30px\r
 }\r
 .wallwall .wwto img {\r
@@ -1256,14 +1285,15 @@ input#dfrn-url {
 .wall-item-arrowphoto-wrapper {\r
     position: absolute;\r
     left: 75px;\r
-    top: 80px;\r
+    top: 67px;\r
 /*    z-index: 100;*/\r
 }\r
 .wall-item-lock {\r
-       margin-top: 30px;\r
+       margin-top: 1em;\r
        left: 105px;\r
        position: absolute;\r
-       top: 1px;       \r
+       top: 1px;\r
+       width: 32px;\r
 }\r
 .comment .wall-item-lock {\r
        margin-top: 0px;\r
@@ -1354,82 +1384,79 @@ input#dfrn-url {
 }\r
 .wall-item-photo {\r
        border: none;\r
+       border-radius: 7px;\r
 }\r
 .comment .wall-item-photo {\r
        width: 50px !important; \r
        height: 50px !important;\r
-       border-top-left-radius: 10px;\r
 }\r
 .wall-item-content {\r
-       float: left;\r
-       margin-left: 3px;\r
+/*     float: left;\r
+       max-width: 100%*/\r
 /*     padding-right: 1em;\r
        max-height: 500px;\r
        overflow: auto;*/\r
+       padding-left:0.25em;\r
+       padding-right:0.25em;\r
+       clear: left; /* I hate this, but it's the only way to keep the text from bunching to the right on the Android browser */\r
+}\r
+.comment .wall-item-content {\r
+       padding-left:0.5em;\r
+       padding-right:0.5em;\r
 }\r
 \r
-.wall-item-content img {\r
-       display: block;\r
+.wall-item-title {\r
+       /*float: left;*/\r
+       font-weight: bold;\r
+       font-size: 1.6em; \r
+       /*width: 450px;*/\r
+}\r
+\r
+/*.wall-item-title-end {\r
+       clear: both;\r
+}*/\r
+\r
+.wall-item-body {\r
+       text-align: justify;\r
+       float: left;\r
+       max-width: 100%;\r
+       overflow: hidden;\r
        margin-top: 10px;\r
+       line-height: 23px;\r
+}\r
+\r
+.wall-item-body img {\r
+       display: block;\r
+       margin-top: 2px;\r
        margin-right: auto;\r
        margin-left: auto;\r
-       max-width: 290px;\r
+       /*max-width: 290px;*/\r
+       max-width: 100%;\r
        border-radius: 7px;\r
-/*     -moz-border-radius: 7px;*/\r
+       -moz-border-radius: 7px;\r
        -webkit-border-radius: 7px;\r
 }\r
 \r
-.wall-item-content img.smiley {\r
+/*.comment .wall-item-body img {\r
+       max-width: 100%;\r
+}*/\r
+\r
+.wall-item-body img.smiley {\r
        display: inline;\r
        margin: auto;\r
        border-radius: 0;\r
        -webkit-border-radius: 0;\r
 }\r
 \r
-.wall-item-content blockquote {\r
+.wall-item-body blockquote {\r
        margin-left: 0px;\r
        margin-right: 0px;\r
 }\r
 \r
-.comment .wall-item-content img {\r
-       max-width: 280px;\r
-}\r
-\r
-.comment .wall-item-content ul {\r
+.comment .wall-item-body ul {\r
        padding-left: 1.5em;\r
 }\r
 \r
-.divgrow-showmore {\r
-       display: block;\r
-       clear: both;\r
-       text-align: center;\r
-       outline: 0;\r
-       border-top: 1px dotted #888;\r
-}\r
-\r
-\r
-.wall-item-title {\r
-       float: left;\r
-       font-weight: bold;\r
-       font-size: 1.6em; \r
-       /*width: 450px;*/\r
-}\r
-\r
-/*.wall-item-title-end {\r
-       clear: both;\r
-}*/\r
-\r
-.wall-item-body {\r
-       text-align: justify;\r
-       float: left;\r
-       clear: left;\r
-/*     width: 300px;*/\r
-       overflow: hidden;\r
-       margin-top: 10px;\r
-       padding-right: 1em;\r
-       line-height: 23px;\r
-}\r
-\r
 .wall-item-body iframe {\r
        display: block;\r
        clear: both;\r
@@ -1441,10 +1468,12 @@ input#dfrn-url {
        overflow: hidden;\r
 }\r
 \r
-.comment .wall-item-body {\r
-       margin-left: 5px;\r
-       padding-right: 0.5em;\r
-/*     width: 280px;*/\r
+.showmore {\r
+       display: block;\r
+       clear: both;\r
+       text-align: center;\r
+       outline: 0;\r
+       border-top: 1px dotted #888;\r
 }\r
 \r
 .wall-item-tools {\r
@@ -1481,8 +1510,9 @@ input#dfrn-url {
        display: block;\r
        margin-top: 15px;\r
        background: #f3f3f3;\r
-       margin-left: 10px;\r
-       margin-right: 10px;\r
+       margin-left: 5px;\r
+       margin-right: 5px;\r
+       border-radius: 10px;\r
 }\r
 \r
 .comment-wwedit-wrapper.comment {\r
@@ -1492,10 +1522,15 @@ input#dfrn-url {
 }\r
 \r
 \r
+.comment-edit-form {\r
+       padding-left: 1em;\r
+       padding-right: 1.5em;\r
+}\r
+\r
 .comment-edit-photo {\r
        margin-top: 15px;\r
-       margin-left: 10px;\r
-       margin-bottom: 10px;\r
+       /*margin-left: 10px;\r
+       margin-bottom: 10px;*/\r
        width: 25px;\r
        float: left;\r
 }\r
@@ -1504,7 +1539,7 @@ input#dfrn-url {
 }\r
 .comment-edit-text-empty, .comment-edit-text-full {\r
 /*     float: left;*/\r
-/*     -moz-border-radius: 3px;*/\r
+       -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
        border: 1px solid #cccccc;\r
@@ -1525,10 +1560,12 @@ input#dfrn-url {
        color: black;\r
        height: 150px;\r
 /*     width: 350px;\r
-       overflow: auto;*/\r
+       overflow: auto;\r
        width: 250px;\r
        margin-top: 15px;\r
-       margin-left: 20px;\r
+       margin-left: 20px;*/\r
+       width: 100%;\r
+       margin-top: 1.5em;\r
 }\r
 \r
 .comment .comment-edit-text-empty {\r
@@ -1547,11 +1584,33 @@ input#dfrn-url {
 .comment-edit-submit {\r
        font-size: 18px;\r
        padding: 5px 10px;\r
-       margin: 10px 0px 10px 110px;\r
+       margin: 10px 0px 10px 0px;\r
 }\r
 \r
 #profile-jot-wrapper {\r
-       padding-left: 10px;\r
+       padding-left: 1em;\r
+       padding-right: 1em;\r
+}\r
+\r
+.shared_header {\r
+       border-top: 1px solid #aaa;\r
+       color: #999;\r
+\r
+       height: 42px; /* 32 px for the image plus 10 px for the margin around the image */\r
+       padding-top: 0.5em;\r
+       margin-top: 1em;\r
+       margin-bottom: 1em;\r
+       \r
+}\r
+.shared_header img {\r
+       float: left;\r
+\r
+       margin: auto 1em auto auto;\r
+       padding: 0;\r
+\r
+       box-shadow: none;\r
+       -moz-box-shadow: none;\r
+       -webkit-box-shadow: none;\r
 }\r
 \r
 #profile-jot-plugin-wrapper,\r
@@ -1629,6 +1688,9 @@ input#dfrn-url {
 #profile-jot-plugin-end{\r
   clear: both;\r
 }\r
+input#profile-jot-email {\r
+       display: block;\r
+}\r
 .profile-jot-net {\r
        float: left;\r
        margin-right: 10px;\r
@@ -1769,7 +1831,7 @@ input#dfrn-url {
        padding: 0.2em 1em;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-/*     -moz-border-radius: 10px;*/\r
+       -moz-border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -1829,7 +1891,7 @@ input#dfrn-url {
        padding: 0.2em 1em;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-/*     -moz-border-radius: 10px;*/\r
+       -moz-border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -1838,7 +1900,7 @@ input#dfrn-url {
        float: left;\r
        border: 1px solid black;\r
        border-radius: 7px;\r
-/*     -moz-border-radius: 7px;*/\r
+       -moz-border-radius: 7px;\r
        -webkit-border-radius: 7px;\r
        background: #FFCCCC;\r
        font-size: 1.25em;\r
@@ -1853,6 +1915,7 @@ input#dfrn-url {
 #advanced-profile-gender-wrapper,\r
 #advanced-profile-dob-wrapper,\r
 #advanced-profile-age-wrapper,\r
+\r
 #advanced-profile-marital-wrapper,\r
 #advanced-profile-sexual-wrapper,\r
 #advanced-profile-homepage-wrapper,\r
@@ -2027,6 +2090,10 @@ input#dfrn-url {
        margin-top: 30px;\r
 }\r
 \r
+#contact-edit-info-wrapper, #contact-edit-info {\r
+       width: 90%;\r
+}\r
+\r
 #contact-edit-end {\r
        clear: both;\r
        margin-top: 15px;\r
@@ -2038,7 +2105,11 @@ input#dfrn-url {
 }\r
 \r
 .contact-edit-submit {\r
-       margin-top: 20px;\r
+       clear: left;\r
+       display: block;\r
+\r
+       margin-top: 10px;\r
+       margin-bottom: 45px;\r
        padding: 0.2em 0.5em;\r
        font-size: 18px;\r
 }\r
@@ -2066,7 +2137,7 @@ input#dfrn-url {
        left: -30px; top: 80px;\r
        display: none;\r
        z-index: 101;\r
-/*     -moz-box-shadow: 3px 3px 5px #555;*/\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
 }\r
@@ -2090,6 +2161,15 @@ input#dfrn-url {
        width: 587px;\r
 }\r
 \r
+.video-top-wrapper {\r
+       display: inline-block;\r
+       vertical-align: top;\r
+       margin-top: 15px;\r
+       margin-right: 15px;\r
+       margin-left: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
 #profile-jot-desc {\r
        /*float: left;*/\r
        width: 100%;\r
@@ -2099,12 +2179,12 @@ input#dfrn-url {
 }\r
 \r
 #profile-jot-text {\r
-       width: 90%;\r
+       width: 100%;\r
        height: 20px;\r
        color:#cccccc;\r
        border: 1px solid #cccccc;\r
        padding: 3px 0px 0px 5px;\r
-/*     -moz-border-radius: 3px;*/\r
+       -moz-border-radius: 3px;\r
        -webkit-border-radius: 3px;\r
        border-radius: 3px;     \r
 }\r
@@ -2114,23 +2194,34 @@ input#dfrn-url {
 #photo-edit-perms-select,\r
 #photos-upload-permissions-wrapper,\r
 #profile-jot-acl-wrapper{\r
-       display:block!important;\r
+       /*display:block!important;*/\r
 }\r
 \r
 #photos-usage-message {\r
        margin-bottom: 15px;\r
 }\r
 \r
-#profile-jot-acl-wrapper{\r
-       width:270px;\r
-       padding-left:10px;\r
-       height:auto;\r
-       overflow:visible;\r
+#profile-jot-acl-wrapper {\r
+       /*width:270px;*/\r
+       height: auto;\r
+       overflow: visible;\r
+       margin-top: 1em;\r
+       display: inline-block;\r
+}\r
+\r
+#profile-jot-acl-wrapper,\r
+#photos-upload-permissions-wrapper,\r
+#photo-edit-perms-select {\r
+       padding: 0.7em;\r
+       border: 1px solid #888;\r
+       border-radius: 10px;\r
 }\r
 \r
 #acl-wrapper {\r
-       width: 270px;\r
-       float:left;\r
+       /*width: 270px;\r
+       float:left;*/\r
+       text-align: left;\r
+       clear: both;\r
 }\r
 #acl-search {\r
        display: none;\r
@@ -2147,11 +2238,12 @@ input#dfrn-url {
        background-image: url("../../../images/show_all_off.png");\r
        background-position: 7px 7px;\r
        background-repeat: no-repeat;\r
-       padding: 7px 5px 0px 30px;\r
+       padding: 7px 15px 7px 30px;\r
        -webkit-border-radius: 5px ;\r
-/*     -moz-border-radius: 5px;*/\r
+       -moz-border-radius: 5px;\r
        border-radius: 5px;\r
        color: #999999;\r
+       margin-bottom: 0.3em;\r
 }\r
 #acl-showall.selected {\r
        color: #000000;\r
@@ -2170,11 +2262,11 @@ input#dfrn-url {
        \r
 }\r
 .acl-list-item {\r
-       display: block;\r
-       width: 120px;\r
+       display: inline-block;\r
+       width: 190px;\r
        height: 30px;\r
        border: 1px solid #cccccc;\r
-/*     -moz-border-radius: 4px;*/\r
+       -moz-border-radius: 4px;\r
        -webkit-border-radius: 4px;\r
        border-radius: 4px;\r
        margin-top: 5px;\r
@@ -2182,10 +2274,9 @@ input#dfrn-url {
        margin-right: 2px;\r
        margin-left: 2px;\r
        padding-left: 5px;\r
-       float: left;\r
+       /*float: left;*/\r
 }\r
 .acl-list-item img{\r
-       display: none;\r
        width:22px;\r
        height: 22px;\r
        float: left;\r
@@ -2193,20 +2284,22 @@ input#dfrn-url {
 }\r
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
 .acl-list-item a { \r
-       font-size: 8px;\r
+       font-size: 10px;\r
        display: block;\r
-       width: 40px;\r
+       width: 55px;\r
        height: 10px;\r
        float: left;\r
-       color: #999999;\r
-       background-color: #cccccc;\r
+       color: rgb(153, 153, 153);\r
+       background-color: rgb(204, 204, 204);\r
        background-position: 3px 3px;\r
        background-repeat: no-repeat;\r
        margin-right: 5px;\r
+\r
        -webkit-border-radius: 2px ;\r
-/*     -moz-border-radius: 2px;*/\r
-       border-radius: 2px;\r
-       padding-left: 15px;\r
+       -moz-border-radius: 2px;\r
+       border-radius: 2px 2px 2px 2px;\r
+\r
+       padding: 0px 5px 3px 15px;\r
 }\r
 #acl-wrapper a:hover {\r
        text-decoration: none;\r
@@ -2251,6 +2344,7 @@ input#dfrn-url {
 #group-edit-name-wrapper {\r
 \r
 \r
+\r
 }\r
 \r
 \r
@@ -2273,6 +2367,10 @@ input#dfrn-url {
        clear: both;\r
 }\r
 \r
+#message-new {\r
+       font-size: 24px;\r
+}\r
+\r
 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {\r
        margin-bottom: 10px;\r
        margin-top: 20px;\r
@@ -2325,6 +2423,7 @@ a.mail-list-link {
 \r
 .mail-list-outside-wrapper-end {\r
        clear: both;\r
+\r
 }\r
 \r
 .mail-list-outside-wrapper {\r
@@ -2438,6 +2537,8 @@ a.mail-list-link {
 }\r
 \r
 #search-save {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
        margin-left: 5px;\r
 }\r
 .groupsideedit {\r
@@ -2479,11 +2580,14 @@ aside input[type='text'] {
        border: 1px solid #DDDDDD;\r
        padding: 18px;\r
        margin-top: 5px;\r
-/*     -moz-border-radius:5px;*/\r
+       -moz-border-radius:5px;\r
        -webkit-border-radius:5px;\r
        border-radius:5px;\r
-\r
 }\r
+.widget.settings-widget {\r
+       padding: 0;\r
+}\r
+\r
 \r
 \r
 /*.photos {\r
@@ -2525,8 +2629,10 @@ aside input[type='text'] {
 }\r
 \r
 .photo-top-image-wrapper {\r
-/*     position: relative; */\r
-       float: left;\r
+/*     position: relative; \r
+       float: left;*/\r
+       display: inline-block;\r
+       vertical-align: top;\r
        margin-top: 15px;\r
        margin-right: 15px;\r
        margin-left: 15px;\r
@@ -2537,7 +2643,7 @@ aside input[type='text'] {
 .photo-top-image-wrapper img {\r
        max-width: 290px;\r
        border-radius: 10px;\r
-/*     -moz-border-radius: 10px;*/\r
+       -moz-border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
 }\r
 .photo-top-album-name {\r
@@ -2558,25 +2664,37 @@ aside input[type='text'] {
        margin-left: 30px;\r
 }\r
 \r
-#photos-upload-newalbum-div {\r
-       float: left;\r
+#photos-upload-form {\r
+       text-align: center;\r
+}\r
+\r
+#photos-upload-newalbum-div, #photos-upload-existing-album-text {\r
+       /*float: left;*/\r
+       display: inline-block;\r
        width: 175px;\r
+       text-align: left;\r
 }\r
 \r
 #photos-upload-noshare {\r
        margin-bottom: 10px;\r
 }\r
-#photos-upload-existing-album-text {\r
-       float: left;\r
-       width: 175px;\r
+#photos-upload-noshare-div {\r
+       margin-top: 2em;\r
+       margin-bottom: 15px;\r
 }\r
+\r
+#photos-upload-noshare-label {\r
+       margin-left: 25px;\r
+}\r
+\r
 #photos-upload-newalbum {\r
-       float: left;\r
+       width: 15em;\r
 }\r
 #photos-upload-album-select {\r
-       float: left;\r
+       width: 15.7em;\r
 }\r
 \r
+\r
 #photos-upload-spacer {\r
        margin-top: 25px;\r
 }\r
@@ -2586,9 +2704,6 @@ aside input[type='text'] {
 #photos-upload-exist-end {\r
        margin-bottom: 15px;\r
 }\r
-#photos-upload-submit {\r
-       margin-top: 15px;\r
-}\r
 \r
 #photos_upload_applet_wrapper {\r
        margin-bottom: 15px;\r
@@ -2643,26 +2758,23 @@ aside input[type='text'] {
        margin-bottom: 15px;\r
 }\r
 \r
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
-       float: left;\r
-       width: 150px;\r
-}\r
-\r
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
-       font-weight: 700;\r
+.photo-edit-input-text {\r
+       display: inline-block;\r
+       text-align: left;\r
 }\r
 \r
-#photos-upload-noshare-div {\r
-       margin-top: 140px;\r
-       margin-bottom: 15px;\r
+#photo_edit_form {\r
+       text-align: center;\r
 }\r
 \r
-#photos-upload-noshare-label {\r
-       margin-left: 25px;\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
+       /*float: left;*/\r
+       display: inline-block;\r
+       width: 150px;\r
 }\r
 \r
-#photos-upload-noshare {\r
-       float: left;\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
+       font-weight: 700;\r
 }\r
 \r
 .photo-perms-icon {\r
@@ -2671,6 +2783,11 @@ aside input[type='text'] {
 \r
 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {\r
        text-decoration: none;\r
+       display: inline-block;\r
+}\r
+\r
+#photos-upload-perms-menu #jot-perms-icon {\r
+       margin-right: 1em;\r
 }\r
 \r
 .photo-jot-perms-text {\r
@@ -2680,6 +2797,7 @@ aside input[type='text'] {
 \r
 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {\r
        margin-top: 30px;\r
+       display: inline-block;\r
 }\r
 #photos-upload-perms {\r
        margin-top: 15px;\r
@@ -2696,7 +2814,7 @@ aside input[type='text'] {
        margin-top: 15px;\r
        border: 1px solid #aaa;\r
        border-radius: 10px;\r
-/*     -moz-border-radius: 10px;*/\r
+       -moz-border-radius: 10px;\r
        -webkit-border-radius: 10px;\r
 }\r
 \r
@@ -2705,13 +2823,18 @@ aside input[type='text'] {
 }\r
 \r
 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {\r
-       float: left;\r
+       /*float: left;*/\r
        margin-bottom: 25px;\r
 }\r
 \r
+.photo-edit-rotate-choice {\r
+       display: inline-block;\r
+}\r
+\r
 .photo-edit-rotate {\r
        float: left;\r
        margin-left: 20px;\r
+\r
 }\r
 #photo-edit-link-wrap {\r
        margin-bottom: 15px;\r
@@ -2741,16 +2864,16 @@ aside input[type='text'] {
        margin-left: 45px;\r
 }\r
 #photos-upload-choose {\r
-       position: absolute;\r
+/*     position: absolute;\r
        top: 460px;\r
-       left: 5px;\r
+       left: 5px;*/\r
+       margin-top: 1em;\r
 }\r
 #photos-upload-submit {\r
-       margin-top: 30px;\r
-       margin-left: 100px;\r
+       margin-top: 0px;\r
        margin-bottom: 20px;\r
 }\r
-.settings-submit, .profile-edit-submit-button {\r
+.settings-submit, .profile-edit-submit-button, .settings-features-submit {\r
        padding: 0.25em 0.5em;\r
        margin-bottom: 10px;\r
        font-size: 18px;\r
@@ -2776,13 +2899,28 @@ aside input[type='text'] {
        margin-bottom: 20px;\r
 }\r
 \r
+#photo-album-edit-form {\r
+       max-width: 100%;\r
+       padding-left: 0.5em;\r
+       padding-right: 0.5em;\r
+}\r
+#photo-album-edit-form input {\r
+       max-width: 100%;\r
+}\r
+#photo-album-edit-name-label {\r
+       display: block;\r
+}\r
+\r
 #photo-album-edit-submit, #photo-album-edit-drop {\r
        margin-top: 15px;\r
        margin-bottom: 15px;\r
+\r
+       padding: 0.25em 0.5em;\r
+       font-size: 18px;\r
 }\r
 \r
 #photo-album-edit-drop {\r
-       margin-left: 200px;\r
+       margin-left: 2em;\r
 }\r
 \r
 .group-delete-wrapper {\r
@@ -2884,6 +3022,8 @@ aside input[type='text'] {
 }\r
 \r
 #search-submit {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
        margin-left: 15px;\r
 }\r
 \r
@@ -2931,7 +3071,7 @@ aside input[type='text'] {
        \r
 \r
 .fn {\r
-       padding: 0px 0px 5px 12px;\r
+       padding: 1em 0px 5px 12px;\r
        font-size: 120%;\r
        font-weight: bold;\r
 }\r
@@ -3128,8 +3268,15 @@ aside input[type='text'] {
        float: left;\r
 }*/\r
 \r
+#photo-photo {\r
+       display: block;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+       text-align: center;\r
+}\r
+\r
 #photo-photo img {\r
-       max-width: 310px;\r
+       max-width: 100%;\r
 }\r
 \r
 #photo-photo-end {\r
@@ -3160,15 +3307,23 @@ aside input[type='text'] {
 }\r
 \r
 .profile-match-wrapper {\r
-       float: left;\r
+       display: inline-block;\r
        padding: 10px;\r
-       width: 120px;\r
-       height: 120px;\r
+       /*width: 120px;\r
+       height: 120px;*/\r
        scroll: auto;\r
+       margin-bottom: 2em;\r
+       vertical-align: top;\r
+}\r
+.profile-match-wrapper .icon.drophide {\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+       margin-top: 1em;\r
 }\r
 #profile-match-wrapper-end {\r
        clear: both;\r
 }\r
+\r
 .side-link {\r
        margin-bottom: 15px;\r
 }\r
@@ -3390,6 +3545,7 @@ aside input[type='text'] {
 }\r
  \r
 \r
+\r
 /**\r
  * Form fields\r
  */\r
@@ -3420,7 +3576,7 @@ aside input[type='text'] {
        display: block;\r
        margin-left: 20px;\r
        color: #666666;\r
-       \r
+       clear: left;\r
 }\r
 \r
 \r
@@ -3457,7 +3613,7 @@ aside input[type='text'] {
 }\r
 .hidden { display: none!important; }\r
 \r
-.field.radio .field_help { clear: left; margin-left: 20px; }\r
+.field.radio .field_help { margin-left: 20px; }\r
 \r
 /**\r
  * ADMIN\r
@@ -3633,7 +3789,14 @@ aside input[type='text'] {
        background-repeat: no-repeat;\r
        opacity: 0.5;\r
 }\r
-.icon.link { display: none; background-position: -144px 0px;}\r
+\r
+.icon.link {\r
+    display: block;  width: 22px; height: 24px;\r
+    background-size: 100% 100%;\r
+    background-image: url('images/link.png');\r
+    background-repeat: no-repeat;\r
+\r
+}\r
 \r
 /*.globe { background-position: 0px -16px;}*/\r
 .icon.globe {\r
@@ -3762,8 +3925,8 @@ aside input[type='text'] {
 [class^="comment-edit-bb"] {\r
        list-style: none;\r
        display: none;\r
-       margin: 0px 0 -5px 20px;\r
-       width: 75%;\r
+       margin: 0px 0 -5px 0px;\r
+/*     width: 75%;*/\r
 }\r
 [class^="comment-edit-bb"] > li {\r
        display: inline-block;\r
@@ -3843,20 +4006,66 @@ aside input[type='text'] {
 }\r
 \r
 .attachtype {\r
-       display: block; width: 20px; height: 23px;\r
+       display: block;\r
        float: left;\r
-       background-image: url('../../../images/content-types.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+       background-image: url('images/oxygen/unknown.png');\r
 }\r
 \r
 .body-attach {\r
        margin-top: 10px;\r
 }\r
 \r
-.type-video { background-position: 0px 0px; }\r
+/*.type-video { background-position: 0px 0px; }\r
 .type-image { background-position: -20px 0px; }\r
 .type-audio { background-position: -40px 0px; }\r
 .type-text  { background-position: -60px 0px; }\r
-.type-unkn  { background-position: -80px 0px; }\r
+.type-unkn  { background-position: -80px 0px; }*/\r
+.type-video {\r
+       background-image: url('images/oxygen/video-x-generic.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+.type-image {\r
+       background-image: url('images/oxygen/image-x-generic.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+.type-audio {  background-image: url('images/oxygen/audio-x-generic.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+\r
+.type-text  {\r
+       background-image: url('images/oxygen/text-x-generic-2.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+.subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {\r
+       background-image: url('images/oxygen/application-msword.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+.subtype-pdf  {\r
+       background-image: url('images/oxygen/application-pdf.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}\r
+/*.type-unkn  {\r
+       background-image: url('images/oxygen/unknown.png');\r
+       background-size: 100% 100%;\r
+       width: 48px;\r
+       height: 48px;\r
+}*/\r
+\r
 \r
 \r
 /* autocomplete popup */\r
@@ -3897,6 +4106,9 @@ div.jGrowl div.info {
        top: 15px;\r
        right: 10px;\r
 }\r
+div.jGrowl-notification {\r
+  border-radius: 7px;\r
+}\r
 .qcomment {\r
        border: 1px solid #EEE;\r
        padding: 3px;\r
@@ -3950,11 +4162,11 @@ ul.notifications-menu-popup {
        height: auto;\r
 /*     overflow-y: scroll;overflow-style:scrollbar;*/\r
        background-color:#FFFFFF;\r
-/*     -moz-border-radius: 5px;*/\r
+       -moz-border-radius: 5px;\r
        -webkit-border-radius: 5px;\r
        border-radius:5px;\r
        border: 1px solid #AAA;\r
-/*     -moz-box-shadow: 3px 3px 5px #555;*/\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
        -webkit-box-shadow: 3px 3px 5px #555;\r
        box-shadow: 3px 3px 5px #555;\r
 /*     z-index: 103;*/\r