github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/dist/components/list.css (about)

     1  /*!
     2   * # Semantic UI x.x - List
     3   * http://github.com/semantic-org/semantic-ui/
     4   *
     5   *
     6   * Copyright 2014 Contributorss
     7   * Released under the MIT license
     8   * http://opensource.org/licenses/MIT
     9   *
    10   */
    11  
    12  
    13  /*******************************
    14              List
    15  *******************************/
    16  
    17  ul.ui.list,
    18  ol.ui.list,
    19  .ui.list {
    20    list-style-type: none;
    21    margin: 1em 0em;
    22    padding: 0em 0em;
    23  }
    24  ul.ui.list:first-child,
    25  ol.ui.list:first-child,
    26  .ui.list:first-child {
    27    margin-top: 0em;
    28    padding-top: 0em;
    29  }
    30  ul.ui.list:last-child,
    31  ol.ui.list:last-child,
    32  .ui.list:last-child {
    33    margin-bottom: 0em;
    34    padding-bottom: 0em;
    35  }
    36  
    37  
    38  /*******************************
    39              Content
    40  *******************************/
    41  
    42  
    43  /* List Item */
    44  ul.ui.list li,
    45  ol.ui.list li,
    46  .ui.list > .item,
    47  .ui.list .list > .item {
    48    display: list-item;
    49    table-layout: fixed;
    50    list-style-type: none;
    51    list-style-position: outside;
    52    padding: 0.3em 0em;
    53    line-height: 1.2;
    54  }
    55  ul.ui.list > li:first-child:after,
    56  ol.ui.list > li:first-child:after,
    57  .ui.list > .list > .item,
    58  .ui.list > .item:after {
    59    content: '';
    60    display: block;
    61    height: 0;
    62    clear: both;
    63    visibility: hidden;
    64  }
    65  ul.ui.list li:first-child,
    66  ol.ui.list li:first-child,
    67  .ui.list .list > .item:first-child,
    68  .ui.list > .item:first-child {
    69    padding-top: 0em;
    70  }
    71  ul.ui.list li:last-child,
    72  ol.ui.list li:last-child,
    73  .ui.list .list > .item:last-child,
    74  .ui.list > .item:last-child {
    75    padding-bottom: 0em;
    76  }
    77  
    78  /* Child List */
    79  ul.ui.list ul,
    80  ol.ui.list ol,
    81  .ui.list .list {
    82    clear: both;
    83    margin: 0em;
    84    padding: 0.75em 0em 0.25em 0.5em;
    85  }
    86  
    87  /* Icon */
    88  .ui.list .list > .item > i.icon,
    89  .ui.list > .item > i.icon {
    90    display: table-cell;
    91    margin: 0em;
    92    padding-top: 0.1rem;
    93    padding-right: 0.3em;
    94    vertical-align: middle;
    95    -webkit-transition: color 0.2s ease;
    96            transition: color 0.2s ease;
    97  }
    98  .ui.list .list > .item i[class*="top aligned"].icon,
    99  .ui.list > .item > i[class*="top aligned"].icon {
   100    vertical-align: top;
   101  }
   102  .ui.list .list > .item > i.icon:only-child,
   103  .ui.list > .item > i.icon:only-child {
   104    display: inline-block;
   105    vertical-align: top;
   106  }
   107  
   108  /* Image */
   109  .ui.list .list > .item > .image,
   110  .ui.list > .item > .image {
   111    display: table-cell;
   112    background-color: transparent;
   113    margin: 0em;
   114    padding-right: 0.5em;
   115    vertical-align: middle;
   116  }
   117  .ui.list .list > .item > [class*="top aligned"].image,
   118  .ui.list > .item > [class*="top aligned"].image {
   119    vertical-align: top;
   120  }
   121  .ui.list .list > .item > .image img,
   122  .ui.list > .item > .image img {
   123    vertical-align: middle;
   124  }
   125  .ui.list .list > .item > img.image,
   126  .ui.list .list > .item > .image:only-child,
   127  .ui.list > .item > img.image,
   128  .ui.list > .item > .image:only-child {
   129    display: inline-block;
   130    padding-right: 0em;
   131  }
   132  
   133  /* Content */
   134  .ui.list .list > .item > .content,
   135  .ui.list > .item > .content {
   136    line-height: 1.2em;
   137  }
   138  .ui.list .list > .item > .image + .content,
   139  .ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content,
   140  .ui.list > .item > .icon + .content {
   141    display: table-cell;
   142    padding: 0em 0em 0em 0.5em;
   143    vertical-align: middle;
   144  }
   145  .ui.list .list > .item > .image + .content,
   146  .ui.list .list > .item > .icon + .content,
   147  .ui.list > .item > .image + .content,
   148  .ui.list > .item > .icon + .content {
   149    display: table-cell;
   150    padding: 0em 0em 0em 0.5em;
   151    vertical-align: middle;
   152  }
   153  .ui.list .list > .item > img.image + .content,
   154  .ui.list > .item > img.image + .content {
   155    display: inline-block;
   156  }
   157  .ui.list .list > .item [class*="top aligned"].content,
   158  .ui.list > .item > [class*="top aligned"].content {
   159    vertical-align: top;
   160  }
   161  .ui.list .list > .item > .content > .list,
   162  .ui.list > .item > .content > .list {
   163    margin-left: 0em;
   164    padding-left: 0em;
   165  }
   166  
   167  /* Item Link */
   168  .ui.list .list > a.item,
   169  .ui.list > a.item {
   170    cursor: pointer;
   171    color: rgba(0, 0, 0, 0.8);
   172  }
   173  .ui.list .list > a.item:hover,
   174  .ui.list > a.item:hover {
   175    color: #00b2f3;
   176  }
   177  
   178  /* Linked Item Icons */
   179  .ui.list .list > a.item i.icon,
   180  .ui.list > a.item i.icon {
   181    color: rgba(0, 0, 0, 0.4);
   182  }
   183  
   184  /* Linking Content */
   185  .ui.list .item a {
   186    cursor: pointer;
   187    color: rgba(0, 0, 0, 0.8) !important;
   188  }
   189  .ui.list .item a:hover {
   190    color: #00b2f3 !important;
   191  }
   192  
   193  /* Header */
   194  .ui.list .list > .item .header,
   195  .ui.list > .item .header {
   196    display: block;
   197    margin: 0em;
   198    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   199    font-weight: bold;
   200    color: rgba(0, 0, 0, 0.8);
   201  }
   202  .ui.list .list > .item .description,
   203  .ui.list > .item .description {
   204    display: block;
   205    color: rgba(0, 0, 0, 0.8);
   206  }
   207  
   208  /* Floated Content */
   209  .ui.list .list > .item [class*="left floated"],
   210  .ui.list > .item [class*="left floated"] {
   211    float: left;
   212    margin: 0em 1em 0em 0em;
   213  }
   214  .ui.list .list > .item [class*="right floated"],
   215  .ui.list > .item [class*="right floated"] {
   216    float: right;
   217    margin: 0em 0em 0em 1em;
   218  }
   219  
   220  
   221  /*******************************
   222              Coupling
   223  *******************************/
   224  
   225  .ui.menu .ui.list > .item,
   226  .ui.menu .ui.list .list > .item {
   227    display: list-item;
   228    table-layout: fixed;
   229    background-color: transparent;
   230    list-style-type: none;
   231    list-style-position: outside;
   232    padding: 0.3em 0em;
   233    line-height: 1.2;
   234  }
   235  .ui.menu .ui.list .list > .item:before,
   236  .ui.menu .ui.list > .item:before {
   237    border: none;
   238    background: none;
   239  }
   240  .ui.menu .ui.list .list > .item:first-child,
   241  .ui.menu .ui.list > .item:first-child {
   242    padding-top: 0em;
   243  }
   244  .ui.menu .ui.list .list > .item:last-child,
   245  .ui.menu .ui.list > .item:last-child {
   246    padding-bottom: 0em;
   247  }
   248  
   249  
   250  /*******************************
   251              Types
   252  *******************************/
   253  
   254  
   255  /*-------------------
   256        Horizontal
   257  --------------------*/
   258  
   259  .ui.horizontal.list {
   260    display: inline-block;
   261    font-size: 0em;
   262  }
   263  .ui.horizontal.list > .item {
   264    display: inline-block;
   265    margin-left: 1em;
   266    font-size: 1rem;
   267  }
   268  .ui.horizontal.list > .item:first-child {
   269    margin-left: 0em !important;
   270    padding-left: 0em !important;
   271  }
   272  .ui.horizontal.list .list {
   273    padding-left: 0em;
   274    padding-bottom: 0em;
   275  }
   276  
   277  /* Padding on all elements */
   278  .ui.horizontal.list > .item:first-child,
   279  .ui.horizontal.list > .item:last-child {
   280    padding-top: 0.3em;
   281    padding-bottom: 0.3em;
   282  }
   283  
   284  /* Horizontal List */
   285  .ui.horizontal.list > .item > i.icon {
   286    margin: 0em;
   287    padding: 0em 0.25em 0em 0em;
   288  }
   289  .ui.horizontal.list > .item > .icon,
   290  .ui.horizontal.list > .item > .icon + .content {
   291    float: none;
   292    display: inline-block;
   293  }
   294  
   295  
   296  /*******************************
   297               States
   298  *******************************/
   299  
   300  
   301  /*-------------------
   302         Disabled
   303  --------------------*/
   304  
   305  .ui.list .list > .disabled.item,
   306  .ui.list > .disabled.item {
   307    pointer-events: none;
   308    color: rgba(40, 40, 40, 0.3) !important;
   309  }
   310  .ui.inverted.list .list > .disabled.item,
   311  .ui.inverted.list > .disabled.item {
   312    color: rgba(225, 225, 225, 0.3) !important;
   313  }
   314  
   315  /*-------------------
   316          Hover
   317  --------------------*/
   318  
   319  .ui.list .list > a.item:hover .icon,
   320  .ui.list > a.item:hover .icon {
   321    color: rgba(0, 0, 0, 0.8);
   322  }
   323  
   324  
   325  /*******************************
   326             Variations
   327  *******************************/
   328  
   329  
   330  /*-------------------
   331         Inverted
   332  --------------------*/
   333  
   334  .ui.inverted.list .list > a.item > .icon,
   335  .ui.inverted.list > a.item > .icon {
   336    color: rgba(255, 255, 255, 0.8);
   337  }
   338  .ui.inverted.list .list > .item .header,
   339  .ui.inverted.list > .item .header {
   340    color: #ffffff;
   341  }
   342  .ui.inverted.list .list > .item .description,
   343  .ui.inverted.list > .item .description {
   344    color: rgba(255, 255, 255, 0.8);
   345  }
   346  
   347  /* Item Link */
   348  .ui.inverted.list .list > a.item,
   349  .ui.inverted.list > a.item {
   350    cursor: pointer;
   351    color: #ffffff;
   352  }
   353  .ui.inverted.list .list > a.item:hover,
   354  .ui.inverted.list > a.item:hover {
   355    color: #00b2f3;
   356  }
   357  
   358  /* Linking Content */
   359  .ui.inverted.list .item a {
   360    cursor: pointer;
   361    color: #ffffff !important;
   362  }
   363  .ui.inverted.list .item a:hover {
   364    color: #00b2f3 !important;
   365  }
   366  
   367  /*-------------------
   368         Link
   369  --------------------*/
   370  
   371  .ui.link.list .item,
   372  .ui.link.list a.item,
   373  .ui.link.list .item a {
   374    color: rgba(0, 0, 0, 0.4);
   375    -webkit-transition: 0.2s color ease;
   376            transition: 0.2s color ease;
   377  }
   378  .ui.link.list a.item:hover,
   379  .ui.link.list .item a:hover {
   380    color: rgba(0, 0, 0, 0.8);
   381  }
   382  .ui.link.list a.item:active,
   383  .ui.link.list .item a:active {
   384    color: rgba(0, 0, 0, 0.8);
   385  }
   386  .ui.link.list .active.item,
   387  .ui.link.list .active.item a {
   388    color: rgba(0, 0, 0, 0.8);
   389  }
   390  
   391  /* Inverted */
   392  .ui.inverted.link.list .item,
   393  .ui.inverted.link.list a.item,
   394  .ui.inverted.link.list .item a {
   395    color: rgba(255, 255, 255, 0.5);
   396  }
   397  .ui.inverted.link.list a.item:hover,
   398  .ui.inverted.link.list .item a:hover {
   399    color: #ffffff;
   400  }
   401  .ui.inverted.link.list a.item:active,
   402  .ui.inverted.link.list .item a:active {
   403    color: #ffffff;
   404  }
   405  .ui.inverted.link.list a.active.item,
   406  .ui.inverted.link.list .active.item a {
   407    color: #ffffff;
   408  }
   409  
   410  /*-------------------
   411        Selection
   412  --------------------*/
   413  
   414  .ui.selection.list .list > .item,
   415  .ui.selection.list > .item {
   416    cursor: pointer;
   417    background: transparent;
   418    padding: 0.5em 0.5em;
   419    margin: 0em;
   420    color: rgba(0, 0, 0, 0.4);
   421    border-radius: 0.5em;
   422    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
   423            transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
   424  }
   425  .ui.selection.list .list > .item:last-child,
   426  .ui.selection.list > .item:last-child {
   427    margin-bottom: 0em;
   428  }
   429  .ui.selection.list.list > .item:hover,
   430  .ui.selection.list > .item:hover {
   431    background: rgba(0, 0, 0, 0.03);
   432    color: rgba(0, 0, 0, 0.8);
   433  }
   434  .ui.selection.list .list > .item:active,
   435  .ui.selection.list > .item:active {
   436    background: rgba(0, 0, 0, 0.05);
   437    color: rgba(0, 0, 0, 0.8);
   438  }
   439  .ui.selection.list .list > .item.active,
   440  .ui.selection.list > .item.active {
   441    background: rgba(0, 0, 0, 0.05);
   442    color: rgba(0, 0, 0, 0.8);
   443  }
   444  
   445  /* Inverted */
   446  .ui.inverted.selection.list > .item,
   447  .ui.inverted.selection.list > .item {
   448    background: transparent;
   449    color: rgba(255, 255, 255, 0.5);
   450  }
   451  .ui.inverted.selection.list > .item:hover,
   452  .ui.inverted.selection.list > .item:hover {
   453    background: rgba(255, 255, 255, 0.02);
   454    color: #ffffff;
   455  }
   456  .ui.inverted.selection.list > .item:active,
   457  .ui.inverted.selection.list > .item:active {
   458    background: rgba(255, 255, 255, 0.05);
   459    color: #ffffff;
   460  }
   461  .ui.inverted.selection.list > .item.active,
   462  .ui.inverted.selection.list > .item.active {
   463    background: rgba(255, 255, 255, 0.05);
   464    color: #ffffff;
   465  }
   466  
   467  /* Celled / Divided Selection List */
   468  .ui.celled.selection.list .list > .item,
   469  .ui.divided.selection.list .list > .item,
   470  .ui.celled.selection.list > .item,
   471  .ui.divided.selection.list > .item {
   472    border-radius: 0em;
   473  }
   474  
   475  /*-------------------
   476         Animated
   477  --------------------*/
   478  
   479  .ui.animated.list > .item {
   480    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
   481            transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
   482  }
   483  .ui.animated.list:not(.horizontal) > .item:hover {
   484    padding-left: 1em;
   485  }
   486  
   487  /*-------------------
   488         Fitted
   489  --------------------*/
   490  
   491  .ui.fitted.list:not(.selection) .list > .item,
   492  .ui.fitted.list:not(.selection) > .item {
   493    padding-left: 0em;
   494    padding-right: 0em;
   495  }
   496  .ui.fitted.selection.list .list > .item,
   497  .ui.fitted.selection.list > .item {
   498    margin-left: -0.5em;
   499    margin-right: -0.5em;
   500  }
   501  
   502  /*-------------------
   503        Bulleted
   504  --------------------*/
   505  
   506  ul.ui.list,
   507  .ui.bulleted.list {
   508    margin-left: 1rem;
   509  }
   510  ul.ui.list li,
   511  .ui.bulleted.list .list > .item,
   512  .ui.bulleted.list > .item {
   513    position: relative;
   514  }
   515  ul.ui.list li:before,
   516  .ui.bulleted.list .list > .item:before,
   517  .ui.bulleted.list > .item:before {
   518    position: absolute;
   519    top: auto;
   520    left: auto;
   521    margin-left: -1rem;
   522    content: '•';
   523    opacity: 1;
   524    color: rgba(0, 0, 0, 0.8);
   525    vertical-align: top;
   526  }
   527  ul.ui.list ul,
   528  .ui.bulleted.list .list {
   529    padding-left: 1rem;
   530  }
   531  
   532  /* Horizontal Bulleted */
   533  ul.ui.horizontal.bulleted.list,
   534  .ui.horizontal.bulleted.list {
   535    margin-left: 0em;
   536  }
   537  ul.ui.horizontal.bulleted.list li,
   538  .ui.horizontal.bulleted.list > .item {
   539    margin-left: 1.5rem;
   540  }
   541  ul.ui.horizontal.bulleted.list li:first-child,
   542  .ui.horizontal.bulleted.list > .item:first-child {
   543    margin-left: 0em;
   544  }
   545  ul.ui.horizontal.bulleted.list li:first-child::before,
   546  .ui.horizontal.bulleted.list > .item:first-child::before {
   547    display: none;
   548  }
   549  
   550  /*-------------------
   551         Ordered
   552  --------------------*/
   553  
   554  ol.ui.list,
   555  .ui.ordered.list,
   556  .ui.ordered.list .list,
   557  ol.ui.list ol {
   558    counter-reset: ordered;
   559    margin-left: 1.25rem;
   560    list-style-type: none;
   561  }
   562  ol.ui.list li,
   563  .ui.ordered.list .list > .item,
   564  .ui.ordered.list > .item {
   565    list-style-type: none;
   566    position: relative;
   567  }
   568  ol.ui.list li:before,
   569  .ui.ordered.list .list > .item:before,
   570  .ui.ordered.list > .item:before {
   571    position: absolute;
   572    top: auto;
   573    left: auto;
   574    margin-left: -1.25rem;
   575    counter-increment: ordered;
   576    content: counters(ordered, ".") " ";
   577    text-align: right;
   578    color: rgba(0, 0, 0, 0.8);
   579    vertical-align: middle;
   580    opacity: 0.8;
   581  }
   582  
   583  /* Child Lists */
   584  ol.ui.list ol,
   585  .ui.ordered.list .list {
   586    margin-left: 1em;
   587  }
   588  ol.ui.list ol li:before,
   589  .ui.ordered.list .list > .item:before {
   590    margin-left: -2em;
   591  }
   592  
   593  /* Horizontal Ordered */
   594  ol.ui.horizontal.list,
   595  .ui.ordered.horizontal.list {
   596    margin-left: 0em;
   597  }
   598  ol.ui.horizontal.list li:before,
   599  .ui.ordered.horizontal.list .list > .item:before,
   600  .ui.ordered.horizontal.list > .item:before {
   601    position: static;
   602    margin: 0em 0.5em 0em 0em;
   603  }
   604  
   605  /*-------------------
   606         Divided
   607  --------------------*/
   608  
   609  .ui.divided.list > .item {
   610    border-top: 1px solid rgba(39, 41, 43, 0.15);
   611  }
   612  .ui.divided.list .list > .item {
   613    border-top: none;
   614  }
   615  .ui.divided.list .item .list > .item {
   616    border-top: none;
   617  }
   618  .ui.divided.list .list > .item:first-child,
   619  .ui.divided.list > .item:first-child {
   620    border-top: none;
   621  }
   622  
   623  /* Sub Menu */
   624  .ui.divided.list:not(.horizontal) .list > .item:first-child {
   625    border-top-width: 1px;
   626  }
   627  
   628  /* Divided bulleted */
   629  .ui.divided.bulleted.list:not(.horizontal),
   630  .ui.divided.bulleted.list .list {
   631    margin-left: 0em;
   632    padding-left: 0em;
   633  }
   634  .ui.divided.bulleted.list .list > .item:not(.horizontal),
   635  .ui.divided.bulleted.list > .item:not(.horizontal) {
   636    padding-left: 1rem;
   637  }
   638  
   639  /* Divided Ordered */
   640  .ui.divided.ordered.list {
   641    margin-left: 0em;
   642  }
   643  .ui.divided.ordered.list .list > .item,
   644  .ui.divided.ordered.list > .item {
   645    padding-left: 1.25rem;
   646  }
   647  .ui.divided.ordered.list .item .list {
   648    margin-left: 0em;
   649    margin-right: 0em;
   650    padding-bottom: 0.3em;
   651  }
   652  .ui.divided.ordered.list .item .list > .item {
   653    padding-left: 1em;
   654  }
   655  
   656  /* Divided Selection */
   657  .ui.divided.selection.list .list > .item,
   658  .ui.divided.selection.list > .item {
   659    margin: 0em;
   660    border-radius: 0em;
   661  }
   662  
   663  /* Divided horizontal */
   664  .ui.divided.horizontal.list {
   665    margin-left: 0em;
   666  }
   667  .ui.divided.horizontal.list > .item {
   668    border-top: none;
   669    border-left: 1px solid rgba(39, 41, 43, 0.15);
   670    margin: 0em;
   671    padding-left: 0.5em;
   672    padding-right: 0.5em;
   673    line-height: 0.6;
   674  }
   675  .ui.horizontal.divided.list > .item:first-child {
   676    border-left: none;
   677  }
   678  
   679  /* Inverted */
   680  .ui.divided.inverted.list > .item,
   681  .ui.divided.inverted.list > .list,
   682  .ui.divided.inverted.horizontal.list > .item {
   683    border-color: rgba(255, 255, 255, 0.2);
   684  }
   685  
   686  /*-------------------
   687          Celled
   688  --------------------*/
   689  
   690  .ui.celled.list > .item,
   691  .ui.celled.list > .list {
   692    border-top: 1px solid rgba(39, 41, 43, 0.15);
   693    padding-left: 0.5em;
   694    padding-right: 0.5em;
   695  }
   696  .ui.celled.list > .item:last-child {
   697    border-bottom: 1px solid rgba(39, 41, 43, 0.15);
   698  }
   699  
   700  /* Padding on all elements */
   701  .ui.celled.list > .item:first-child,
   702  .ui.celled.list > .item:last-child {
   703    padding-top: 0.3em;
   704    padding-bottom: 0.3em;
   705  }
   706  
   707  /* Sub Menu */
   708  .ui.celled.list .item .list > .item {
   709    border-width: 0px;
   710  }
   711  .ui.celled.list .list > .item:first-child {
   712    border-top-width: 0px;
   713  }
   714  
   715  /* Celled Bulleted */
   716  .ui.celled.bulleted.list {
   717    margin-left: 0em;
   718  }
   719  .ui.celled.bulleted.list .list > .item,
   720  .ui.celled.bulleted.list > .item {
   721    padding-left: 1rem;
   722  }
   723  .ui.celled.bulleted.list .item .list {
   724    margin-left: -1rem;
   725    margin-right: -1rem;
   726    padding-bottom: 0.3em;
   727  }
   728  
   729  /* Celled Ordered */
   730  .ui.celled.ordered.list {
   731    margin-left: 0em;
   732  }
   733  .ui.celled.ordered.list .list > .item,
   734  .ui.celled.ordered.list > .item {
   735    padding-left: 1.25rem;
   736  }
   737  .ui.celled.ordered.list .item .list {
   738    margin-left: 0em;
   739    margin-right: 0em;
   740    padding-bottom: 0.3em;
   741  }
   742  .ui.celled.ordered.list .list > .item {
   743    padding-left: 1em;
   744  }
   745  
   746  /* Celled Horizontal */
   747  .ui.horizontal.celled.list {
   748    margin-left: 0em;
   749  }
   750  .ui.horizontal.celled.list .list > .item,
   751  .ui.horizontal.celled.list > .item {
   752    border-top: none;
   753    border-left: 1px solid rgba(39, 41, 43, 0.15);
   754    margin: 0em;
   755    padding-left: 0.5em;
   756    padding-right: 0.5em;
   757    line-height: 0.6;
   758  }
   759  .ui.horizontal.celled.list .list > .item:last-child,
   760  .ui.horizontal.celled.list > .item:last-child {
   761    border-bottom: none;
   762    border-right: 1px solid rgba(39, 41, 43, 0.15);
   763  }
   764  
   765  /* Inverted */
   766  .ui.celled.inverted.list > .item,
   767  .ui.celled.inverted.list > .list {
   768    border-color: 1px solid rgba(255, 255, 255, 0.2);
   769  }
   770  .ui.celled.inverted.horizontal.list .list > .item,
   771  .ui.celled.inverted.horizontal.list > .item {
   772    border-color: 1px solid rgba(255, 255, 255, 0.2);
   773  }
   774  
   775  /*-------------------
   776         Relaxed
   777  --------------------*/
   778  
   779  .ui.relaxed.list:not(.horizontal) > .item {
   780    padding-top: 0.5rem;
   781    padding-bottom: 0.5rem;
   782  }
   783  .ui.relaxed.list .list > .item .header,
   784  .ui.relaxed.list > .item .header {
   785    /*margin-bottom: @relaxedHeaderMargin;*/
   786  }
   787  .ui.horizontal.relaxed.list > .item {
   788    padding-left: 1.25rem;
   789    padding-right: 1.25rem;
   790  }
   791  
   792  /* Very Relaxed */
   793  .ui[class*="very relaxed"].list:not(.horizontal) > .item {
   794    padding-top: 1rem;
   795    padding-bottom: 1rem;
   796  }
   797  .ui[class*="very relaxed"].list .list > .item .header,
   798  .ui[class*="very relaxed"].list > .item .header {
   799    /*margin-bottom: @veryRelaxedHeaderMargin;*/
   800  }
   801  .ui.horizontal[class*="very relaxed"].list .list > .item,
   802  .ui.horizontal[class*="very relaxed"].list > .item {
   803    padding-left: 2rem;
   804    padding-right: 2rem;
   805  }
   806  
   807  /*-------------------
   808        Sizes
   809  --------------------*/
   810  
   811  .ui.mini.list {
   812    font-size: 0.71428571em;
   813  }
   814  .ui.tiny.list {
   815    font-size: 0.85714286em;
   816  }
   817  .ui.small.list {
   818    font-size: 0.92857143em;
   819  }
   820  .ui.list {
   821    font-size: 1em;
   822  }
   823  .ui.large.list {
   824    font-size: 1.14285714em;
   825  }
   826  .ui.big.list {
   827    font-size: 1.28571429em;
   828  }
   829  .ui.huge.list {
   830    font-size: 1.42857143em;
   831  }
   832  .ui.massive.list {
   833    font-size: 1.71428571em;
   834  }
   835  .ui.mini.horizontal.list .list > .item,
   836  .ui.mini.horizontal.list > .item {
   837    font-size: 0.71428571rem;
   838  }
   839  .ui.tiny.horizontal.list .list > .item,
   840  .ui.tiny.horizontal.list > .item {
   841    font-size: 0.85714286rem;
   842  }
   843  .ui.small.horizontal.list .list > .item,
   844  .ui.small.horizontal.list > .item {
   845    font-size: 0.92857143rem;
   846  }
   847  .ui.horizontal.list .list > .item,
   848  .ui.horizontal.list > .item {
   849    font-size: 1rem;
   850  }
   851  .ui.large.horizontal.list .list > .item,
   852  .ui.large.horizontal.list > .item {
   853    font-size: 1.14285714rem;
   854  }
   855  .ui.big.horizontal.list .list > .item,
   856  .ui.big.horizontal.list > .item {
   857    font-size: 1.28571429rem;
   858  }
   859  .ui.huge.horizontal.list .list > .item,
   860  .ui.huge.horizontal.list > .item {
   861    font-size: 1.42857143rem;
   862  }
   863  .ui.massive.horizontal.list .list > .item,
   864  .ui.massive.horizontal.list > .item {
   865    font-size: 1.71428571rem;
   866  }
   867  
   868  
   869  /*******************************
   870           Theme Overrides
   871  *******************************/
   872  
   873  
   874  
   875  /*******************************
   876      User Variable Overrides
   877  *******************************/
   878