edumed/static/css/forum.scss

   1 @import "mixins";
   2
   3
   4 ul.breadcrumb {
   5     margin: 0;
   6     padding: 0;
   7     list-style: none;
   8     li {
   9         display: inline;
  10     }
  11 }
  12
  13
  14
  15 .forum-body {
  16
  17     position: relative;
  18
  19     .search-result {
  20         em {
  21             background-color: yellow;
  22         }
  23     }
  24
  25     .pagination {
  26         ul {
  27             margin: 0;
  28             padding: 0;
  29             list-style: none;
  30
  31             li {
  32                 display: inline-block;
  33                 a {
  34                     display: block;
  35                     padding: .5em;
  36                 }
  37             }
  38
  39             .disabled {
  40                 a {
  41                     color: black;
  42                 }
  43             }
  44         }
  45     }
  46
  47     .table {
  48         width: 100%;
  49         margin: 1em 0;
  50     }
  51
  52     .forum-description {
  53         margin: 5px;
  54     }
  55
  56     .forum-row, .topic-row {
  57         width: 100%;
  58     }
  59
  60     .forum-name, .topic-name {
  61         width: 40%;
  62         text-align: left;
  63     }
  64
  65     .forum-topic-count, .forum-post-count, .topic-post-count, .topic-view-count {
  66         width: 10%;
  67         text-align: center;
  68     }
  69
  70     .forum-last-post, .topic-last-post {
  71         width: 32%;
  72         text-align: center;
  73     }
  74
  75     .first-unread-post-link, .first-unread-post-link:hover {
  76         text-decoration: none;
  77     }
  78
  79
  80
  81     .post:nth-child(4n+4) {
  82         background-color: lighten(#D0D0D0 , 10%);
  83     }
  84
  85     .post-header {
  86        padding: 3px 0 3px 20px;
  87        th {
  88             text-align: left;
  89        }
  90     }
  91
  92     .post-info {
  93         width: 200px;
  94         padding: 10px;
  95
  96         .avatar {
  97
  98         }
  99
 100         .post-author {
 101             padding: 5px 0;
 102         }
 103
 104         .post-extra-info {
 105         }
 106
 107         .post-controls {
 108         }
 109     }
 110
 111     .post-content {
 112         vertical-align: top;
 113         padding: 10px;
 114     }
 115
 116     .post-signature {
 117         color: #CCC;
 118         margin-top: 15px;
 119         border-top: 1px dotted #CCC;
 120         display: block;
 121     }
 122
 123     .post-related {
 124         margin-top: 20px;
 125     }
 126
 127
 128
 129
 130     .forum-headline {
 131         margin-top: 10px;
 132     }
 133
 134     .attachments-form {
 135         padding-bottom: 15px;
 136     }
 137
 138     .attachment-link {
 139         border-bottom: 1px dotted;
 140     }
 141
 142     /* --- Unread --- */
 143
 144     .state-indicator {
 145         display: block;
 146         float: left;
 147         height: 10px;
 148         width: 10px;
 149         margin: 3px 5px;
 150     }
 151
 152     .topic-unread, .forum-unread {
 153         a {
 154             font-weight: bold;
 155         }
 156         .state-indicator {
 157         }
 158     }
 159
 160     /* --- Moderation --- */
 161     .on-moderation {
 162         background: #ffcccc;
 163     }
 164
 165     /* --- Mini pagination --- */
 166     .mini-pagination {
 167         padding: 3px 0 3px 10px;
 168     }
 169
 170
 171     .post-form {
 172         input, textarea {
 173             @include base-font;
 174             font-size: 1.6em;
 175         }
 176         #id_name {
 177             width: 698px;
 178         }
 179     }
 180 }