]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/dispy/style.css
Merge branch 'newacl' into newui
[friendica.git] / view / theme / dispy / style.css
index 40545de01ecb8af18e5bb101c27c196cf2ff9b5d..e9d11d601f81c4f326cdb0280c718d3bdb09089d 100644 (file)
@@ -321,9 +321,10 @@ aside #viewcontacts { text-align: right;}
        padding: 5px;
 }
 #profile-jot-acl-wrapper {
-       margin: 0px 10%;
+       margin: 0px 10px;
        border: 1px solid #555753;
        border-top: 0px;
+        display:block!important;
 }
 #group_allow_wrapper,
 #group_deny_wrapper,
@@ -342,25 +343,6 @@ aside #viewcontacts { text-align: right;}
 
 
 
-
-#acl-permit-wrapper,
-#acl-deny-wrapper { padding: 5px; }
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label { display: block }
-
-#group_allow, #contact_allow,
-#group_deny, #contact_deny,
-#profile-jot-acl-wrapper select { width: 100%; }
-
-#acl-wrapper-end,
-#profile-jot-end { clear: both; height: 5px; }
-
-
-
-
 /**
  * section
  */
@@ -371,6 +353,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 .tabs-wrapper li { display: inline;}
 .tabs { padding: 0px 5px; margin-right: 10px; }
 .tabs:hover { background-color: #729fcf; color: #eeeeec; border: 0px; }
+.tabs.active { background-color: #729fcf; color: #eeeeec; border: 0px; }
 
 
 /**
@@ -548,8 +531,25 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
        border: 0px;
 }
 
+/**
+ * item text style
+ **/
+.wall-item-body code {
+    border-color: #CCCCCC;
+    border-style: solid;
+    border-width: 1px 1px 1px 10px;
+    display: block;
+    padding-left: 10px;
+}
 
-
+/**
+ * profile
+ **/
+div[id$="text"] { font-weight: bold; border-bottom: 1px solid #cccccc; } 
+div[id$="wrapper"] { height: 100%; margin-bottom: 1em; } 
+div[id$="wrapper"] br { clear: left; }
+#advanced-profile-with { margin-left: 200px; }
 
 /**
  * photos
@@ -574,6 +574,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
        
 }
 
+#photo-photo { max-width: 100% }
+#photo-photo img { max-width: 100% }
+
 .photo-top-image-wrapper a:hover,
 #photo-photo a:hover,
 .photo-album-image-wrapper a:hover { 
@@ -632,6 +635,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
        transition: all 0.2s ease-in-out;               
 }
 
+#photo-next-link .icon,
+#photo-prev-link .icon { display: none }
+
 #photos-upload-spacer,
 #photos-upload-new-wrapper,
 #photos-upload-exist-wrapper { margin-bottom: 1em; }
@@ -668,6 +674,15 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 .mail-list-delete-wrapper { float: right; }
 .mail-list-outside-wrapper-end { clear: both;}
 
+.mail-conv-sender {float: left; margin: 0px 5px 5px 0px }
+.mail-conv-sender-photo { width: 32px; height: 32px }
+.mail-conv-sender-name { float: left }
+.mail-conv-date { float: right }
+.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
+.mail-conv-body { clear: both; }
+.mail-conv-delete-wrapper { margin-top: 5px; }
+
+
 /**
  *     contacts
  */
@@ -708,6 +723,13 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 /**
  *     register, settings & profile forms
  */
+#id_openid_url,
+.openid {
+   background: url(login-bg.gif) no-repeat;
+   background-position: 0 50%;
+   padding-left: 18px;
+}
 #settings-nickname-desc {
        background-color: #DDEFFF;
        -webkit-border-radius: 5px;
@@ -717,20 +739,17 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 }
 
 #register-form div,
-#profile-edit-form div,
-#settings-form  div { 
+#profile-edit-form div { 
        clear: both;
 }
 
 #register-form label,
-#profile-edit-form label,
-#settings-form label {
+#profile-edit-form label {
        width: 300px; float: left;
 }
 
 #register-form span,
