You are here

Home » API reference » UEditor - 百度编辑器 8

edittable.css in UEditor - 百度编辑器 8 

body{
    overflow: hidden;
    width: 540px;
}
.wrapper {
    margin: 10px auto 0;
    font-size: 12px;
    overflow: hidden;
    width: 520px;
    height: 315px;
}

.clear {
    clear: both;
}

.wrapper .left {
    float: left;
    margin-left: 10px;;
}

.wrapper .right {
    float: right;
    border-left: 2px dotted #EDEDED;
    padding-left: 15px;
}

.section {
    margin-bottom: 15px;
    width: 240px;
    overflow: hidden;
}

.section h3 {
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #EDEDED;
    font-size: 12px;
}

.section ul {
    list-style: none;
    overflow: hidden;
    clear: both;

}

.section li {
    float: left;
    width: 120px;;
}

.section .tone {
    width: 80px;;
}

.section .preview {
    width: 220px;
}

.section .preview table {
    text-align: center;
    vertical-align: middle;
    color: #666;
}

.section .preview caption {
    font-weight: bold;
}

.section .preview td {
    border-width: 1px;
    border-style: solid;
    height: 22px;
}

.section .preview th {
    border-style: solid;
    border-color: #DDD;
    border-width: 2px 1px 1px 1px;
    height: 22px;
    background-color: #F7F7F7;
}

File

lib/dialogs/table/edittable.css
View source 
  1. body{

  2.     overflow: hidden;

  3.     width: 540px;

  4. }

  5. .wrapper {

  6.     margin: 10px auto 0;

  7.     font-size: 12px;

  8.     overflow: hidden;

  9.     width: 520px;

  10.     height: 315px;

  11. }

  12. 

  13. .clear {

  14.     clear: both;

  15. }

  16. 

  17. .wrapper .left {

  18.     float: left;

  19.     margin-left: 10px;;

  20. }

  21. 

  22. .wrapper .right {

  23.     float: right;

  24.     border-left: 2px dotted #EDEDED;

  25.     padding-left: 15px;

  26. }

  27. 

  28. .section {

  29.     margin-bottom: 15px;

  30.     width: 240px;

  31.     overflow: hidden;

  32. }

  33. 

  34. .section h3 {

  35.     font-weight: bold;

  36.     padding: 5px 0;

  37.     margin-bottom: 10px;

  38.     border-bottom: 1px solid #EDEDED;

  39.     font-size: 12px;

  40. }

  41. 

  42. .section ul {

  43.     list-style: none;

  44.     overflow: hidden;

  45.     clear: both;

  46. 

  47. }

  48. 

  49. .section li {

  50.     float: left;

  51.     width: 120px;;

  52. }

  53. 

  54. .section .tone {

  55.     width: 80px;;

  56. }

  57. 

  58. .section .preview {

  59.     width: 220px;

  60. }

  61. 

  62. .section .preview table {

  63.     text-align: center;

  64.     vertical-align: middle;

  65.     color: #666;

  66. }

  67. 

  68. .section .preview caption {

  69.     font-weight: bold;

  70. }

  71. 

  72. .section .preview td {

  73.     border-width: 1px;

  74.     border-style: solid;

  75.     height: 22px;

  76. }

  77. 

  78. .section .preview th {

  79.     border-style: solid;

  80.     border-color: #DDD;

  81.     border-width: 2px 1px 1px 1px;

  82.     height: 22px;

  83.     background-color: #F7F7F7;

  84. }