jappixmini/jappix/css/inbox.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the inbox CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 28/12/10
  11
  12 */
  13
  14 #inbox .content {
  15         padding: 10px 0 10px 0;
  16 }
  17
  18 #inbox .content p {
  19         margin: 3px 10px;
  20         text-align: justify;
  21         font-size: 0.9em;
  22 }
  23
  24 #inbox .inbox-results {
  25         height: 310px;
  26         width: 620px;
  27         margin: -5px 0 0 10px;
  28         padding: 6px 0 0 0;
  29         overflow: auto;
  30 }
  31
  32 #inbox .message-unread {
  33         background-color: #E9F1FD;
  34 }
  35
  36 #inbox .one-message {
  37         font-size: 0.9em;
  38         border-bottom: 1px #b2c7cb solid;
  39 }
  40
  41 #inbox .message-head {
  42         padding: 6px 0 7px 4px;
  43         overflow: hidden;
  44 }
  45
  46 #inbox .message-head:hover {
  47         background-color: #e9f1fd;
  48         cursor: pointer;
  49 }
  50
  51 #inbox .message-head:active {
  52         background-color: #f1f6fd;
  53 }
  54
  55 #inbox .one-message.message-reading,
  56 #inbox .one-message.message-reading .message-head {
  57         background-color: #f1f6fd;
  58 }
  59
  60 #inbox .avatar-container {
  61         float: left;
  62         width: 40px;
  63         height: 40px;
  64         margin-right: 7px;
  65         text-align: center;
  66         background-repeat: no-repeat;
  67 }
  68
  69 #inbox .avatar {
  70         max-width: 40px;
  71         max-height: 40px;
  72 }
  73
  74 #inbox .message-jid,
  75 #inbox .message-subject {
  76         float: left;
  77         margin: 0 2px;
  78         overflow: hidden;
  79 }
  80
  81 #inbox .message-jid {
  82         width: 165px;
  83         font-weight: bold;
  84 }
  85
  86 #inbox .message-subject {
  87         width: 355px;
  88 }
  89
  90 #inbox .message-truncated {
  91         color: #42646b;
  92         font-size: 0.8em;
  93         margin: 23px 0 0 49px;
  94 }
  95
  96 #inbox .message-body {
  97         padding: 8px 5px 5px 5px;
  98 }
  99
 100 #inbox .message-body a {
 101         text-decoration: underline;
 102 }
 103
 104 #inbox .message-meta {
 105         margin-top: 6px;
 106         padding: 3px 4px;
 107         border-top: 1px #b2c7cb dotted;
 108 }
 109
 110 #inbox .message-meta span.date {
 111         color: #28474e;
 112         font-size: 0.8em;
 113         margin: 10px 0 0 4px;
 114         float: left;
 115 }
 116
 117 #inbox .message-meta a {
 118         font-size: 0.98em;
 119         margin: 5px;
 120         float: right;
 121         display: block;
 122 }
 123
 124 #inbox .inbox-noresults {
 125         font-weight: bold;
 126         display: none;
 127 }
 128
 129 #inbox .a-show-messages {
 130         display: none;
 131 }
 132
 133 #inbox .inbox-new {
 134         display: none;
 135         height: 300px;
 136         width: 620px;
 137         margin: -5px 0 0 10px;
 138         padding: 16px 0 0 0;
 139 }
 140
 141 #inbox .inbox-new-block {
 142         border-top: 1px #686868 dotted;
 143         padding-top: 9px;
 144         min-height: 32px;
 145         clear: both;
 146 }
 147
 148 #inbox .inbox-new-text {
 149         float: left;
 150         width: 100px;
 151 }
 152
 153 #inbox .inbox-new-textarea {
 154         width: 460px;
 155         height: 109px;
 156         margin-bottom: 10px;
 157         float: left;
 158 }
 159
 160 #inbox .inbox-new input {
 161         float: left;
 162 }
 163
 164 #inbox .inbox-new-to ul {
 165         width: 264px;
 166         max-height: 168px;
 167         font-size: 0.9em;
 168         left: 120px;
 169         top: 31px;
 170 }
 171
 172 #inbox .inbox-new-to-input {
 173         width: 260px;
 174 }
 175
 176 #inbox .inbox-new-subject-input {
 177         width: 380px;
 178 }
 179
 180 #inbox .inbox-new-file a {
 181         display: block;
 182         float: left;
 183 }
 184
 185 #inbox .inbox-new-file a.file {
 186         font-size: 0.85em;
 187         height: 16px;
 188         max-width: 320px;
 189         margin: 3px 0 15px 013px;
 190         overflow: hidden;
 191 }
 192
 193 #inbox .inbox-new-file a.one-button {
 194         font-size: 0.85em;
 195         margin: -2px 0 0 25px;
 196 }
 197
 198 #inbox .inbox-new-send a {
 199         font-size: 0.85em;
 200         float: right;
 201         display: block;
 202 }