-#profile-edit-form span,
-#settings-form span {
+#profile-edit-form span  {
        color: #555753;
        display:block;
        margin-bottom: 20px;
@@ -784,6 +803,108 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 #cropimage-wrapper { float:left; }
 #crop-image-form { clear:both; }
 
+/**
+ * events
+ **/
+.clear { clear: both; }
+.eventcal {
+       float: left;
+       font-size: 20px;
+}
+
+.vevent {
+       border: 1px solid #CCCCCC;
+}
+.vevent .event-description, .vevent .event-location {
+       margin-left: 10px;
+       margin-right: 10px;
+}
+.vevent .event-start {
+       margin-left: 10px;
+       margin-right: 10px;
+}
+
+#new-event-link {
+       margin-bottom: 10px;
+}
+
+.edit-event-link, .plink-event-link {
+       float: left;
+       margin-top: 4px;
+       margin-right: 4px;
+       margin-bottom: 15px;
+}
+
+.event-description:before {
+       content: url('../../../images/calendar.png');
+       margin-right: 15px;
+}
+
+.event-start, .event-end {
+       margin-left: 10px;
+       width: 330px;
+}
+
+.event-start .dtstart, .event-end .dtend {
+       float: right;
+}
+
+.event-list-date {
+       margin-bottom: 10px;
+}
+
+.prevcal, .nextcal {
+       float: left;
+       margin-left: 32px;
+       margin-right: 32px;
+       margin-top: 64px;
+}
+.event-calendar-end {
+       clear: both;
+}
+
+.calendar {
+       font-family: Courier, monospace;
+}
+.today {
+       font-weight: bold;
+       color: #FF0000;
+} 
+#event-start-text, 
+#event-finish-text {
+       margin-top: 10px;
+       margin-bottom: 5px;
+}
+
+#event-nofinish-checkbox, 
+#event-nofinish-text, 
+#event-adjust-checkbox, 
+#event-adjust-text,
+#event-share-checkbox
+{
+       float: left;
+}
+#event-datetime-break {
+       margin-bottom: 10px;
+}
+
+#event-nofinish-break, 
+#event-adjust-break,
+#event-share-break {
+       clear: both;
+}
+
+#event-desc-text, 
+#event-location-text {
+       margin-top: 10px;
+       margin-bottom: 5px;
+}
+#event-submit {
+       margin-top: 10px;
+}
 
 /**
  *     directory
@@ -821,31 +942,6 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 #adminpage dd {
        margin-left: 200px;
 }
-
-#adminpage .field {
-       clear: left;
-       margin-bottom: 5px;
-       padding-bottom: 5px;
-}
-
-#adminpage .field label {
-       float: left;
-       width: 200px;
-       font-weight: bold;
-}
-
-#adminpage .field input,
-#adminpage .field textarea {
-       width: 400px;
-}
-#adminpage .field textarea { height: 100px; }
-#adminpage .field_help {
-       display: block;
-       margin-left: 200px;
-       color: #666666;
-       
-}
-
 #adminpage h3 {
        border-bottom: 1px solid #cccccc;
 }
@@ -877,6 +973,67 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 #adminpage table tr:hover { background-color: #bbc7d7; }
 #adminpage .selectall { text-align: right; }
 
+/**
+ * Form fields
+ */
+.field {
+       margin-bottom: 10px;
+       padding-bottom: 10px;
+       overflow: auto;
+       width: 100%
+}
+
+.field label {
+       float: left;
+       width: 200px;
+}
+
+.field input,
+.field textarea {
+       width: 400px;
+}
+.field textarea { height: 100px; }
+.field_help {
+       display: block;
+       margin-left: 200px;
+       color: #666666;
+       
+}
+
+
+.field .onoff {
+       float: left;
+       width: 80px;
+}
+.field .onoff a {
+       display: block;
+       border:1px solid #666666;
+       background-image:url("../../../images/onoff.jpg");
+       background-repeat: no-repeat;
+       padding: 4px 2px 2px 2px;
+       height: 16px;
+       text-decoration: none;
+}
+.field .onoff .off {
+       border-color:#666666;
+       padding-left: 40px;
+       background-position: left center;
+       background-color: #cccccc;
+       color: #666666;
+       text-align: right;
+}
+.field .onoff .on {
+       border-color:#204A87;
+       padding-right: 40px;
+       background-position: right center;
+       background-color: #3465A4;
+       color: #FFFFFF;
+       text-align: left;
+}
+.hidden { display: none!important; }
+
+.field.radio .field_help { margin-left: 0px; }
+
 /**
  * ICONS
  */
