X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost-mobile%2Fstyle.css;h=9cf97e0a7a37966e5a276e5a73eed5429110a1ea;hb=94204d916025af4461acf01bb7e6ef6192ee4671;hp=7c69694ea4c5bb989e8483e329a1f8257096b8a8;hpb=5e09fc31f51ee1cc207afb3d0771094eac5ed85b;p=friendica.git diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css index 7c69694ea4..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 { @@ -54,7 +54,7 @@ img { border :0px; } background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; - width: 252px; + width: 212px; margin-left: 20px; } .openid:hover { @@ -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; } @@ -288,9 +307,8 @@ div.main-container { /* aside */ -aside { -/* display: block;*/ - display: none; +/*aside { + display: block; min-height: 112px; width: 250px; @@ -299,9 +317,7 @@ aside { margin: 1em 0px 0px 0px; position: absolute; - -/* float:left;*/ -} +}*/ #dfrn-request-link { display: block; @@ -311,7 +327,7 @@ aside { 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; @@ -396,8 +412,8 @@ section { /* footer */ footer { - display: none; - + text-align: center; + padding-bottom: 1em; } .birthday-today, .event-today { @@ -409,7 +425,15 @@ footer { } #theme-preview { - margin: 15px 0 15px 150px; + margin: 15px 0 15px 15px; +} +#theme-version { + display: block; + font-weight: bold; +} +#theme-credits { + margin-top: 15px; + margin-bottom: 15px; } /* from default */ @@ -486,11 +510,11 @@ footer { } .settings-widget .selected { - padding: 3px; -/* -moz-border-radius: 3px;*/ +/* padding: 3px; + -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - border: 1px solid #CCCCCC; + border: 1px solid #CCCCCC;*/ background: #F8F8F8; font-weight: bold; } @@ -547,7 +571,7 @@ footer { margin-top: 10px; } - +/* #login_standard { width: 210px; float: left; @@ -577,14 +601,14 @@ footer { } #login-submit-button { -/* margin-top: 10px; */ + margin-top: 10px; margin-left: 200px; -} +}*/ 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; @@ -1017,7 +1041,11 @@ input#dfrn-url { margin-bottom: 20px; } -.settings-widget ul { +#id_theme, +#id_mobile_theme { + width: 280px; +} +/*.settings-widget ul { list-style-type: none; padding: 0px; } @@ -1025,7 +1053,7 @@ input#dfrn-url { .settings-widget li { margin-left: 24px; margin-bottom: 8px; -} +}*/ #gender-select, #marital-select, #sexual-select { @@ -1037,6 +1065,11 @@ input#dfrn-url { float: left; } +#contacts-search-submit { + font-size: 18px; + padding: 5px 10px; +} + #contacts-display-wrapper { padding-left: 35px; } @@ -1053,7 +1086,7 @@ input#dfrn-url { padding-left: 15px; padding-right: 15px; width: 95px; - height: 170px; + height: 200px; } #contacts-search-end { margin-bottom: 10px; @@ -1126,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; @@ -1192,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; } @@ -1222,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; @@ -1337,16 +1370,44 @@ 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; + text-align: center; + outline: 0; + border-top: 1px dotted #888; +} + .wall-item-title { float: left; @@ -1362,6 +1423,7 @@ input#dfrn-url { .wall-item-body { text-align: justify; float: left; + clear: left; /* width: 300px;*/ overflow: hidden; margin-top: 10px; @@ -1369,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; } @@ -1380,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"); @@ -1393,6 +1455,7 @@ input#dfrn-url { background-repeat: repeat-x;*/ padding: 5px 5px 0px; height: 32px; + } .wall-item-author { /* margin-top: 10px;*/ @@ -1408,6 +1471,7 @@ input#dfrn-url { border-bottom-right-radius: 10px; } + .comment-edit-wrapper { margin-top: 15px; background: #f3f3f3; @@ -2002,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; @@ -2399,7 +2463,9 @@ a.mail-list-link { margin-top: 5px; } #side-follow-submit, #side-peoplefind-submit { - margin-top: 15px; + font-size: 18px; + padding: 5px 10px; + margin: 10px 0px 10px 10px; } #side-match-link { @@ -2412,7 +2478,7 @@ aside input[type='text'] { .widget { border: 1px solid #DDDDDD; - padding: 8px; + padding: 18px; margin-top: 5px; /* -moz-border-radius:5px;*/ -webkit-border-radius:5px; @@ -2685,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; @@ -3245,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); @@ -3327,7 +3398,7 @@ aside input[type='text'] { margin-bottom: 10px; padding-bottom: 10px; overflow: auto; - width: 100% +/* width: 100%*/ } .field label { @@ -3338,18 +3409,23 @@ aside input[type='text'] { .field input, .field textarea { - width: 270px; + width: 230px; margin-left: 20px; } +.field input[type=checkbox], +.field input[type=radio] { + width: auto; +} .field textarea { height: 100px; } .field_help { display: block; margin-left: 20px; color: #666666; - + clear: left; } + .field .onoff { float: left; width: 80px; @@ -3364,6 +3440,7 @@ aside input[type='text'] { text-decoration: none; } .field .onoff .off { + border-color:#666666; padding-left: 40px; background-position: left center; @@ -3381,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 @@ -3566,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;} @@ -3653,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; }*/ @@ -3781,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 { @@ -3802,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; @@ -3855,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; @@ -3873,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; } @@ -3948,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; @@ -3962,5 +4048,5 @@ width:650px; width: 700px; } -} +}*/