X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost-mobile%2Fstyle.css;h=9cf97e0a7a37966e5a276e5a73eed5429110a1ea;hb=94204d916025af4461acf01bb7e6ef6192ee4671;hp=c58a32df669a3a62eb6a28ab52e72a521d604854;hpb=269bb75a1460ac84f3f05bc6b6af58c1b20a3e18;p=friendica.git diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css index c58a32df66..9cf97e0a7a 100644 --- a/view/theme/frost-mobile/style.css +++ b/view/theme/frost-mobile/style.css @@ -12,7 +12,7 @@ html { /* width: 320px;*/ margin-left: auto; margin-right: auto; - overflow-x:hidden; +/* overflow-x:hidden;*/ } body { @@ -65,7 +65,7 @@ img { border :0px; } width: 384px; }*/ -code { +/*code { font-family: Courier, monospace; white-space: pre; display: block; @@ -85,6 +85,24 @@ blockquote { margin-right: 0px; width: 260px; overflow: hidden; +}*/ + +code { + font-family: Courier, monospace; + white-space: pre; + display: block; + overflow: auto; + border: 1px solid #444; + background: #EEE; + color: #444; + padding: 10px; + margin-top: 20px; +} + +blockquote { + background-color: #f4f8f9; + border-left: 4px solid #dae4ee; + padding: 0.4em; } .icollapse-wrapper, .ccollapse-wrapper { @@ -104,7 +122,7 @@ blockquote { #panel { background-color: ivory; position: absolute; - z-index: 2; +/* z-index: 2;*/ width: 30%; padding: 25px; border: 1px solid #444; @@ -256,10 +274,11 @@ nav .nav-link { -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; - z-index: 10000; + z-index: 100; } #network-menu-list { + width: 9em; left: 3px; } @@ -308,7 +327,7 @@ div.main-container { border-radius: 5px; padding: 5px; font-weight: bold; - background: #3465a4 url('friendika-16.png') no-repeat 95% center; + background: #3465a4 url('friendica-16.png') no-repeat 95% center; } #wallmessage-link { display: block; @@ -589,7 +608,7 @@ footer { input#dfrn-url { float: left; - background: url(friendika-16.png) no-repeat; + background: url(friendica-16.png) no-repeat; background-position: 2px center; font-size: 17px; padding-left: 21px; @@ -1140,8 +1159,11 @@ input#dfrn-url { margin-top: 10px; } +.toplevel_item { + margin-bottom: 60px; +} + .wall-item-content-wrapper { - margin-top: 60px; padding-top: 30px; border-top: 2px solid #AAAAAA; position: relative; @@ -1206,7 +1228,7 @@ input#dfrn-url { position: absolute; left: 0px; top:110px; display: none; - z-index: 10000; +/* z-index: 10000;*/ } .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none } .wall-item-photo-menu li a { display: block; padding: 2px; } @@ -1236,10 +1258,7 @@ input#dfrn-url { position: absolute; left: 75px; top: 80px; - z-index: 100; -} -.wall-item-wrapper { - margin-left:10px; +/* z-index: 100;*/ } .wall-item-lock { margin-top: 30px; @@ -1351,16 +1370,36 @@ input#dfrn-url { } .wall-item-content img { + display: block; + margin-top: 10px; + margin-right: auto; + margin-left: auto; max-width: 290px; border-radius: 7px; /* -moz-border-radius: 7px;*/ -webkit-border-radius: 7px; } +.wall-item-content img.smiley { + display: inline; + margin: auto; + border-radius: 0; + -webkit-border-radius: 0; +} + +.wall-item-content blockquote { + margin-left: 0px; + margin-right: 0px; +} + .comment .wall-item-content img { max-width: 280px; } +.comment .wall-item-content ul { + padding-left: 1.5em; +} + .divgrow-showmore { display: block; clear: both; @@ -1384,6 +1423,7 @@ input#dfrn-url { .wall-item-body { text-align: justify; float: left; + clear: left; /* width: 300px;*/ overflow: hidden; margin-top: 10px; @@ -1391,8 +1431,14 @@ input#dfrn-url { line-height: 23px; } +.wall-item-body iframe { + display: block; + clear: both; + margin-top: 1.5em; + margin-bottom: 1.5em; +} + .wall-item-body code { - width: 260px; overflow: hidden; } @@ -1402,12 +1448,6 @@ input#dfrn-url { /* width: 280px;*/ } -.comment .wall-item-body blockquote { - margin-left: 0px; - margin-right: 0px; - width: 260px; -} - .wall-item-tools { clear: both; /* background-image: url("head.jpg"); @@ -1415,6 +1455,7 @@ input#dfrn-url { background-repeat: repeat-x;*/ padding: 5px 5px 0px; height: 32px; + } .wall-item-author { /* margin-top: 10px;*/ @@ -2025,7 +2066,7 @@ input#dfrn-url { position: absolute; left: -30px; top: 80px; display: none; - z-index: 10000; + z-index: 101; /* -moz-box-shadow: 3px 3px 5px #555;*/ -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; @@ -2710,7 +2751,7 @@ aside input[type='text'] { margin-left: 100px; margin-bottom: 20px; } -.settings-submit, .profile-edit-submit-button { +.settings-submit, .profile-edit-submit-button, .settings-features-submit { padding: 0.25em 0.5em; margin-bottom: 10px; font-size: 18px; @@ -3270,6 +3311,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); @@ -3375,10 +3421,11 @@ aside input[type='text'] { display: block; margin-left: 20px; color: #666666; - + clear: left; } + .field .onoff { float: left; width: 80px; @@ -3393,6 +3440,7 @@ aside input[type='text'] { text-decoration: none; } .field .onoff .off { + border-color:#666666; padding-left: 40px; background-position: left center; @@ -3410,7 +3458,7 @@ aside input[type='text'] { } .hidden { display: none!important; } -.field.radio .field_help { clear: left; margin-left: 20px; } +.field.radio .field_help { margin-left: 20px; } /** * ADMIN @@ -3595,7 +3643,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;} @@ -3682,6 +3736,7 @@ aside input[type='text'] { background-size: 100% 100%; background-image: url('images/star.png'); background-repeat: no-repeat; + opacity: 0.5; } /*.tagged { background-position: -48px -48px; }*/ @@ -3810,7 +3865,7 @@ aside input[type='text'] { max-height:150px; background-color:#ffffff; overflow:auto; - z-index:100000; + z-index:102; border:1px solid #cccccc; } .acpopupitem { @@ -3831,15 +3886,17 @@ div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; + margin: 0px; } div.jGrowl div.info { background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; + margin: 0px; } #jGrowl.top-right { top: 15px; - right: 15px; + right: 10px; } .qcomment { border: 1px solid #EEE; @@ -3884,16 +3941,15 @@ ul.notifications-menu-popup { display: none; width: 10em; margin: 0px; - padding: 0px; + padding: 0px 0.3em; list-style: none; - z-index: 100000; - right: -55px; + right: -60px; } #nav-notifications-menu { width: 300px; /* max-height: 400px;*/ height: auto; - overflow-y: scroll;overflow-style:scrollbar; +/* overflow-y: scroll;overflow-style:scrollbar;*/ background-color:#FFFFFF; /* -moz-border-radius: 5px;*/ -webkit-border-radius: 5px; @@ -3902,6 +3958,7 @@ ul.notifications-menu-popup { /* -moz-box-shadow: 3px 3px 5px #555;*/ -webkit-box-shadow: 3px 3px 5px #555; box-shadow: 3px 3px 5px #555; +/* z-index: 103;*/ } #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } #nav-notifications-menu img { float: left; margin-right: 5px; } @@ -3977,7 +4034,7 @@ width:650px; } }*/ -@media only screen and (min-device-width: 768px) +/*@media only screen and (min-device-width: 768px) { .wall-item-body code { width: 700px; @@ -3991,5 +4048,5 @@ width:650px; width: 700px; } -} +}*/