theme/bootstrapbase/less/moodle/blocks.less

   1 .block {
   2     .well;
   3     padding: 8px 0;
   4 }
   5
   6 .block .header .title h2,
   7 .block h3 {
   8   .nav-header;
   9   font-size: 1.1em;
  10 }
  11
  12 .block .header .title .commands,
  13 .block_adminblock .content,
  14 .block .footer {
  15     display: block;
  16     padding: 3px 5px;
  17 }
  18 .block .header .block_action {
  19     padding:4px;
  20     float: right;
  21 }
  22 .block .header .commands {
  23     clear: both;
  24     text-align: right;
  25 }
  26 .block .header .commands > a {
  27     margin: 0 3px;
  28 }
  29 .block .header .commands .icon img {
  30     width: 12px;
  31     height: 12px;
  32 }
  33
  34 .block .header .commands img.actionmenu {
  35     width:auto;
  36 }
  37
  38 .block {
  39     .header h2 {
  40         word-wrap: break-word;
  41         padding: .2em 0 0 .2em;
  42         margin: 0;
  43     }
  44     .content {
  45         padding: 4px 14px;
  46         word-wrap: break-word;
  47         hr {
  48             margin: 5px 0;
  49         }
  50     }
  51 }
  52
  53 .jsenabled .block.hidden .content {
  54     display: none;
  55 }
  56
  57 .block .content .userpicture {
  58     width: 16px;
  59     height: 16px;
  60     margin-right: 6px;
  61 }
  62 .block .content .list li.listentry {
  63     clear: both;
  64 }
  65 .block .content .list .c0 {
  66     display: inline;
  67 }
  68 .block .content .list .c1 {
  69     margin-left: 5px;
  70     display: inline;
  71 }
  72
  73 .block .footer {
  74     margin-bottom: 4px;
  75 }
  76
  77 .block .blockannotation {
  78     font-size: 0.75em;
  79     margin: -1em 0 1em;
  80 }
  81
  82 .block.list_block .unlist > li > .column {
  83     display: inline-block;
  84     .ie7-inline-block();
  85 }
  86
  87 .blockmovetarget,
  88 .block.beingmoved {
  89     border-width: 2px;
  90     border-style: dashed;
  91 }
  92 .blockmovetarget {
  93     display: block;
  94     height: 1em;
  95     margin-bottom: 1em;
  96 }
  97
  98 .block.invisible {
  99     .opacity(50);
 100 }
 101
 102 .block .block-hider-show,
 103 .block .block-hider-hide {
 104     cursor: pointer;
 105     padding-right: 5px;
 106     padding-left: 5px;
 107 }
 108 .block .block-hider-show,
 109 .block.hidden .block-hider-hide {
 110     display: none;
 111 }
 112 .block.hidden .block-hider-show {
 113     display: inline;
 114 }
 115
 116 .block_calendar_upcoming {
 117     .footer {
 118         margin-top: .5em;
 119     }
 120     .content {
 121         .date {
 122             padding-left: 22px;
 123         }
 124         .footer {
 125             padding-top: 10px;
 126             padding-left: 0px;
 127         }
 128     }
 129 }
 130
 131 #adminsearchquery,
 132 #blogsearchquery,
 133 #searchform_search,
 134 .block_adminblock select {
 135     max-width: 92%;
 136 }
 137 .block_adminblock .singleselect {
 138     display: block;
 139 }
 140 #searchform_search {
 141     width: auto;
 142 }
 143 .block_rss_client {
 144     .content li {
 145         margin-bottom: 10px;
 146         padding: 5px;
 147         border: 1px solid #ddd;
 148         .border-radius(@baseBorderRadius);
 149         .link {
 150             font-weight: inherit;
 151         }
 152     }
 153     .list li:first-child {
 154         border-top-width: 1px; // undo the style provided by the block's styles.css
 155     }
 156 }
 157
 158 .block_news_items .content {
 159     .newlink {
 160         padding-bottom: 10px;
 161     }
 162     ul li {
 163         border-top: 1px rgba(0,0,0,0.05) solid;
 164         padding: 2px;
 165         display: table;
 166         width: 100%;
 167         .info {
 168             display: table-header-group;
 169         }
 170         .date {
 171             font-size: @fontSizeSmall;
 172             display: inline;
 173         }
 174         .name {
 175             font-size: @fontSizeSmall;
 176             padding-left: 1ex;
 177             display: inline;
 178         }
 179     }
 180     .footer {
 181         padding-top: 10px;
 182         padding-left: 0px;
 183     }
 184 }
 185
 186 // Overide for login block.
 187 .block_login {
 188     input#login_username,
 189     input#login_password {
 190         width: 95%;
 191     }
 192     .content {
 193         margin-left: auto;
 194         margin-right: auto;
 195         max-width: 280px;
 196     }
 197     input[type="submit"] {
 198         margin: 10px 0;
 199     }
 200 }
 201
 202 // Overide for RTL layout.
 203 .dir-rtl {
 204     .block .header,
 205     .block h2.header {
 206         text-align:right;
 207     }
 208     .block .header .commands {
 209         text-align: left;
 210     }
 211     .block .header .block_action {
 212         float: left;
 213     }
 214     .block_calendar_upcoming {
 215         .content {
 216             .date {
 217                 padding-right: 22px;
 218             }
 219             .footer {
 220                 padding-right: 0px;
 221             }
 222         }
 223     }
 224     .block_news_items .content {
 225         ul li {
 226             .name {
 227                 padding-right: 1ex;
 228             }
 229         }
 230         .footer {
 231             padding-left: 0px;
 232         }
 233     }
 234 }