@@ -930,7 +1087,8 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
 
 .on            { background-position: -50px  -60px;}
 .off           { background-position: -70px  -60px;}
-
+.prev          { background-position: -90px  -60px;}
+.next          { background-position: -110px  -60px;}
 
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
@@ -954,3 +1112,107 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
  .cc-license { margin-top: 100px; font-size: 0.7em; }                                  
 footer { display: block; margin: 50px 20%; clear: both; }
                                   
+#profile-jot-text {
+    height: 20px;
+    color:#cccccc;
+    border: 1px solid #cccccc;
+}
+/** acl **/
+#photo-edit-perms-select,
+#photos-upload-permissions-wrapper,
+#profile-jot-acl-wrapper{
+       display:block!important;
+}
+
+#acl-wrapper {
+       width: 690px;
+       float:left;
+}
+#acl-search {
+       float:right;
+       background: #ffffff url("../../../images/search_18.png") no-repeat right center;
+       padding-right:20px;
+}
+#acl-showall {
+       float: left;
+       display: block;
+       width: auto;
+       height: 18px;
+       background-color: #cccccc;
+       background-image: url("../../../images/show_all_off.png");
+       background-position: 7px 7px;
+       background-repeat: no-repeat;
+       padding: 7px 10px 7px 30px;
+       -webkit-border-radius: 5px ;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       color: #999999;
+}
+#acl-showall.selected {
+       color: #000000;
+       background-color: #ff9900;
+       background-image: url("../../../images/show_all_on.png");
+}
+
+#acl-list {
+       height: 210px;
+       border: 1px solid #cccccc;
+       clear: both;
+       margin-top: 30px;
+       overflow: auto;
+}
+#acl-list-content {
+}
+.acl-list-item {
+       display: block;
+       width: 150px;
+       height: 30px;
+       border: 1px solid #cccccc;
+       margin: 5px;
+       float: left;
+}
+.acl-list-item img{
+       width:22px;
+       height: 22px;
+       float: left;
+       margin: 4px;
+}
+.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; }
+.acl-list-item a { 
+       font-size: 8px;
+       display: block;
+       width: 40px;
+       height: 10px;
+       float: left;
+       color: #999999;
+       background-color: #cccccc;
+       background-position: 3px 3px;
+       background-repeat: no-repeat;
+       margin-right: 5px;
+       -webkit-border-radius: 2px ;
+       -moz-border-radius: 2px;
+       border-radius: 2px;
+       padding-left: 15px;
+}
+#acl-wrapper a:hover {
+       text-decoration: none;
+       color:#000000;
+}
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
+
+.acl-button-show.selected {
+       color: #000000;
+       background-color: #9ade00;
+       background-image: url("../../../images/show_on.png");
+}
+.acl-button-hide.selected {
+       color: #000000;
+       background-color: #ff4141;
+       background-image: url("../../../images/hide_on.png");
+}
+.acl-list-item.groupshow { border-color: #9ade00; }
+.acl-list-item.grouphide { border-color: #ff4141; }
+/** /acl **/
+
+