[Summary view] [Print] [Text view]

   1  // General block styles.
   2  .block {
   3      .well;
   4      padding: 8px 0;
   5  
   6      .header {
   7          h2 {
   8              .nav-header;
   9              font-size: 1.1em;
  10              word-wrap: break-word;
  11              margin: 0;
  12          }
  13          .block_action {
  14              padding: 3px 15px;
  15              float: right;
  16              > * {
  17                  margin-left: 3px;
  18              }
  19              .block-hider-show,
  20              .block-hider-hide {
  21                  cursor: pointer;
  22              }
  23              .block-hider-show {
  24                  display: none;
  25              }
  26          }
  27      }
  28      .content {
  29          padding: 4px 14px;
  30          word-wrap: break-word;
  31  
  32          h3 {
  33              .nav-header;
  34              font-size: 1.1em;
  35          }
  36          hr {
  37              margin: 5px 0;
  38          }
  39          .userpicture {
  40              width: 16px;
  41              height: 16px;
  42              margin-right: 6px;
  43          }
  44          .list {
  45              li.listentry {
  46                  clear: both;
  47              }
  48              .c0 {
  49                  display: inline;
  50              }
  51              .c1 {
  52                  margin-left: 5px;
  53                  display: inline;
  54              }
  55          }
  56      }
  57      .footer {
  58          margin-bottom: 4px;
  59          display: block;
  60          padding: 3px 5px;
  61      }
  62      &.beingmoved {
  63          border-width: 2px;
  64          border-style: dashed;
  65      }
  66      &.invisible {
  67          .header h2 {
  68              .opacity(50);
  69          }
  70      }
  71  
  72      &.hidden .header .block_action {
  73          .block-hider-hide {
  74              display: none;
  75          }
  76          .block-hider-show {
  77              display: inline;
  78          }
  79      }
  80      &.list_block .unlist > li > .column {
  81          display: inline-block;
  82          .ie7-inline-block();
  83      }
  84  }
  85  .editing {
  86      .block {
  87          .header {
  88              .commands {
  89                  clear: both;
  90                  text-align: right;
  91                  display: block;
  92                  padding: 3px 15px;
  93  
  94                  > a {
  95                      margin: 0 3px;
  96                  }
  97                  .icon img {
  98                      width: 12px;
  99                      height: 12px;
 100                  }
 101                  img.actionmenu {
 102                      width: auto;
 103                  }
 104              }
 105          }
 106      }
 107  }
 108  .dir-rtl {
 109      &.editing {
 110          .block {
 111              .header {
 112                  .commands {
 113                      text-align: left;
 114                  }
 115              }
 116          }
 117      }
 118  }
 119  
 120  // Hide the block content when the block has been minimised.
 121  .jsenabled .block.hidden .content {
 122      display: none;
 123  }
 124  
 125  // Style the div used as a move target for non-drag+drop block moves.
 126  .blockmovetarget {
 127      border-width: 2px;
 128      border-style: dashed;
 129      display: block;
 130      height: 1em;
 131      margin-bottom: 20px;
 132  }
 133  
 134  // Style the div that contains the cancel link for moving a block with JS disabled.
 135  .blockannotation {
 136      // Blocks have a bottom margin of 20px, to associate this link with the block being moved
 137      // we move it up 10px, and then give it a bottom margin of 10px giving it a better visual association
 138      position: relative;
 139      top: -10px;
 140      margin-bottom: 10px;
 141  }
 142  
 143  // Styles for the blog menu block.
 144  .block_blog_menu #blogsearchquery {
 145      max-width: 92%;
 146  }
 147  
 148  // Styles for the admin block.
 149  .block_settings {
 150      #adminsearchquery {
 151          max-width: 92%;
 152      }
 153  }
 154  
 155  // Styles for the search forums block.
 156  .block_search_forums {
 157      #searchform_search {
 158          width: auto;
 159          max-width: 92%;
 160      }
 161  }
 162  
 163  // Styles for the Calendar Upcoming block.
 164  .block_calendar_upcoming {
 165      .content {
 166          .date {
 167              padding-left: 22px;
 168          }
 169          .footer {
 170              margin-top: .5em;
 171              padding-top: 10px;
 172              padding-left: 0px;
 173          }
 174      }
 175  }
 176  
 177  // Styles for the RSS client block.
 178  .block_rss_client {
 179      .content li {
 180          margin-bottom: 10px;
 181          padding: 5px;
 182          border: 1px solid @tableBorder;
 183          .border-radius(@baseBorderRadius);
 184          .link {
 185              font-weight: inherit;
 186          }
 187      }
 188      .list li:first-child {
 189          border-top-width: 1px; // undo the style provided by the block's styles.css
 190      }
 191  }
 192  
 193  // Styles for the news items block.
 194  .block_news_items .content {
 195      .newlink {
 196          padding-bottom: 10px;
 197      }
 198      ul li {
 199          border-top: 1px rgba(0, 0, 0, 0.05) solid;
 200          padding: 2px;
 201          display: table;
 202          width: 100%;
 203          .info {
 204              display: table-header-group;
 205          }
 206          .date {
 207              font-size: @fontSizeSmall;
 208              display: inline;
 209          }
 210          .name {
 211              font-size: @fontSizeSmall;
 212              padding-left: 1ex;
 213              display: inline;
 214          }
 215      }
 216      .footer {
 217          padding-top: 10px;
 218          padding-left: 0px;
 219      }
 220  }
 221  
 222  // Overide for login block.
 223  .block_login {
 224      input#login_username,
 225      input#login_password {
 226          width: 95%;
 227      }
 228      .content {
 229          margin-left: auto;
 230          margin-right: auto;
 231          max-width: 280px;
 232      }
 233      input[type="submit"] {
 234          margin: 10px 0;
 235      }
 236  }
 237  
 238  // Styles for the special "Add block" block shown while editing.
 239  .block_adminblock {
 240      .content {
 241          display: block;
 242          padding: 3px 5px;
 243      }
 244      select {
 245          max-width: 92%;
 246      }
 247  }
 248  
 249  // RTL styles for blocks.
 250  .dir-rtl {
 251  
 252      // RTL styles for blocks in general.
 253      .block {
 254          .header {
 255              text-align: right;
 256              h2 {
 257                  text-align: right;
 258              }
 259              .block_action {
 260                  float: left;
 261                  > * {
 262                      margin-left: 0;
 263                      margin-right: 3px;
 264                  }
 265              }
 266          }
 267      }
 268  
 269      // LTR styles for the calendar upcoming block.
 270      .block_calendar_upcoming {
 271          .content {
 272              .date {
 273                  padding-right: 22px;
 274              }
 275              .footer {
 276                  padding-right: 0px;
 277              }
 278          }
 279      }
 280  
 281      // RTL styles for the news items block.
 282      .block_news_items .content {
 283          ul li {
 284              .name {
 285                  padding-right: 1ex;
 286              }
 287          }
 288          .footer {
 289              padding-left: 0px;
 290          }
 291      }
 292  }