[Summary view] [Print] [Text view]

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