frost style improvements; various tweaks

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

diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index e1ce26bd30628e065f79caddb871c10d656813c7..c12e14de74ac209aff27a08b518b4faa7f6c2fb1 100644 (file)
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -78,9 +78,10 @@ blockquote {
 }
 
 .hide-comments-outer {
-       margin-left: 0px;
+       margin-left: 75px;
        font-weight: 700;
        opacity: 0.4;
+       border-bottom: 1px solid #AAA;
 }
 .hide-comments-outer:hover {
        opacity: 1.0;
@@ -297,37 +298,29 @@ aside {
 }
 
 /* section */
-div.section-wrapper {
+section {
        width: 565px;
 
-       margin-left: auto;
-       margin-right: auto;
-
-       padding-right:2em;
-
        display: block;
 
-       background-color: #ffffff;
-       background-image: url(border.jpg);
-       background-position: top right;
-       background-repeat: no-repeat;
-}
-
-section {
-       margin: 0px 0px 0px 0px;
-
-       width: 100%;
+       margin-left: auto;
+       margin-right: auto;
+       margin-top: 0px;
+       margin-bottom: 0px;
 
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
 
-       background-image: url(border.jpg);
+       background-color: #ffffff;
+/*     background-image: url(border.jpg);
        background-position: top left;
-       background-repeat: no-repeat;
+       background-repeat: no-repeat;*/
 
        min-height: 112px;
-       border-top: 1px solid #babdb6;  
+       border-top: 1px solid #babdb6;
+       border-left: 1px dotted #AAA;
+       border-right: 1px dotted #AAA;
 }
 
 .tabs {
@@ -354,8 +347,8 @@ section {
 
 /* footer */
 footer {
-    display: none;
-
+       text-align: center;
+       padding-bottom: 1em;
 }
 
 .birthday-today, .event-today {
@@ -375,6 +368,14 @@ div.wall-item-content-wrapper.shiny {
 #theme-preview {
        margin: 15px 0 15px 150px;
 }
+#theme-version {
+       display: block;
+       font-weight: bold;
+}
+#theme-credits {
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
 
 /* from default */
 #jot-perms-icon, 
@@ -511,8 +512,10 @@ div.wall-item-content-wrapper.shiny {
        margin-top: 10px;
 }
 
-
-#login_standard {
+.login-form {
+       margin-top: -150px;
+}
+/*#login_standard {
        width: 210px;
        float: left;
 }
@@ -541,9 +544,9 @@ div.wall-item-content-wrapper.shiny {
 }
 
 #login-submit-button {
-/*     margin-top: 10px; */
+       margin-top: 10px; 
        margin-left: 200px;
-}
+}*/
 
 
 input#dfrn-url {
@@ -610,6 +613,10 @@ input#dfrn-url {
        clear: both;
 }
 
+#croppa {
+       max-width: 510px;
+}
+
 .intro-wrapper {
        margin-top: 20px;
 }
@@ -1090,8 +1097,11 @@ input#dfrn-url {
        margin-top: 10px;
 }
 
+.toplevel_item {
+       margin-bottom: 40px;
+}
+
 .wall-item-content-wrapper {
-       margin-top: 60px;
        padding-top: 30px;
        border-top: 2px solid #AAA;
        position: relative;
@@ -1100,8 +1110,8 @@ input#dfrn-url {
 
 .wall-item-content-wrapper.comment {
        margin-top: 10px;
-       padding-top: none;
-       margin-left: 50px;
+       padding-top: 0px;
+       margin-left: 75px;
        border: none;
 }
 
@@ -1110,12 +1120,18 @@ input#dfrn-url {
        margin-left: 0px;
        opacity: 0.4;
 }
+.wall-item-dislike {
+       margin-bottom: 15px;
+}
 .wall-item-like:hover, .wall-item-dislike:hover {
        opacity: 1.0;
 }
 
 .wall-item-like.comment, .wall-item-dislike.comment {
-       margin-left: 50px;
+       margin-left: 75px;
+}
+.wall-item-dislike.comment {
+       margin-bottom: 0px;
 }
 
 .wall-item-info {
@@ -1157,13 +1173,13 @@ input#dfrn-url {
        display: none;
        z-index: 10000;
 }
-.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
+.wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }
 .wall-item-photo-menu li a { display: block; padding: 2px; }
 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 
 
-.comment .wall-item-photo-menu-button {        /*top: 44px;*/ top: 64px;}
-.comment .wall-item-photo-menu { /*top: 60px;*/ top: 80px; }
+.comment .wall-item-photo-menu-button {        /*top: 44px;*/ top: 34px;}
+.comment .wall-item-photo-menu { /*top: 60px;*/ top: 50px; }
 
 .wallwall .wwto {
     left: 50px;
@@ -1177,7 +1193,7 @@ input#dfrn-url {
        height: 30px !important;
 }
 
