X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdiabook-aerith%2Fstyle.css;h=d1611d326166479ffa26ed4f9a646bc4c67fff25;hb=ee714daf4d33f8258e1301438423fc10a3bdc916;hp=3d53115df48ce84fd8ff145ac43d674c2aba527b;hpb=1e02fd8a72784d8f637bd7fa6f0b188cae182a3a;p=friendica.git diff --git a/view/theme/diabook-aerith/style.css b/view/theme/diabook-aerith/style.css index 3d53115df4..d1611d3261 100644 --- a/view/theme/diabook-aerith/style.css +++ b/view/theme/diabook-aerith/style.css @@ -83,6 +83,35 @@ #adminpage .selectall { text-align: right; } /* icons */ +.icon.bb-url{ + background-image: url("../../../view/theme/diabook-aerith/icons/bb-url.png"); + float: right; + margin-top: 2px;} +.icon.quote{ + background-image: url("../../../view/theme/diabook-aerith/icons/quote.png"); + float: right; + margin-top: 2px;} +.icon.bold{ + background-image: url("../../../view/theme/diabook-aerith/icons/bold.png"); + float: right; + margin-top: 2px;} +.icon.underline{ + background-image: url("../../../view/theme/diabook-aerith/icons/underline.png"); + float: right; + margin-top: 2px;} +.icon.italic{ + background-image: url("../../../view/theme/diabook-aerith/icons/italic.png"); + float: right; + margin-top: 2px;} +.icon.bb-image{ + background-image: url("../../../view/theme/diabook-aerith/icons/bb-image.png"); + float: right; + margin-top: 2px;} +.icon.bb-video{ + background-image: url("../../../view/theme/diabook-aerith/icons/bb-video.png"); + float: right; + margin-top: 2px;} + .icon.contacts { background-image: url("../../../view/theme/diabook-aerith/icons/contacts.png");} .icon.notifications { @@ -447,6 +476,24 @@ a:hover { /*color: #005c94; */ text-decoration: underline; } +.intro-end { + border-bottom: 1px solid black; + clear: both; + margin-bottom: 25px; + padding-bottom: 25px; + width: 75%; + } +.intro-form-end { + clear: both; + } +.intro-fullname { + padding-bottom: 5px; + padding-top: 5px; + } +.intro-wrapper-end { + clear: both; + padding-bottom: 5px; + } code { font-family: Courier, monospace; white-space: pre; @@ -1258,7 +1305,7 @@ body .pageheader{ font-size: 20px; margin-bottom: 20px; margin-top: 0px; - max-width: 575px; + max-width: 775px; } .qcomment{ max-width: 122px; @@ -1290,7 +1337,6 @@ body .pageheader{ padding: 0; } .tab.button { - margin-right: 5px; margin-left: 5px; /*background: none repeat scroll 0 0 #F8F8F8;*/ border: 1px solid #CCCCCC; @@ -1314,6 +1360,7 @@ body .pageheader{ padding: 5px; margin-bottom: 0px; width: 775px; + padding-top: 10px; } .tread-wrapper a{ color: #3465A4; @@ -1329,6 +1376,122 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { + display: table-row; +} +.wall-item-photo-container .wall-item-info { + display: table-cell; + vertical-align: top; + text-align: left; + width: 80px; +} +.wall-item-photo-container .wall-item-location { + padding-right: 40px; + display: table-cell; +} +.wall-item-photo-container .wall-item-ago { + word-wrap: break-word; + width: 50px; + margin-left: 10px; + color: #999; +} +.wall-item-photo-container .wall-item-content { + font-size: 12.5px; + max-width: 720px; + word-wrap: break-word; + line-height: 1.2; + margin-bottom: 14px; +} +.wall-item-photo-container .wall-item-content img { + max-width: 700px; +} +.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { + display: table-cell; + vertical-align: middle; +} +.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-container .wall-item-actions .icon { + opacity: 0.5; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.wall-item-photo-container .wall-item-links .icon:hover, .wall-item-photo-container .wall-item-actions .icon:hover { + opacity: 1; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.wall-item-photo-container .wall-item-name { + font-weight: bold; +} +.wall-item-photo-container .wall-item-actions-author { + width: 100%; + margin-bottom: 0.3em; +} +.wall-item-photo-container .wall-item-actions-social { + float: left; + margin-bottom: 1px; + display: table-cell; +} +.wall-item-photo-container .wall-item-actions-social a { + margin-right: 1em; +} +.wall-item-photo-container .wall-item-actions-tools { + float: right; + width: 80px; + display: table-cell; +} +.wall-item-photo-container .wall-item-actions-tools a { + float: right; +} +.wall-item-photo-container .wall-item-actions-tools input { + float: right; +} +.wall-item-photo-container.comment { + margin-top: 5px; + margin-bottom: 5px; + margin-left: 40px; + width: 650px; + border-bottom: 1px solid #D2D2D2; +} +.wall-item-photo-container.comment { + top: 15px !important; + left: 15px !important; +} +.wall-item-photo-container { + display: table; + width: 780px; +} +.my-comment-photo { + width: 48px; + margin-left: 40px; + margin-right: 32px; + } +.comment-edit-preview { + width: 500px; + margin-top: 10px; +} +.comment-edit-text-empty { + width: 500px; + border: 1px solid #D2D2D2; + height: 3.2em; + color: #2d2d2d; +} +.comment-edit-text-full { + font-size: 12.5px; + height: 3.3em; + + border: 1px solid #D2D2D2; + width: 500px; +} +.comment-edit-photo { + margin: 10px 0 0; + display: table-cell; +} .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { @@ -1382,6 +1545,7 @@ body .pageheader{ max-width: 720px; word-wrap: break-word; line-height: 1.2; + margin-bottom: 14px; } .wall-item-container .wall-item-content img { @@ -1458,7 +1622,7 @@ body .pageheader{ padding-left: 12px; } .wall-item-comment-wrapper { - margin: 1px 5px 1px 80px; + margin: 1px 5px 17px 80px; } .wall-item-comment-wrapper .comment-edit-photo { display: none; @@ -1479,9 +1643,9 @@ body .pageheader{ border: 1px solid #2d2d2d; } .comment-edit-preview { - width: 710px; - border: 1px solid #2d2d2d; + width: 500px; margin-top: 10px; + background-color: #fff797; } .comment-edit-preview .contact-photo { width: 32px; @@ -1717,7 +1881,7 @@ body .pageheader{ height: 20px; margin: 0 0 5px; width: 60%; - border: 1px solid #ffffff; + border: 1px solid #d2d2d2; } #profile-jot-form #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -2111,10 +2275,10 @@ height: 350px; /* photo */ .photo { box-shadow: 2px 2px 5px 0px #000000; -margin: 2px 5px 2px 5px; -max-height: 85%; -max-width: 85%; +margin: 0px; border-radius: 10px; +height: 145px !important; +width: 145px !important; } .lframe { float: left; @@ -2187,6 +2351,11 @@ blockquote { border-left: 1px solid #D2D2D2; padding-left: 9px; margin: 0 0 0 .8ex; + color: #777; +} +.oembed { + + font-weight: bold; } .aprofile dt{ box-shadow: 1px 1px 5px 0;