#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
-
+.icon.bb-url{
+ background-image: url("../../../view/theme/diabook-red/icons/bb-url.png");
+ float: right;
+ margin-top: 2px;}
+.icon.quote{
+ background-image: url("../../../view/theme/diabook-red/icons/quote.png");
+ float: right;
+ margin-top: 2px;}
+.icon.bold{
+ background-image: url("../../../view/theme/diabook-red/icons/bold.png");
+ float: right;
+ margin-top: 2px;}
+.icon.underline{
+ background-image: url("../../../view/theme/diabook-red/icons/underline.png");
+ float: right;
+ margin-top: 2px;}
+.icon.italic{
+ background-image: url("../../../view/theme/diabook-red/icons/italic.png");
+ float: right;
+ margin-top: 2px;}
+.icon.bb-image{
+ background-image: url("../../../view/theme/diabook-red/icons/bb-image.png");
+ float: right;
+ margin-top: 2px;}
+.icon.bb-video{
+ background-image: url("../../../view/theme/diabook-red/icons/bb-video.png");
+ float: right;
+ margin-top: 2px;}
+
.icon.contacts {
background-image: url("../../../view/theme/diabook-red/icons/contacts.png");}
.icon.notifications {
}
.edit {background-image: url("../../../view/theme/diabook-red/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
-
+.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
+ display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
+.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
+ display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
+.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
+ display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.article { background-position: -50px 0px;}
/*.audio { background-position: -70px 0px;}*/
-.block { background-position: -90px 0px;}
/*.drop { background-position: -110px 0px;}*/
/*.drophide { background-position: -130px 0px;}*/
/*.edit { background-position: -150px 0px;}*/
margin: 50px auto auto;
display: table;
}
+
+#jappix_mini {
+right: 45px !important;
+}
+
+
h4 {
font-size: 1.1em;
}
/*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;
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
-#sidebar-group-list .tool:hover {
- background: #EEE;
+#sidebar-group-list .tool:hover,
+#fileas-sidebar .tool:hover {
+ background: #FFE499;
}
.tool .label {
float: left;
top: 10%;
margin-left: 3px;
}
+/* messages */
+#message-new {
+ background: ;
+ border: 1px solid #333;
+ width: 150px;
+}
+#message-new a {
+ color: #ffffff;
+ text-align: center;
+ display: block;
+ font-weight: bold;
+ padding: 1em 0px;
+ text-decoration: none;
+ background-color: red;
+}
+.mail-list-wrapper {
+ background-color: #f6f7f8;
+ margin-bottom: 5px;
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+}
+.mail-list-wrapper span {
+ display: block;
+ float: left;
+ width: 20%;
+ overflow: hidden;
+}
+.mail-list-wrapper .mail-subject {
+ width: 30%;
+ padding: 4px 0px 0px 4px;
+}
+.mail-list-wrapper .mail-subject a {
+ display: block;
+}
+.mail-list-wrapper .mail-subject.unseen a {
+ font-weight: bold;
+}
+.mail-list-wrapper .mail-date {
+ padding: 4px 4px 0px 4px;
+}
+.mail-list-wrapper .mail-from {
+ padding: 4px 4px 0px 4px;
+}
+.mail-list-wrapper .mail-count {
+ padding: 4px 4px 0px 4px;
+ text-align: right;
+}
+.mail-list-wrapper .mail-delete {
+ float: right;
+}
+#mail-display-subject {
+ background-color: #f6f7f8;
+ color: #2d2d2d;
+ margin-bottom: 10px;
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+}
+#mail-display-subject span {
+ float: left;
+ overflow: hidden;
+ padding: 4px 0px 0px 10px;
+}
+#mail-display-subject .mail-delete {
+ float: right;
+ 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;
+}
+#mail-display-subject:hover .mail-delete {
+ 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;
+}
/* nav */
nav {
width: 80%;
}
.menu-profile-list{
height: auto;
- overflow: auto;
- padding-top: 3px;
- padding-bottom: 3px;
- padding-left: 16px;
+ overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
- background: #EEE;
+ background: #FFE499;
}
.menu-profile-list-item{
padding-left: 5px;
+ vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
-.menu-profile-list.home{
+.menu-profile-icon.home{
background: url("../../../view/theme/diabook-red/icons/home.png") no-repeat;
+ float: left;
+ height: 22px;
+ width: 22px;
}
-.menu-profile-list.photos{
+.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-red/icons/mess_side.png") no-repeat;
- }
-.menu-profile-list.events{
+ float: left;
+ height: 22px;
+ width: 22px;}
+.menu-profile-icon.events{
background: url("../../../view/theme/diabook-red/icons/events.png") no-repeat;
- }
-.menu-profile-list.notes{
+ float: left;
+ height: 22px;
+ width: 22px;}
+.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-red/icons/notes.png") no-repeat;
- }
-.menu-profile-list.foren{
+ float: left;
+ height: 22px;
+ width: 22px;}
+.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-red/icons/pubgroups.png") no-repeat;
- }
-.menu-profile-list.com_side{
+ float: left;
+ height: 22px;
+ width: 22px;}
+.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-red/icons/com_side.png") no-repeat;
- }
-.menu-profile-list.pscontacts{
+ float: left;
+ height: 22px;
+ width: 22px;}
+.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-red/icons/pscontacts.png") no-repeat;
- }
+ float: left;
+ height: 22px;
+ width: 22px;}
/* aside */
aside {
display: table-cell;
float: left;
/* background: #F1F1F1; */
}
+aside #page-sidebar{display: none;}
aside .vcard .fn {
font-size: 18px;
font-weight: bold;
float: left;
margin-right: 20px;
}
+#login-submit-wrapper{
+margin-bottom: 15px;
+ }
+.group_selected {
+ background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.group_unselected {
+ background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.icon.text_add {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ opacity: 0.2;
+ margin-right: 14px;
+ }
+.icon.text_add:hover {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ cursor: pointer;
+ margin-right: 14px;
+ 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;
+ }
+.icon.text_edit {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 0.2;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
+.icon.text_edit:hover {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
/* widget */
.widget {
margin-bottom: 2em;
}
body .pageheader{
text-align: center;
- margin-top: 25px;
- font-size: 0px;
+ font-size: 20px;
+ margin-bottom: 20px;
+ margin-top: 0px;
+ max-width: 775px;
+ }
+.qcomment{
+ max-width: 122px;
}
-
#id_username {
width: 173px;
}
padding: 0;
}
.tab.button {
- margin-right: 5px;
margin-left: 5px;
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
padding: 5px;
margin-bottom: 0px;
width: 775px;
+ padding-top: 10px;
}
.tread-wrapper a{
- color: #1872A2;
+ color: red;
}
-/*community-plugin*/
-aside #likes a, a:visited, a:link {
- color: red;
- text-decoration: none;
- cursor: pointer;
-
+
+.wall-item-decor {
+ position: absolute;
+ left: 790px;
+ top: -10px;
+ width: 16px;
}
-aside #likes a:hover{
- text-decoration: underline;
- }
-.wall-item-photo-menu-button {
-display: block;
-position: absolute;
-background-image: url("../../../view/theme/diabook-red/icons/photo-menu.jpg");
-background-position: top left;
-background-repeat: no-repeat;
-margin: 0px;
-padding: 0px;
-width: 16px;
-height: 16px;
-top: 90px;
-left: 17px;
-overflow: hidden;
-text-indent: 40px;
-display: none;
-}
-.wall-item-name {
- color: red;
- }
-.wall-item-conv a{
- color: black;
- }
-.wall-item-content-wrapper {
-margin-top: 10px;
-border: 1px solid #CCC;
--moz-border-radius: 3px;
-border-radius: 3px;
-display: table;
-width: 775px;
-}
-.wall-item-info {
-/*display: block;
-float: left;
-width: 110px;
-margin-right: 10px;*/
+
+.wall-item-container {
+ 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-content {
- font-size: 12.5px;
+.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 {
+
max-width: 720px;
word-wrap: break-word;
- line-height: 1.2;
+
+ margin-bottom: 14px;
}
-.wrapper-end {
- clear: both;
+.wall-item-photo-container .wall-item-content img {
+ max-width: 700px;
}
-.wall-item-photo-wrapper {
-margin-top: 10px;
-margin-left: 10px;
-margin-bottom: 10px;
-width: 100px;
+.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions {
+ display: table-cell;
+ vertical-align: middle;
}
-.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
-.wall-item-photo-menu li a { display: block; padding: 2px; }
-.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
-.wall-item-wrapper {
-margin-left: 10px;
+.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-title-end {
- clear: both;
+.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-body {
- float: left;
- /*width: 450px;*/
- margin-top: 10px;
+.wall-item-photo-container .wall-item-name {
+ font-weight: bold;
}
-
-.wall-item-tools {
- clear: both;
- background-image: url("head.jpg");
- background-position: 0 -20px;
- background-repeat: repeat-x;
- padding: 5px 10px 0px;
+.wall-item-photo-container .wall-item-actions-author {
+ width: 100%;
+ margin-bottom: 0.3em;
}
-.wall-item-author {
- margin-top: 10px;
+.wall-item-photo-container .wall-item-actions-social {
+ float: left;
+ margin-bottom: 1px;
+ display: table-cell;
}
-.wall-item-photo-menu {
-width: auto;
-border: 2px solid #444;
-background: white;
-position: absolute;
-left: 10px;
-top: 90px;
-display: none;
-z-index: 10000;
+.wall-item-photo-container .wall-item-actions-social a {
+ margin-right: 1em;
}
-
-.wall-item-decor {
- position: absolute;
- left: 790px;
- top: -10px;
- width: 16px;
+.wall-item-photo-container .wall-item-actions-tools {
+ float: right;
+ width: 80px;
+ display: table-cell;
}
-
-.wall-item-container {
+.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 {
}
.wall-item-container .wall-item-content {
- font-size: 12.5px;
+
max-width: 720px;
word-wrap: break-word;
- line-height: 1.2;
+
+ margin-bottom: 14px;
}
.wall-item-container .wall-item-content img {
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;
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;
padding: 0.3em;
margin-bottom: 10px;
}
+.grey
+{
+ display: inline;
+ float: right;
+ }
#jot #jot-tools {
margin: 0px;
padding: 0px;
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;
box-shadow: 2px 2px 2px #CFCFCF;
margin-left: 5px;
}
+//settings tabs
+ul.rs_tabs {
+ list-style-type: none;
+ font-size: 11px;
+}
+ul.rs_tabs li {
+ float: left;
+ margin-bottom: 30px;
+ clear: both;
+}
+ul.rs_tabs li .selected {
+ background-color: #535353;
+ border: 1px solid #777777;
+ color: white;
+ border-radius: 3px 3px 3px 3px;
+ box-shadow: 2px 2px 2px #CFCFCF;
+ font-size: 13px;
+}
+.rs_tabs {
+ list-style-type: none;
+ font-size: 11px;
+ background-position: 0 -20px;
+ background-repeat: repeat-x;
+ height: 27px;
+ padding: 0;
+ }
+.rs_tab.button {
+ /*background: none repeat scroll 0 0 #F8F8F8;*/
+ border: 1px solid #CCCCCC;
+ border-radius: 3px 3px 3px 3px;
+ font-weight: bolder;
+ padding: 3px;
+ color: #333333;
+ text-decoration: none;
+ }
/**
* Form fields
*/
.field.radio .field_help {
margin-left: 0px;
}
+.suggest-select {
+width: 500px;
+height: 350px;
+ }
+.message-to-select {
+ width: 400px;
+ height: 150px;
+ }
#directory-search-form{
margin-bottom: 50px;
}
/* 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;
padding: 0px;
width: 16px;
height: 16px;
- top: -20px; left:0px;
+ top: -16px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
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;
#group-separator,
#prof-separator { display: none;}
*/
+#prof-members-end{
+ clear: both;
+ }
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
margin-bottom: 10px;
}
.vevent {
- border: 1px solid #CCCCCC;
+position: relative;
+width: 400px;
+padding: 20px;
+padding-top: 10px;
+margin: 0 0px;
+margin-bottom: 10px;
+background-color: white;
+-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
-.vevent .event-description, .vevent .event-location {
+.vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}
-.vevent .event-start {
- margin-left: 10px;
- margin-right: 10px;
+.vevent .event-description {
+margin-left: 10px;
+margin-right: 10px;
+font-size: 1.1em;
+font-weight: bolder;
+}
+.vevent .event-start, .vevent .event-end {
+
+margin-right: 20px;
+margin-bottom: 2px;
+margin-top: 2px;
+font-size: 0.9em;
+text-align: left;
+}
+.event-start .dtstart, .event-end .dtend {
+float: right;
}
+
#new-event-link {
margin-bottom: 10px;
}
}
.event-description:before {
- content: url('../../../images/calendar.png');
+ content: url("../../../view/theme/diabook/icons/events2.png") !important;
margin-right: 15px;
}
display: none;
/* position: absolute; */
/* position: absolute; */
- left: -2px;
- top: -20px;
+ left: 0px;
+ top: -16px;
}
.contact-wrapper {
float: left;
projects / friendica.git / blobdiff