X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fduepuntozero%2Fstyle.css;h=54a522881ff84955ab84e5c3d9c8df9e1d5e495b;hb=c43f647049c78b594c90e95d06d12f29f300d5d3;hp=3351b35a17f7246f2335435df80d9a731361dab9;hpb=b0ab3e468b5c20cfe369ff282b7906d1690a3510;p=friendica.git diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 3351b35a17..54a522881f 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -28,7 +28,7 @@ input { img { border :0px; } .openid { - background: url(../default/login-bg.gif) no-repeat; + background: url(login-bg.gif) no-repeat; background-position: 0 50%; padding-left: 18px; } @@ -91,12 +91,13 @@ nav #site-location { nav #banner { display: block; - padding-top: 10px; + padding-top: 14px; position: absolute; } nav #banner #logo-text a { - font-size: 44px; + font-size: 40px; font-weight: bold; + margin-left: 3px; color: #000000; } @@ -202,7 +203,7 @@ div.wall-item-content-wrapper.shiny { background-repeat:no-repeat; } -/* from defautlt */ +/* from default */ #jot-perms-icon, #profile-location, #profile-nolocation, @@ -275,8 +276,7 @@ div.wall-item-content-wrapper.shiny { } #register-submit-button { - margin-top: 50px; - margin-left: 350px; + margin-top: 10px; } #label-login-name, #label-login-password, #login-extra-filler { @@ -319,7 +319,7 @@ div.wall-item-content-wrapper.shiny { input#dfrn-url { float: left; - background: url(../default/ff-16.jpg) no-repeat; + background: url(friendika-16.png) no-repeat; background-position: 2px center; font-size: 17px; padding-left: 21px; @@ -373,6 +373,10 @@ input#dfrn-url { margin-bottom: 30px; } +#settings-expire-end { + margin-bottom: 30px; +} + #settings-username-end, #settings-email-end, #settings-nick-end, @@ -602,6 +606,14 @@ input#dfrn-url { margin-bottom: 20px; } +#profile-photo-link-select-wrapper { + margin-top: 2em; +} +#profile-photo-wrapper img { + width:175px; + height:175px; +} + #profile-edit-profile-name-label, #profile-edit-name-label, #profile-edit-pdesc-label, @@ -616,7 +628,8 @@ input#dfrn-url { #profile-edit-sexual-label, #profile-edit-politic-label, #profile-edit-religion-label, -#profile-edit-keywords-label, +#profile-edit-pubkeywords-label, +#profile-edit-prvkeywords-label, #profile-edit-homepage-label { float: left; width: 175px; @@ -636,21 +649,25 @@ input#dfrn-url { #sexual-select, #profile-edit-politic, #profile-edit-religion, -#profile-edit-keywords, +#profile-edit-pubkeywords, +#profile-edit-prvkeywords, #profile-in-dir-yes, #profile-in-dir-no, #profile-in-netdir-yes, #profile-in-netdir-no, #hide-friends-yes, -#hide-friends-no, +#hide-friends-no { + float: left; + margin-bottom: 20px; +} #settings-normal, #settings-soapbox, -#settings-community, -#settings-freelove { +#settings-freelove, +#settings-community { float: left; - margin-bottom: 20px; } + #profile-in-dir-yes-label, #profile-in-dir-no-label, #profile-in-netdir-yes-label, @@ -667,8 +684,28 @@ input#dfrn-url { margin-left: 20px; } +#profile-publish-yes-reg, +#profile-publish-no-reg { + float: left; + margin-bottom: 10px; +} + +#profile-publish-yes-label-reg, +#profile-publish-no-label-reg { + margin-left: 350px; + float: left; + width: 50px; +} + +#profile-publish-break-reg, +#profile-publish-end-reg { + clear: both; +} + + #profile-edit-pdesc-desc, -#profile-edit-keywords-desc { +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } @@ -689,8 +726,12 @@ input#dfrn-url { #settings-soapbox-desc, #settings-community-desc, #settings-freelove-desc { - float: left; - margin-left: 75px; + /*float: left; + margin-left: 75px;*/ + clear: left; + color: #666666; + display: block; + margin-bottom: 20px } #profile-edit-profile-name-end, @@ -707,7 +748,8 @@ input#dfrn-url { #profile-edit-sexual-end, #profile-edit-politic-end, #profile-edit-religion-end, -#profile-edit-keywords-end, +#profile-edit-pubkeywords-end, +#profile-edit-prvkeywords-end, #profile-edit-homepage-end, #profile-in-dir-break, #profile-in-dir-end, @@ -788,6 +830,7 @@ input#dfrn-url { .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; + position: relative; } .wall-item-content-wrapper.comment { @@ -795,24 +838,59 @@ input#dfrn-url { background: #EEEEEE; } +.wall-item-info { + display: block; + float: left; + width:110px; + margin-right:10px; +} +.comment .wall-item-info { + width: 70px; +} + .wall-item-photo-wrapper { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; width: 100px; - float: left; } + +.wallwall .wwto { + left: 50px; + margin: 0; + position: absolute; + top: 70px; + width: 30px +} +.wallwall .wwto img { + width: 30px; + height: 30px; +} +.wallwall .wall-item-photo-end { + clear: both; +} + .wall-item-arrowphoto-wrapper { - margin-top: 40px; - margin-right: 20px; - float: left; + position: absolute; + left: 75px; + top: 70px; + z-index: 100; } .wall-item-wrapper { - float: left; + /*float: left; + margin-right: 5px; + width: 250px;*/ + margin-left:10px; } .wall-item-lock { - height: 20px; - margin-top: 10px; + /*height: 20px;*/ + /*margin-top: 10px;*/ + left: 105px; + position: absolute; + top: 1px; +} +.comment .wall-item-lock { + left: 65px; } .wall-item-ago { @@ -820,13 +898,35 @@ input#dfrn-url { font-size: 0.8em; } +.wall-item-location { + overflow: hidden; + /* add ellipsis on text overflow */ + /* this work on safari, opera, ie, chrome. */ + /* firefox users have to wait support or we */ + /* can use a jquery plugin http://bit.ly/zJskg */ + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + width: 100%; +} + +.wall-item-like-buttons { + float: left; + margin-right: 10px; + padding-right: 10px; + border-right: 2px solid #fff; +} + + .wall-item-like-buttons img { cursor: pointer; } + +.wall-item-links-wrapper { + float: left; +} + .wall-item-delete-wrapper { float: right; - margin-top: 5px; - margin-right: 5px; } .wall-item-delete-end { @@ -849,12 +949,15 @@ input#dfrn-url { .wall-item-photo { border: none; } +.comment .wall-item-photo { + width: 50px; height: 50px; +} .wall-item-content { - float: left; - width: 450px; + /*float: left;*/ + /*width: 450px;*/ margin-left: 10px; - margin-bottom: 20px; - padding: 20px; + /*margin-bottom: 20px;*/ + /*padding: 20px;*/ max-height: 400px; overflow: auto; } @@ -862,15 +965,34 @@ input#dfrn-url { .wall-item-title { float: left; font-weight: bold; - width: 450px; + /*width: 450px;*/ +} + +.wall-item-title-end { + clear: both; } .wall-item-body { float: left; - width: 450px; - margin-top: 30px; + /*width: 450px;*/ + margin-top: 10px; +} + +.wall-item-tools { + clear: both; + background-image: url("head.jpg"); + background-position: 0 -20px; + background-repeat: repeat-x; + padding: 5px 10px 0px; +} +.wall-item-author { + margin-top: 10px; } +.comment .wall-item-tools { + background:none; +} + .comment-edit-wrapper { margin-top: 15px; background: #f3f3f3; @@ -879,8 +1001,8 @@ input#dfrn-url { .comment-wwedit-wrapper { margin-top: 15px; - background: #CCCCCC; - margin-left: 250px; + background: #f3f3f3; + margin-left: 50px; } .comment-edit-photo { @@ -905,6 +1027,7 @@ input#dfrn-url { margin: 10px 0px 10px 110px; } +#profile-jot-plugin-wrapper, #profile-jot-submit-wrapper { margin-top: 15px; } @@ -950,6 +1073,20 @@ input#dfrn-url { height: 30px; } +#profile-jot-plugin-end{ + clear: both; +} +.profile-jot-net { + float: left; + margin-right: 10px; + margin-top: 5px; + margin-bottom: 5px; +} + +#profile-jot-networks-end { + clear: both; +} + #profile-jot-end { /*clear: both;*/ margin-bottom: 30px; @@ -1200,7 +1337,12 @@ input#dfrn-url { margin-top: 30px; } #contact-edit-poll-text { - margin-bottom: 10px; + margin-top: 15px; + margin-bottom: 5px; +} + +#contact-edit-update-now { + margin-top: 15px; } #contact-edit-photo-wrapper { @@ -1456,8 +1598,9 @@ input#dfrn-url { margin-top: 10px; } a.mail-list-link { - display: block; - padding: 4px 5px; + display: block; + font-size: 1.3em; + padding: 4px 0; } /* @@ -1495,8 +1638,8 @@ a.mail-list-link { } .mail-conv-subject { - font-size: 1.1em; - margin-top: 10px; + font-size: 1.4em; + margin: 10px 0; } .mail-conv-outside-wrapper-end { @@ -1555,8 +1698,23 @@ a.mail-list-link { .photo-album-image-wrapper { float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + width: 200px; height: 200px; + overflow: hidden; + position: relative; +} +.photo-album-image-wrapper .caption { + display: none; + width: 100%; + position: absolute; + bottom: 0px; + padding: 0.5em 0.5em 0px 0.5em; + background-color: rgba(245, 245, 255, 0.8); + border-bottom: 2px solid #CCC; + margin: 0px; +} +.photo-album-image-wrapper a:hover .caption { + display:block; } #photo-album-end { @@ -1564,12 +1722,22 @@ a.mail-list-link { } .photo-top-image-wrapper { + position: relative; float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + width: 200px; height: 200px; + overflow: hidden; +} +.photo-top-album-name { + width: 100%; + min-height: 2em; + position: absolute; + bottom: 0px; + padding: 0px 3px; + padding-top: 0.5em; + background-color: rgb(255, 255, 255); } - #photo-top-end { clear: both; } @@ -1593,6 +1761,10 @@ a.mail-list-link { #photos-upload-album-select { float: left; } + +#photos-upload-spacer { + margin-top: 25px; +} #photos-upload-new-end, #photos-upload-exist-end { clear: both; } @@ -1658,11 +1830,16 @@ a.mail-list-link { margin-bottom: 15px; } -#photo-edit-caption-label, #photo-edit-tags-label { +#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label { float: left; width: 150px; } -#photo-edit-caption, #photo-edit-newtag { + +#photo-edit-perms-end { + margin-bottom: 15px; +} + +#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { float: left; margin-bottom: 25px; } @@ -1673,7 +1850,7 @@ a.mail-list-link { margin-bottom: 25px; } -#photo-edit-caption-end, #photo-edit-tags-end { +#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end { clear: both; } @@ -1761,7 +1938,7 @@ a.mail-list-link { } .sparkle { - cursor: url('../default/lock.cur'), pointer; + cursor: url('lock.cur'), pointer; /* cursor: pointer !important; */ } @@ -1776,6 +1953,10 @@ a.mail-list-link { .contact-block-link { float: left; } +.contact-block-img { + width:48px; + height:48px; +} #tag-remove { margin-bottom: 15px; @@ -1838,8 +2019,6 @@ a.mail-list-link { margin-bottom: 25px; } - - /* end from defautlt */ @@ -1882,3 +2061,57 @@ a.mail-list-link { margin-bottom: 15px; } + +.tool-wrapper { + float: left; + margin-left: 20px; +} + +.tool-link { + cursor: pointer; +} + + +.calendar { + font-family: Courier, monospace; +} +.today { + color: #FF0000; +} + +.settings-block { + border: 1px solid #AAA; + margin: 10px; + padding: 10px; +} + +.app-title { + margin: 10px; +} + +#identity-manage-desc { + margin-top:15px; + margin-bottom: 15px; +} + +#identity-manage-choose { + margin-bottom: 15px; +} + +#identity-submit { + margin-top: 20px; +} + +#photo-prev-link, #photo-next-link { + padding: 10px; + float: left; +} + +#photo-photo { + float: left; +} + +#photo-photo-end { + clear: both; +} +