[Summary view] [Print] [Text view]

   1  /* user.less */
   2  .userprofile .fullprofilelink {
   3      text-align: center;
   4      margin: 10px;
   5  }
   6  .userprofile .page-context-header {
   7      margin-bottom: 10px;
   8  }
   9  .userprofile .description {
  10      margin-top: 10px;
  11      margin-bottom: 30px;
  12  }
  13  .userprofile .profile_tree {
  14      .content-columns(2);
  15  }
  16  .userprofile .profile_tree section {
  17      display: inline-block;
  18      width: 100%;
  19      border: 1px solid #ddd;
  20      border-radius: @baseBorderRadius;
  21      padding: 0 15px;
  22      margin-bottom: 20px;
  23      .box-sizing(border-box);
  24  }
  25  .userprofile .profile_tree section h3 {
  26      font-size: round(@baseFontSize * 1.30);
  27      line-height: @baseLineHeight;
  28  }
  29  .userprofile dl.list {
  30      .dl-horizontal;
  31  }
  32  .user-box {
  33      margin: 8px;
  34      width: 115px;
  35      height: 160px;
  36      text-align: center;
  37      float: left;
  38      clear: none;
  39  }
  40  #page-user-profile .node_category,
  41  .path-user .node_category {
  42      ul {
  43          margin-left: 0;
  44          margin-right: 0;
  45          list-style: none;
  46      }
  47      li {
  48          margin-top: 5px;
  49      }
  50      .editprofile,
  51      .viewmore {
  52          text-align: right;
  53      }
  54  }
  55  
  56  .dir-rtl {
  57      .user-box {
  58          float: right;
  59      }
  60      .userprofile .node_category {
  61          .editprofile,
  62          .viewmore {
  63              text-align: left;
  64          }
  65      }
  66      .userprofile dl dd {
  67          margin-left: 0;
  68          margin-right: 10px;
  69      }
  70  }
  71  
  72  @media (max-width: 480px) {
  73      .userprofile .profile_tree {
  74          /** Display the profile on one column on phones. */
  75          .content-columns(1);
  76      }
  77  }
  78  
  79  .userlist .action-icon img {
  80      vertical-align: middle;
  81  }
  82  .userlist #showall {
  83      margin: 10px 0;
  84  }
  85  .userlist .buttons {
  86      text-align: center;
  87  }
  88  .userlist .buttons label {
  89      padding: 0 3px;
  90  }
  91  .userlist table#participants {
  92      text-align: center;
  93  }
  94  .userlist table#participants td,
  95  .userlist table#participants th {
  96      vertical-align: middle;
  97      text-align: left;
  98      padding: 4px;
  99  }
 100  .userlist {
 101      table.controls {
 102          width: 100%;
 103          tr {
 104              vertical-align: top;
 105          }
 106          .right {
 107              text-align: right;
 108          }
 109          .groupselector {
 110              margin-bottom: 0;
 111              margin-top: 0;
 112              label {
 113                  display: block;
 114              }
 115          }
 116      }
 117  }
 118  .userinfobox {
 119      width: 100%;
 120      border: 1px solid;
 121      border-collapse: separate;
 122      padding: 10px;
 123  }
 124  .userinfobox .left,
 125  .userinfobox .side {
 126      width: 100px;
 127      vertical-align: top;
 128  }
 129  .userinfobox .userpicture {
 130      width: 100px;
 131      height: 100px;
 132  }
 133  .userinfobox .content {
 134      vertical-align: top;
 135  }
 136  .userinfobox .links {
 137      width: 100px;
 138      padding: 5px;
 139      vertical-align: bottom;
 140  }
 141  .userinfobox .links a {
 142      display: block;
 143  }
 144  .userinfobox .list td {
 145      padding: 3px;
 146  }
 147  .userinfobox .username {
 148      padding-bottom: 20px;
 149      font-weight: bold;
 150  }
 151  .userinfobox td.label {
 152      text-align: right;
 153      white-space: nowrap;
 154      vertical-align: top;
 155      font-weight: bold;
 156  }
 157  .groupinfobox {
 158      .well
 159  }
 160  .groupinfobox .left {
 161      padding: 10px;
 162      width: 100px;
 163      vertical-align: top;
 164  }
 165  .course-participation #showall {
 166      text-align: center;
 167      margin: 10px 0;
 168  }
 169  #user-policy .noticebox {
 170      text-align: center;
 171      margin-left: auto;
 172      margin-right: auto;
 173      margin-bottom: 10px;
 174      width: 80%;
 175      height: 250px;
 176  }
 177  #user-policy #policyframe {
 178      width: 100%;
 179      height: 100%;
 180  }
 181  .iplookup #map {
 182      margin: auto;
 183  }
 184  .userselector select {
 185      width: 100%;
 186  }
 187  .userselector div {
 188      margin-top: 0.2em;
 189  }
 190  .userselector div label {
 191      margin-right: 0.3em;
 192  }
 193  /* Next style does not work in all browsers but looks nicer when it does */
 194  .userselector .userselector-infobelow {
 195      font-size: 0.8em;
 196  }
 197  #userselector_options {
 198      padding: 0.3em 0;
 199  }
 200  #userselector_options .collapsibleregioncaption {
 201      font-weight: bold;
 202  }
 203  #userselector_options p {
 204      margin: 0.2em 0;
 205      text-align: left;
 206  }
 207  .dir-rtl #userselector_options p {
 208      text-align: right;
 209  }
 210  /** user full profile */
 211  #page-user-profile .messagebox {
 212      text-align: center;
 213      margin-left: auto;
 214      margin-right: auto;
 215  }
 216  /** user course profile */
 217  #page-course-view-weeks .messagebox {
 218      text-align: center;
 219      margin-left: auto;
 220      margin-right: auto;
 221  }
 222  /** Overide for RTL layout **/
 223  .dir-rtl .userlist table#participants td,
 224  .dir-rtl .userlist table#participants th {
 225      text-align: right;
 226  }
 227  .dir-rtl .userlist table#participants {
 228      margin: 0 auto;
 229  }
 230  #page-my-index.dir-rtl .block h3 {
 231      text-align: right;
 232  }
 233  
 234  .profileeditor {
 235      > .singleselect {
 236          margin: 0 0.5em 0 0;
 237      }
 238      > .singlebutton {
 239          display: inline-block;
 240          margin: 0 0 0 0.5em;
 241          div,
 242          input {
 243              margin: 0;
 244          }
 245      }
 246  }
 247  .dir-rtl .profileeditor {
 248      > .singleselect {
 249          margin: 0 0 0 0.5em;
 250      }
 251      > .singlebutton {
 252          margin: 0 0.5em 0 0;
 253      }
 254  }
 255  
 256  #groupeditform {
 257      .groups,
 258      .members {
 259          min-width: 175px;
 260          width: 49%;
 261          float: left;
 262          text-align: left;
 263  
 264          select {
 265              min-width: 175px;
 266          }
 267      }
 268  }
 269  .dir-rtl #groupeditform {
 270      .groups,
 271      .members {
 272          float: right;
 273          text-align: right;
 274      }
 275  }
 276  
 277  /** Preferences page */
 278  .preferences-group {
 279      ul {
 280          list-style: none;
 281          margin-left: 0;
 282          margin-right: 0;
 283      }
 284  }
 285  .dir-rtl {
 286      .preferences-group {
 287          float: right;
 288      }
 289  }