-.wallwall .wall-item-photo-end {
+.wallwall /*.wall-item-photo-end*/ {
        clear: both;
 }
 
@@ -1187,9 +1203,6 @@ input#dfrn-url {
     top: 70px;
     z-index: 100;
 }
-.wall-item-wrapper {
-       margin-left:10px;
-}
 .wall-item-lock {
        margin-top: 30px;
        left: 105px;
@@ -1198,6 +1211,7 @@ input#dfrn-url {
 }
 .comment .wall-item-lock {
        left: 65px;
+       margin-top: 0px;
 }
 
 .wall-item-ago {
@@ -1267,18 +1281,18 @@ input#dfrn-url {
        float: right;
 }
 
-.wall-item-delete-end {
+/*.wall-item-delete-end {
        clear: both;
-}
+}*/
 
 .wall-item-delete-icon {
        border: none;
 }
 
 
-.wall-item-wrapper-end {
+/*.wall-item-wrapper-end {
        clear: both;
-}
+}*/
 .wall-item-name-link {
        font-weight: bold;
        text-decoration: none;
@@ -1294,14 +1308,31 @@ input#dfrn-url {
 .wall-item-content {
        margin-left: 10px;
        padding-right: 1em;
-       max-height: 500px;
+/*     max-height: 500px;*/
        overflow: auto;
 }
 
 .wall-item-content img {
+       display: block;
+       margin-top: 10px;
+       margin-right: auto;
+       margin-left: auto;
        max-width: 100%;
 }
 
+.wall-item-content img.smiley {
+       display: inline;
+       margin: auto;
+}
+
+.divgrow-showmore {
+       display: block;
+       clear: both;
+       text-align: center;
+       outline: 0;
+       border-top: 1px dotted #888;
+}
+
 
 
 .wall-item-title {
@@ -1311,43 +1342,46 @@ input#dfrn-url {
        /*width: 450px;*/
 }
 
-.wall-item-title-end {
+/*.wall-item-title-end {
        clear: both;
-}
+}*/
 
 .wall-item-body {
        text-align: justify;
        float: left;
+       clear: left;
        /*width: 450px;*/
        width: 100%;
        margin-top: 10px;
        line-height: 18px;
 }
 
+.wall-item-body iframe {
+       display: block;
+       clear: both;
+       margin-top: 1.5em;
+       margin-bottom: 1.5em;
+}
+
 .wall-item-tools {
        clear: both;
-/*     background-image: url("head.jpg");
-       background-position: 0 -20px;
-       background-repeat: repeat-x;*/
+
        margin-top: 10px;
        margin-left: 0px;
-       margin-bottom: 7px;
-/*     padding: 5px 10px 0px;*/
-       padding: 5px 10px 0px 2px;
-       height: 28px;
+       padding: 10px 10px 0px 2px;
+
+       height: 22px;
+
        border-bottom: 1px solid #ddd;
 }
 .wall-item-author {
-/*     margin-top: 10px;*/
        margin-top: 0px;
 }
 
 .comment .wall-item-tools {
-/*     background:none;*/
-/*     background-image: url("head.jpg");
-       background-position: 0 -20px;
-       background-repeat: repeat-x;*/
        margin-left: 0px;
+       margin-top: 0px;
+       padding-top: 0px;
 } 
 
 .comment-edit-wrapper {
@@ -1357,9 +1391,16 @@ input#dfrn-url {
 }
 
 .comment-wwedit-wrapper {
+       display: block;
        margin-top: 15px;
        background: #f3f3f3;
-       margin-left: 50px;
+       margin-left: 75px;
+}
+
+.comment-wwedit-wrapper.comment {
+       width: 300px;
+       margin-left: 150px;
+       border-radius: 10px;
 }
 
 .comment-edit-photo {
@@ -1372,6 +1413,9 @@ input#dfrn-url {
 .comment-edit-photo img {
        width: 25px;
 }
+.comment .comment-edit-photo {
+       width: 50px;
+}
 .comment-edit-text-empty, .comment-edit-text-full {
        float: left;
        margin-top: 10px;
@@ -1397,6 +1441,16 @@ input#dfrn-url {
        overflow: auto;
 }
 
+.comment .comment-edit-text-empty {
+       height: 1.5em;
+       width: 150px;
+}
+
+.comment .comment-edit-text-full {
+       margin-left: 10px;
+       width: 275px;
+}
+
 .comment-edit-text-end {
        clear: both;
 }
@@ -1404,6 +1458,9 @@ input#dfrn-url {
 .comment-edit-submit {
        margin: 10px 0px 10px 110px;
 }
+.comment .comment-edit-submit {
+       margin-left: 30px;
+}
 
 #profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
@@ -1893,7 +1950,7 @@ input#dfrn-url {
 
 
 #acl-wrapper {
-       width: 690px;
+       width: 580px;
        float:left;
 }
 #acl-search {
@@ -1934,7 +1991,7 @@ input#dfrn-url {
 }
 .acl-list-item {
        display: block;
-       width: 150px;
+       width: 170px;
        height: 30px;
        border: 1px solid #cccccc;
        margin: 5px;
@@ -1948,10 +2005,10 @@ input#dfrn-url {
 }
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
 .acl-list-item a { 
-       font-size: 8px;
+       font-size: 10px; /* 8px; */
        display: block;
-       width: 40px;
-       height: 10px;
+       width: 50px;
+       height: 12px;
        float: left;
        color: #999999;
        background-color: #cccccc;
@@ -2222,7 +2279,7 @@ aside input[type='text'] {
 
 .widget {
        border: 1px solid #DDDDDD;
-       padding: 8px;
+       padding: 1em 2em;
        margin-top: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
@@ -3037,6 +3094,11 @@ aside input[type='text'] {
        margin-top: 10px;
 }
 
+.filesavetags, .categorytags {
+       display: block;
+       clear: left;
+}
+
 .body-tag, .filesavetags, .categorytags {
        opacity: 0.5;
        filter:alpha(opacity=50);
@@ -3060,8 +3122,20 @@ aside input[type='text'] {
 }
 
 
-#item-delete-selected {
+#item-delete-selected-top {
        margin-top: 30px;
+       padding-bottom: 1.5em;
+}
+#item-delete-selected-top-icon, #item-delete-selected-top-desc {
+       float: left;
+       margin-right: 5px;
+}
+#item-delete-selected-top-desc:hover {
+       text-decoration: underline;
+}
+
+#item-delete-selected {
+       margin-top: 0px;
 }
 
 #item-delete-selected-end {
@@ -3134,12 +3208,16 @@ aside input[type='text'] {
 .field textarea {
        width: 400px;
 }
+.field input[type=checkbox],
+.field input[type=radio] {
+       width: auto;
+}
 .field textarea { height: 100px; }
 .field_help {
        display: block;
        margin-left: 50px;
        color: #666666;
-       
+       clear: left;
 }
 
 .field .onoff {
@@ -3237,6 +3315,10 @@ aside input[type='text'] {
 #adminpage table tr:hover { background-color: #bbc7d7; }
 #adminpage .selectall { text-align: right; }
 
+#adminpage .screenshot img {
+       max-width: 550px;
+}
+
 /*
  * UPDATE
  */
@@ -3373,7 +3455,13 @@ aside input[type='text'] {
        background-image: url('images/globe.png');
        background-repeat: no-repeat;
 }
-.noglobe { background-position: -16px -16px;}
+/*.noglobe { background-position: -16px -16px;}*/
+.icon.noglobe {
+       display: block; width: 24px; height: 24px;
+       background-size: 100% 100%;
+       background-image: url('images/noglobe.png');
+       background-repeat: no-repeat;
+}
 .no { background-position: -32px -16px;}
 .pause { background-position: -48px -16px;}
 .play { background-position: -64px -16px;}
@@ -3513,20 +3601,26 @@ aside input[type='text'] {
 }
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
-[class^="comment-edit-bb"] {
+/*[class^="comment-edit-bb"] {*/
+.comment-edit-bb {
        list-style: none;
        display: none;
        margin: 0px 0 -5px 60px;
        width: 75%;
 }
-[class^="comment-edit-bb"] > li {
+.comment .comment-edit-bb {
+       width: 300px;
+       margin: 0px;
+}
+/*[class^="comment-edit-bb"] > li {*/
+.comment-edit-bb > li {
        display: inline-block;
        margin: 10px 10px 0 0;
        visibility: none;
 }
-[class^="comment-edit-bb-end"] {
+/*[class^="comment-edit-bb-end"] {
        clear: both;
-}
+}*/
 .editicon {
     display: inline-block;
 /*    background-image: url(bbedit.png);
@@ -3784,11 +3878,4 @@ ul.notifications-menu-popup {
        width: 130px;
 }
 
-#theme-version {
-       display: block;
-       font-weight: bold;
-}
-#theme-credits {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
+