X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost%2Fstyle.css;h=c12e14de74ac209aff27a08b518b4faa7f6c2fb1;hb=0d56f82efa0273f5c05edb2b4222e600f076f087;hp=c27c74e9586ec73e2128243f8e812e737bd4ffe2;hpb=e27395b3d7e5cd30fd22245d9f57189195980a0a;p=friendica.git diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css index c27c74e958..c12e14de74 100644 --- 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 { @@ -1162,8 +1178,8 @@ input#dfrn-url { .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; @@ -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 { @@ -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 { @@ -1318,36 +1349,39 @@ input#dfrn-url { .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 { @@ -1360,7 +1394,13 @@ input#dfrn-url { 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 { @@ -1373,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; @@ -1398,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; } @@ -1405,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 { @@ -3038,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); @@ -3061,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 { @@ -3135,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 { @@ -3238,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 */ @@ -3374,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;} @@ -3514,13 +3601,19 @@ 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; @@ -3785,11 +3878,4 @@ ul.notifications-menu-popup { width: 130px; } -#theme-version { - display: block; - font-weight: bold; -} -#theme-credits { - margin-top: 15px; - margin-bottom: 15px; -} +