Home Explore Help
Register Sign In
zhh
/
zentao
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
zentao
/
extension
/
max
/
workflow
/
css
/
header.css

header.css 5.7 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 
  1. body {padding: 0 15px;}
    2. 

  2. 

  3. .btn, .btn:focus, .btn:active {outline: none;}
    4. 

  4. 

  5. .popover-success.popover-form-result.popover.left .arrow:after {border-left-color: #00da88}
    6. 

  6. 

  7. #editorNav {min-height: 30px; position: relative; margin: 8px 0;}
    8. 

  8. #editorNavLeft {position: absolute; top: 0; left: 0;}
    9. 

  9. #editorNavRight {position: absolute; top: 0; right: 0;}
    10. 

  10. #editorNavCenter {text-align: center;}
    11. 

  11. #editorNavCenter > .title {line-height: 28px; display: inline-block; margin-right: 10px; font-size: 16px; vertical-align: middle;}
    12. 

  12. 

  13. #editorMenu {min-height: 40px; position: relative; box-shadow: 0 0 8px 2px rgba(225,225,225,.5); border-radius: 4px 4px 0 0; background: #fff; padding: 10px; margin-bottom: 1px;}
    14. 

  14. #editorMenuLeft {position: absolute; top: 10px; left: 10px;}
    15. 

  15. #editorMenuRight {position: absolute; top: 10px; right: 10px;}
    16. 

  16. #editorMenuRight .btn {min-width: 84px;}
    17. 

  17. #editorMenuRight .btn:last-child {margin-left: 10px;}
    18. 

  18. #editorSteps {text-align: center; height: 30px;}
    19. 

  19. #editorSteps > ul {display: inline-block; padding: 0; margin: 0;}
    20. 

  20. #editorSteps > ul > li {position: relative;}
    21. 

  21. #editorSteps > ul > li.active > a {background-color: #1CA5FF;}
    22. 

  22. #editorSteps > ul > li > a {min-width: 120px; padding: 5px 20px; text-align: center; transition: none;}
    23. 

  23. #editorSteps > ul > li > a:hover {background-color: transparent;}
    24. 

  24. #editorSteps > ul > li.active > a:hover,
    25. 

  25. #editorSteps > ul > li.active > a:focus {background-color: #2272EB;}
    26. 

  26. #editorSteps > ul > li .step-number {display: inline-block; width: 14px; height: 14px; border-radius: 7px; text-align: center; line-height: 12px; border: 1px solid #A6AAB8; color: #A6AAB8; font-size: 12px; font-weight: bold; margin-right: 3px;}
    27. 

  27. #editorSteps > ul > li > a:hover .step-number {color: #1ca5ff; border-color: #1ca5ff;}
    28. 

  28. #editorSteps > ul > li.active .step-number,
    29. 

  29. #editorSteps > ul > li.active a:hover .step-number {color: #fff; border-color: #fff;}
    30. 

  30. #editorSteps > ul > li + li > a {padding-left: 35px;}
    31. 

  31. #editorSteps > ul > li + li:before,
    32. 

  32. #editorSteps > ul > li + li:after {content: ' '; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #a6aab8; position: absolute; left: 0; top: 0;}
    33. 

  33. #editorSteps > ul > li + li:after {border-left-color: #fff; left: -1px;}
    34. 

  34. #editorSteps > ul > li.active + li:after {border-left-color: #1ca5ff;}
    35. 

  35. #editorSteps > ul > li:hover {background-color: #eceef4;;}
    36. 

  36. #editorSteps > ul > li:hover + li:after {border-left-color: #eceef4;}
    37. 

  37. #editorSteps > ul > li.active:hover + li:after {border-left-color: #2272EB;}
    38. 

  38. #editorSteps.editor-steps-advance > ul > li:last-child:before,
    39. 

  39. #editorSteps.editor-steps-advance > ul > li:last-child:after {display: none;}
    40. 

  40. #editorSteps.editor-steps-advance > ul > li:last-child > a {padding-left: 20px;}
    41. 

  41. 

  42. #switchConfirmModal .btn + .btn, #confirmReleaseModal .btn + .btn {margin-left: 30px;}
    43. 

  43. #switchConfirmModal .modal-dialog, #confirmReleaseModal .modal-dialog {width: 450px;}
    44. 

  44. #switchConfirmModal .modal-header, #confirmReleaseModal .modal-header {border-bottom: none; padding-bottom: 0;}
    45. 

  45. #switchConfirmModal .modal-body, #confirmReleaseModal .modal-body {padding-top: 10px; padding-bottom: 30px; line-height: 24px;}
    46. 

  46. #switchConfirmModal .modal-body > p, #confirmReleaseModal .modal-body > p {margin-bottom: 20px;}
    47. 

  47. 

  48. .auto-height {height: calc(100vh - 154px);}
    49. 

  49. 

  50. .column > .cell {height: 100%; overflow-y: auto; position: relative; border-radius: 0;}
    51. 

  51. .columns > .side-col {width: 140px; padding-right: 0;}
    52. 

  52. .columns > .column + .column {padding-left: 1px;}
    53. 

  53. .columns > .column:first-child > .cell {border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
    54. 

  54. .columns > .column:last-child > .cell {border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
    55. 

  55. 

  56. .example-text-holder {display: inline-block; position: relative; height: 12px; border-left: 12px solid #e1e1e1; border-right: 12px solid #d5d5d5; vertical-align: middle; padding: 0 2px; overflow: hidden;}
    57. 

  57. .example-text-holder:after,
    58. 

  58. .example-text-holder:before {content: ' '; display: inline-block; height: 100%; border-left: 12px solid #dadada; border-right: 12px solid #ddd; vertical-align: top; margin: 0 2px; padding: 0 2px;}
    59. 

  59. .example-text-holder:after {border-left-color: #f1f1f1; border-right-color: #e5e5e5;}
    60. 

  60. .example-text-holder[data-size="1"] {border-right: none; padding: 0;}
    61. 

  61. .example-text-holder[data-size="1"]:before,
    62. 

  62. .example-text-holder[data-size="1"]:after,
    63. 

  63. .example-text-holder[data-size="2"]:before,
    64. 

  64. .example-text-holder[data-size="2"]:after,
    65. 

  65. .example-text-holder[data-size="3"]:after,
    66. 

  66. .example-text-holder[data-size="4"]:after {display: none;}
    67. 

  67. .example-text-holder[data-size="2"] {padding: 0 2px;}
    68. 

  68. .example-text-holder[data-size="3"] {padding-left: 2px;}
    69. 

  69. .example-text-holder[data-size="5"]:before,
    70. 

  70. .example-text-holder[data-size="3"]:before {border-left: none; width: 14px;}
    71. 

  71. .example-text-holder[data-size="7"] {border-left-width: 28px;}
    72. 

  72. .example-text-holder[data-size="8"]:before,
    73. 

  73. .example-text-holder[data-size="8"]:after {border-left-width: 28px;}
    74. 

  74. .example-text-holder[data-size="9"]:before {border-left-width: 42px;}
    75. 

  75. .example-text-holder[data-size="9"]:after {border-right-width: 28px;}
    76. 

  76. .example-text-holder[data-size="10"] {border-left-width: 42px; border-right-width: 28px;}
    77. 

  77. .example-text-holder[data-size="10"]:before {border-right-width: 28px;}
    78. 

  78. .example-text-holder[data-size="11"] {border-right-width: 42px;}
    79. 

  79. .example-text-holder[data-size="11"]:before,
    80. 

  80. .example-text-holder[data-size="11"]:after {border-left-width: 28px;}
    81. 

  81. .example-text-holder[data-size="11"]:after {border-right-width: 28px;}
    82. 

  82. .example-text-holder[data-size="12"] {border-left-width: 42px;}
    83. 

  83. .example-text-holder[data-size="12"]:before,
    84. 

  84. .example-text-holder[data-size="12"]:after {border-left-width: 35px;}
    85. 

  85. .example-text-holder[data-size="12"]:after {border-right-width: 49px;}
    86.