friendica/view/global.css

316 lines
5.7 KiB
CSS
Raw Normal View History

2015-05-31 13:55:21 +02:00
/* General style rules .*/
.pull-right { float: right }
/* List of social Networks */
img.connector, img.connector-disabled {
height: 40px;
margin-right: 10px;
border-radius: 10px;
}
img.connector-disabled {
opacity: 0.5;
}
h3.connector {
display: inline-block;
vertical-align: bottom;
}
span.connector {
vertical-align: super;
}
/* Embedded link information */
.type-link, .type-video {
border-top: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
display: block;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
}
.type-link:after, .type-video:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.wall-item-container .wall-item-content .type-link img,
.type-link img, .type-video img, img.attachment-preview {
max-width: 160px;
max-height: 160px;
float: left;
margin-right: 10px;
}
.wall-item-container .wall-item-content .type-link img.attachment-image,
.type-link img.attachment-image, .type-video img.attachment-image {
/* max-width: 640px; */
max-width: 100%;
max-height: initial;
float: initial;
margin-right: 0px;
}
.type-link blockquote, .type-video blockquote {
margin-left: 0px;
max-height: 160px;
overflow: hidden;
border-left: 0px;
padding-left: 0px;
font-size: 13px;
line-height: normal;
}
.type-link .oembed, .type-video .oembed {
font-size: 18px;
font-weight: 300;
line-height: normal;
}
.type-link img, .type-video img {
}
.type-video .embed_video {
margin: 0em;
}
.type-link span.oembed + br, .type-video span.oembed + br,
.type-link a + br, .type-video a + br,
.type-link img + br, .type-video img + br{
display: none;
}
.embed_video {
float:left;
margin: 1em;
position: relative;
}
.embed_rich {
display: block;
}
/* Shared Messages */
.shared_header {
height: 32px;
color: #999;
border-top: 1px solid #D2D2D2;
padding-top: 5px;
margin-top: 5px;
}
.shared_header a {
color: black;
-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;
}
.shared_header a:hover {
color: #36c;
}
.shared_header img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
}
.shared_header span {
margin-left: 9px;
}
blockquote.shared_content {
margin-left: 32px;
color: #000;
border: none;
}
.settings-heading a:after{
content: ' »';
}
/* headers */
h1, h2, h3, h4, h5, h6 {
2015-03-07 21:12:18 +01:00
margin: 5px 0px 5px 0px;
font-weight: normal;
line-height: normal;
text-rendering: optimizelegibility;
}
h1 {
font-size: 31.5px;
}
h2 {
font-size: 24.5px;
}
h3 {
font-size: 20.5px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16.5px;
}
h6 {
font-size: 14.95px;
}
2015-03-07 21:12:18 +01:00
span.oembed, h4 {
margin: 0px 0px 0px 0px;
}
2015-06-24 10:11:11 +02:00
code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
2015-06-24 10:11:11 +02:00
/* fields help text */
.field .field_help {
clear: left;
}
/* notifications unseen */
.notify-unseen { background-color: #cceeFF; }
/* plain text editor upload/select popup */
2015-08-08 22:30:43 +02:00
.fbrowser .path a { padding: 5px; }
.fbrowser .path a:before { content: "/"; padding-right: 5px;}
.fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
2015-08-08 22:30:43 +02:00
.fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
.fbrowser.image .photo-album-image-wrapper { float: left; }
.fbrowser.image a img { height: 48px; }
2015-08-08 22:30:43 +02:00
.fbrowser.image a p { display: none;}
.fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; }
.fbrowser.file img { display: inline; }
.fbrowser.file p { display: inline; white-space: nowrap; }
2015-08-08 22:30:43 +02:00
.fbrowser .upload { clear: both; padding-top: 1em;}
.fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
.fbrowser .error a.close { float: right; font-weight: bold; }
.fbrowser .error.hidden { display: none; }
2015-08-08 22:30:43 +02:00
a {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.itentity-match-wrapper {
float: left;
padding: 10px;
width: 120px;
height: 140px;
margin-bottom: 20px;
}
.identity-match-photo {
float: left;
text-align: center;
width: 120px;
}
.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;
cursor: pointer;
}
.selected-identity img {
border: 2px solid #ff0000;
}
2015-10-25 14:40:56 +01:00
/* poke */
#poke-desc {
2015-11-09 15:56:20 +01:00
margin: 5px 0 10px;
2015-10-25 14:40:56 +01:00
}
#poke-wrapper {
2015-11-09 15:56:20 +01:00
padding: 10px 0 0px;
2015-10-25 14:40:56 +01:00
}
#poke-recipient, #poke-action, #poke-privacy-settings {
2015-11-09 15:56:20 +01:00
margin: 10px 0 30px;
2015-10-25 14:40:56 +01:00
}
#poke-recip-label, #poke-action-label, #prvmail-message-label {
2015-11-09 15:56:20 +01:00
margin: 10px 0 10px;
2015-10-29 07:11:36 +01:00
}
ul.credits {
2015-11-09 15:56:20 +01:00
list-style: none;
2015-10-29 07:11:36 +01:00
}
ul.credits li {
2015-11-09 15:56:20 +01:00
float: left;
width: 240px;
2015-10-25 14:40:56 +01:00
}
.contact-entry-photo img {
max-width: 80px;
max-height: 80px;
}
2015-11-09 15:56:20 +01:00
/* forumlist widget */
#hide-forum-list {
opacity: 0.3;
filter:alpha(opacity=30);
}
#hide-forum-list:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}
#forumlist-settings-label, #forumlist-random-label, #forumlist-profile-label, #forumlist-network-label {
float: left;
width: 200px;
margin-bottom: 25px;
}
#forumlist-max-forumlists, #forumlist-random, #forumlist-profile, #forumlist-network {
float: left;
}
.forumlist-img {
height: 20px;
width: 20px;
2015-11-11 23:39:14 +01:00
}