X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost-mobile%2Fstyle.css;h=400b23c10b38b2f2e4f73e335c2d833a31bcf476;hb=d7410f9e47d50d652ae0d33ec0540b894c3dfc13;hp=30c3e97c498cc90f95e544df34cf09b3d28b565d;hpb=462f19ccf2eb54306415f03892da6bf4ef1fa7d3;p=friendica.git diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css index 30c3e97c49..400b23c10b 100644 --- a/view/theme/frost-mobile/style.css +++ b/view/theme/frost-mobile/style.css @@ -44,7 +44,7 @@ input { border: 1px solid #666666; -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; padding: 3px; } @@ -74,7 +74,7 @@ img { border :0px; } background: #EEE; color: #444; padding: 10px; - margin-top: 20px; + margin-top: 20px; } blockquote { @@ -96,7 +96,7 @@ code { background: #EEE; color: #444; padding: 10px; - margin-top: 20px; + margin-top: 20px; } blockquote { @@ -143,7 +143,7 @@ blockquote { /* nav */ nav { - height: 94px; + height: 60px; /* width: 100%;*/ width: 320px; display: block; @@ -205,10 +205,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 { @@ -239,7 +239,7 @@ nav #nav-link-wrapper .nav-link { } nav .nav-link { - margin-top: 24px; + margin-top: 16px; margin-bottom: 0.2em; margin-right: 1em; margin-left: 1em; @@ -377,13 +377,13 @@ section { background-repeat: no-repeat; min-height: 112px; - border-top: 1px solid #babdb6; + border-top: 1px solid #babdb6; overflow-x:hidden; } .tabs { /*background-image: url(head.jpg); - background-repeat: repeat-x; + background-repeat: repeat-x; background-position: 0px -20px;*/ border-bottom: 1px solid #babdb6; padding:0px; @@ -411,7 +411,7 @@ section { } .tab.active { font-weight: bold; - + } #events-tab { display: none; @@ -421,6 +421,27 @@ section { clear: both; } +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #FAFAFA; + border: 1px solid #DDDDDD; + border-radius: 5px; +} +#contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; + margin: 0; +} +#contact-entry-accounttype-network { + font-size: 0.9em; +} +#contact-entry-name-network { + font-size: 1.5em; +} /* footer */ footer { @@ -449,14 +470,14 @@ footer { } /* 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, @@ -484,13 +505,13 @@ footer { #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; } @@ -511,11 +532,11 @@ footer { margin-bottom: 10px; } -.group-selected, .nets-selected, .fileas-selected, .categories-selected { +.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected { 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; @@ -525,7 +546,7 @@ footer { /* 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; @@ -613,7 +634,7 @@ footer { } #login-submit-button { - margin-top: 10px; + margin-top: 10px; margin-left: 200px; }*/ @@ -1024,7 +1045,7 @@ input#dfrn-url { clear: left; color: #666666; display: block; - margin-bottom: 20px + margin-bottom: 20px } #profile-edit-profile-name-end, @@ -1109,9 +1130,14 @@ input#dfrn-url { /* width: 120px; height: 120px;*/ padding-left: 15px; - padding-right: 15px; - width: 95px; - height: 200px; + padding-right: 15px; + max-width: 262px; + height: 90px; + margin: 0 10px 10px 0px; +} +.contact-entry-wrapper .contact-entry-photo-wrapper { + float: left; + margin-right: 10px; } #contacts-search-end { margin-bottom: 10px; @@ -1124,12 +1150,16 @@ input#dfrn-url { .contact-entry-photo img { border: none; + width: 80px; + height: 80px; } .contact-entry-photo-end { clear: both; } +.contact-entry-desc { + overflow: hidden; +} .contact-entry-name { - float: left; margin-left: 0px; margin-right: 10px; padding-bottom: 5px; @@ -1141,6 +1171,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; @@ -1202,24 +1235,25 @@ input#dfrn-url { margin-left: 5px; margin-right: 5px; - padding-top: 0px; -/* padding-left: 0.5em - padding-right: 0.5em;*/ + padding-top: 5px; + padding-left: 5px; + padding-right: 5px; - border: 2px solid #AAAAAA; + border: 1px solid #AAAAAA; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; /* background: #EEEEEE;*/ } -.wall-item-like, .wall-item-dislike { +.wall-item-response { + clear: both; font-style: italic; margin-left: 0px; opacity: 0.6; } -.wall-item-like.comment, .wall-item-dislike.comment { +.wall-item-response.comment { margin-left: 5px; } @@ -1238,7 +1272,7 @@ input#dfrn-url { 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; @@ -1247,7 +1281,7 @@ input#dfrn-url { overflow: hidden; text-indent: 40px; display: none; - + } .wall-item-photo-menu { width: auto; @@ -1339,20 +1373,11 @@ input#dfrn-url { margin-right: 10px; } -.editpost { - margin-left: 10px; - float: left; -} -.star-item { - margin-left: 10px; - float: left; -} -.tag-item { - margin-left: 10px; - float: left; -} - -.filer-item { +.editpost, +.star-item, +.tag-item, +.filer-item, +.event-item { margin-left: 10px; float: left; } @@ -1387,7 +1412,7 @@ input#dfrn-url { border-radius: 7px; } .comment .wall-item-photo { - width: 50px !important; + width: 50px !important; height: 50px !important; } .wall-item-content { @@ -1408,7 +1433,7 @@ input#dfrn-url { .wall-item-title { /*float: left;*/ font-weight: bold; - font-size: 1.6em; + font-size: 1.6em; /*width: 450px;*/ } @@ -1468,7 +1493,7 @@ input#dfrn-url { overflow: hidden; } -.divgrow-showmore { +.showmore { display: block; clear: both; text-align: center; @@ -1497,7 +1522,7 @@ input#dfrn-url { background-repeat: repeat-x;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -} +} .comment-edit-wrapper { @@ -1510,10 +1535,9 @@ input#dfrn-url { display: block; margin-top: 15px; background: #f3f3f3; - margin-left: 10px; - margin-right: 10px; - - max-width: 90%; + margin-left: 5px; + margin-right: 5px; + border-radius: 10px; } .comment-wwedit-wrapper.comment { @@ -1542,7 +1566,7 @@ input#dfrn-url { /* float: left;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; border: 1px solid #cccccc; padding: 3px 1px 1px 3px; } @@ -1601,7 +1625,7 @@ input#dfrn-url { padding-top: 0.5em; margin-top: 1em; margin-bottom: 1em; - + } .shared_header img { float: left; @@ -1887,7 +1911,8 @@ input#profile-jot-email { }*/ .pager_prev a, -.pager_next a { +.pager_next a, +.scroll_loader_text { font-size: 1.5em; padding: 0.2em 1em; border: 1px solid #aaa; @@ -2119,7 +2144,7 @@ input#profile-jot-email { .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; @@ -2128,14 +2153,14 @@ input#profile-jot-email { overflow: hidden; text-indent: 40px; display: none;*/ - + } .contact-photo-menu { width: 130px; border: 1px solid #AAA; background: #FFFFFF; position: absolute; - left: -30px; top: 80px; + /*left: -30px;*/ top: 80px; display: none; z-index: 101; -moz-box-shadow: 3px 3px 5px #555; @@ -2187,7 +2212,7 @@ input#profile-jot-email { padding: 3px 0px 0px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } @@ -2260,7 +2285,7 @@ input#profile-jot-email { overflow: visible; } #acl-list-content { - + } .acl-list-item { display: inline-block; @@ -2284,7 +2309,7 @@ input#profile-jot-email { 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; display: block; width: 55px; @@ -2500,6 +2525,22 @@ a.mail-list-link { clear: both; } +#poke-desc { + margin: 5px 0 10px; +} + +#poke-wrapper { + padding: 10px 0 0px; +} + +#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; } @@ -2606,15 +2647,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; @@ -2630,7 +2671,7 @@ aside input[type='text'] { } .photo-top-image-wrapper { -/* position: relative; +/* position: relative; float: left;*/ display: inline-block; vertical-align: top; @@ -2638,7 +2679,7 @@ aside input[type='text'] { margin-right: 15px; margin-left: 15px; margin-bottom: 15px; -/* width: 200px; height: 200px; +/* width: 200px; height: 200px; overflow: hidden; */ } .photo-top-image-wrapper img { @@ -2651,7 +2692,7 @@ aside input[type='text'] { width: 100%; min-height: 2em; /* position: absolute; */ - bottom: 0px; + bottom: 0px; padding: 0px 3px; padding-top: 0.5em; background-color: rgb(255, 255, 255); @@ -2731,7 +2772,7 @@ aside input[type='text'] { } #profile-jot-banner-end { - /* clear: both; */ + /* clear: both; */ } #photos-upload-select-files-text { @@ -3032,14 +3073,14 @@ aside input[type='text'] { margin-bottom: 25px; } -.location-label, .gender-label, .marital-label, .homepage-label { +.location-label, .gender-label, .marital-label, .homepage-label, .network-label { float: left; text-align: right; display: block; width: 65px; } -.adr, .x-gender, .marital-text, .homepage-url { +.adr, .x-gender, .marital-text, .homepage-url, .x-network { float: left; display: block; margin-left: 8px; @@ -3069,7 +3110,7 @@ aside input[type='text'] { } /* end from default */ - + .fn { padding: 1em 0px 5px 12px; @@ -3077,18 +3118,25 @@ aside input[type='text'] { font-weight: bold; } -.vcard .title { +.vcard .title, +.vcard .p-addr, +.vcard .account-type { margin-bottom: 5px; margin-left: 12px; } +.vcard .account-type { + font-size: 120%; + margin-bottom: 13px; +} + .vcard dl { clear: both; } #birthday-title { float: left; - font-weight: bold; + font-weight: bold; } #birthday-adjust { @@ -3215,7 +3263,7 @@ aside input[type='text'] { clear: both; } - + .calendar { font-family: Courier, monospace; } @@ -3234,17 +3282,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-nav { @@ -3329,11 +3409,6 @@ aside input[type='text'] { margin-bottom: 15px; } -#language-selector { - position: absolute; - top: 0px; - left: 16px; -} #group-members { margin-top: 20px; @@ -3431,7 +3506,7 @@ aside input[type='text'] { #netsearch-box { - margin-top: 20px; + margin-top: 20px; } #netsearch-box #search-submit { @@ -3510,20 +3585,6 @@ aside input[type='text'] { text-decoration: underline; } -#lang-select-icon { - cursor: pointer; - position: fixed; - 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; width: 80px; @@ -3544,7 +3605,7 @@ aside input[type='text'] { .settings-heading { border-bottom: 1px solid #babdb6; } - + /** @@ -3625,7 +3686,7 @@ aside input[type='text'] { font-weight: bold; background-color: #FF0000; padding: 0em 0.3em; - + } #adminpage dl { clear: left; @@ -3685,7 +3746,7 @@ aside input[type='text'] { /* * UPDATE */ -.popup { +.popup { width: 100%; height: 100%; top:0px; left:0px; position: absolute; @@ -3706,7 +3767,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} @@ -3719,7 +3780,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; @@ -3790,7 +3851,14 @@ aside input[type='text'] { background-repeat: no-repeat; opacity: 0.5; } -.icon.link { display: none; background-position: -144px 0px;} + +.icon.link { + display: block; width: 22px; height: 24px; + background-size: 100% 100%; + background-image: url('images/link.png'); + background-repeat: no-repeat; + +} /*.globe { background-position: 0px -16px;}*/ .icon.globe { @@ -3914,6 +3982,16 @@ aside input[type='text'] { opacity: 0.5; } +.event-icon { + display: block; width: 33px; height: 33px; + background-size: 100% 100%; + background-repeat: no-repeat; + opacity: 0.5; +} +.event-attend-icon { background-image: url('images/event-attend.png'); } +.event-maybeattend-icon { background-image: url('images/event-maybeattend.png'); } +.event-dontattend-icon { background-image: url('images/event-dontattend.png'); } + .icon.dim { opacity: 0.3;filter:alpha(opacity=30); } [class^="comment-edit-bb"] { @@ -4208,9 +4286,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; }