view messages/static/css/messages.css @ 693:ad69236e8501

For issue #52, update many 3rd party Javascript libraries. Updated to jquery 1.10.2, jquery ui 1.10.3. This broke a lot of stuff. - Found a newer version of the jquery cycle all plugin (3.0.3). - Updated JPlayer to 2.4.0. - Updated to MarkItUp 1.1.14. This also required me to add multiline attributes set to true on various buttons in the markdown set. - As per a stackoverflow post, added some code to get multiline titles in a jQuery UI dialog. They removed that functionality but allow you to put it back. Tweaked the MarkItUp preview CSS to show blockquotes in italic. Did not update TinyMCE at this time. I'm not using the JQuery version and this version appears to work ok for now. What I should do is make a repo for MarkItUp and do a vendor branch thing so I don't have to futz around diffing directories to figure out if I'll lose changes when I update.
author Brian Neal <bgneal@gmail.com>
date Wed, 04 Sep 2013 19:55:20 -0500
parents ee87ea74d46b
children e966d5553955
line wrap: on
line source
blockquote {
   margin-left: 2em;
   border-left: 3px solid grey;
   padding-left: 3px;
}
blockquote ul {
    margin-left: 1em;
}

table.messages {
   border: 1px solid black;
   border-spacing: 0px;
   border-collapse: collapse;
   margin: 1em auto;
   width: 96%;
}

table.messages th {
   color: black;
   background: #87b6d9;
   padding: 3px 4px 3px 4px;
   font-weight: bold;
}

table.messages td {
   border: 1px solid black;
   padding: 10px 8px;
}

table.message-header {
   border-spacing: 0px;
   border-collapse: collapse;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

table.message-header tr {
   border-bottom: 1px solid black;
}

table.message-header th {
   text-align: left;
   font-weight: bold;
   padding: 3px;
}

table.message-header td {
   text-align: left;
   padding: 3px;
}

div.message-body {
   margin: 1em 1em;
   padding-top: 5px;
}
div.message-signature {
   font-size: smaller;
   margin-left: 1em;
}
div.message-hr {
   width: 20%;
   margin-left: 0;
   border-top: 1px solid black;
}
form.messages-button {
   display: inline;
}
.unread {
   font-weight: bold;
}
.replied_to {
   font-style: italic;
}
.pagination {
   text-align: right;
}