theme/bootstrapbase/less/moodle/blocks.less

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