Update Frost-mobile to v0.3

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

diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css
index 1082c40d76b593d82c96e9b98dfd9e563d7876cf..8c61a9f8b312e54885e6e028a4339eef999e4a79 100644 (file)
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -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
@@ -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
@@ -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
@@ -323,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
@@ -333,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
@@ -383,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
@@ -408,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
@@ -468,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
@@ -501,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
@@ -616,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
@@ -649,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
@@ -755,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
@@ -944,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
@@ -1165,20 +1190,26 @@ input#dfrn-url {
 \r
 .wall-item-content-wrapper {\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: 15px;\r
-       padding-top: 0px;\r
        margin-left: 5px;\r
        margin-right: 5px;\r
+\r
+       padding-top: 0px;\r
+/*     padding-left: 0.5em\r
+       padding-right: 0.5em;*/\r
+\r
        border: 2px 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
@@ -1195,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
@@ -1242,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
@@ -1257,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: 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
@@ -1362,75 +1391,72 @@ input#dfrn-url {
        height: 50px !important;\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
@@ -1442,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
+.divgrow-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
@@ -1484,6 +1512,8 @@ input#dfrn-url {
        background: #f3f3f3;\r
        margin-left: 10px;\r
        margin-right: 10px;\r
+\r
+       max-width: 90%;\r
 }\r
 \r
 .comment-wwedit-wrapper.comment {\r
@@ -1493,10 +1523,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
@@ -1505,7 +1540,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
@@ -1526,10 +1561,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
@@ -1548,11 +1585,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
@@ -1773,7 +1832,7 @@ input#profile-jot-email {
        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
@@ -1833,7 +1892,7 @@ input#profile-jot-email {
        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
@@ -1842,7 +1901,7 @@ input#profile-jot-email {
        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
@@ -1857,6 +1916,7 @@ input#profile-jot-email {
 #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
@@ -2031,6 +2091,10 @@ input#profile-jot-email {
        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
@@ -2042,7 +2106,11 @@ input#profile-jot-email {
 }\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
@@ -2070,7 +2138,7 @@ input#profile-jot-email {
        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
@@ -2103,12 +2171,12 @@ input#profile-jot-email {
 }\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
@@ -2118,23 +2186,34 @@ input#profile-jot-email {
 #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
+#profile-jot-acl-wrapper {\r
        /*width:270px;*/\r
-       padding-left:10px;\r
-       height:auto;\r
-       overflow:visible;\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
@@ -2151,11 +2230,12 @@ input#profile-jot-email {
        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
@@ -2174,11 +2254,11 @@ input#profile-jot-email {
        \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
@@ -2186,10 +2266,9 @@ input#profile-jot-email {
        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
@@ -2197,20 +2276,22 @@ input#profile-jot-email {
 }\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
@@ -2255,6 +2336,7 @@ input#profile-jot-email {
 #group-edit-name-wrapper {\r
 \r
 \r
+\r
 }\r
 \r
 \r
@@ -2277,6 +2359,10 @@ input#profile-jot-email {
        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
@@ -2329,6 +2415,7 @@ a.mail-list-link {
 \r
 .mail-list-outside-wrapper-end {\r
        clear: both;\r
+\r
 }\r
 \r
 .mail-list-outside-wrapper {\r
@@ -2442,6 +2529,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
@@ -2483,11 +2572,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
@@ -2529,8 +2621,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
@@ -2541,7 +2635,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
@@ -2562,25 +2656,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
@@ -2590,9 +2696,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
@@ -2647,26 +2750,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
@@ -2675,6 +2775,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
@@ -2684,6 +2789,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
@@ -2700,7 +2806,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
@@ -2709,13 +2815,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
@@ -2745,13 +2856,13 @@ 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, .settings-features-submit {\r
@@ -2780,13 +2891,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
@@ -2888,6 +3014,8 @@ aside input[type='text'] {
 }\r
 \r
 #search-submit {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
        margin-left: 15px;\r
 }\r
 \r
@@ -2935,7 +3063,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
@@ -3132,8 +3260,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
@@ -3164,15 +3299,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
@@ -3394,6 +3537,7 @@ aside input[type='text'] {
 }\r
  \r
 \r
+\r
 /**\r
  * Form fields\r
  */\r
@@ -3766,8 +3910,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
@@ -3847,21 +3991,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-position: -80px 0px;\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
@@ -3958,11 +4147,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