You are here

Home » API reference » Live CSS 8

css.css in Live CSS 8

Same filename and directory in other branches
  1. 8.2 css.css
  2. 6.2 css.css
  3. 6 css.css
  4. 7 css.css
#csstab{
  position: fixed;
  top: 30%;
  right: 0px;
  height: 5.625em;
  width: 2.625em;
  overflow: hidden;
}
#csstab .box{
  font: 1em/2em "Verdana", "Tahoma", sans-serif !important;
  position: relative;
  left: -1.375em;
  top: 1.5em;
  height: 2em;
  width: 4.75em;
  text-align: center;
  background-color: #333333;
  border: 0.125em solid #AA8866;
  border-bottom-style: none;
  color: #885511;
  padding: 0.25em;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#csstab .box:hover{
  color: #AA8866;
}
#csidebar{
  position: absolute;
  background-color: #4C4A41;
  z-index: 1000;
  overflow: hidden;
  line-height: 1em !important;
  font-family: Helvetica, Arial, sans-serif;
}
#csidebar.right{
  top: 0px;
  right: 0px;
  height: 100%;
  width: 500px;
}
#csidebar.right #cedit{
  width: 494px;
}
#csidebar.bottom #cedit{
}
#csidebar.bottom{
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
}
#csidebar.bottom #cedit{
  height: 235px;
  width: 100%;
}
.ui-resizable-w{
}
#csidebar .stylelist{
  width: 484px;
  margin-left: 10px;
  margin-top: 10px;
  font-size: 14px;
}
#csidebar .save,
#csidebar .close,
#csidebar .dock{
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  line-height: 14px;
  font-size: 12px;
  color: #885511;
  background-color: #333333;
  width: 50px;
  text-align: center;
  border: 1px solid #885511;
  padding: 3px;
  text-decoration: none;
  cursor: pointer;
}
#csidebar.bottom #cedit{
  top: 40px;
}
#csidebar.bottom .save,
#csidebar.bottom .close,
#csidebar.bottom .dock{
  margin-top: 10px;
}
#csidebar .save:hover,
#csidebar .close:hover,
#csidebar .dock:hover{
  color: #AA8866;
  border-color: #AA8866;
}
#cedit{
  top: 65px;
  overflow: hidden;
}
.ace_gutter{
  width: 30px !important;
}
.ace_gutter-cell{
  padding-left: 0 !important; /* line numbers show up correctly */
}
.ace_gutter-cell.ace_warning{
  background-image: none !important;
}
.ace_editor p,
.ace_editor div{
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace !important;
}

File

css.css
View source 
  1. #csstab{

  2.   position: fixed;

  3.   top: 30%;

  4.   right: 0px;

  5.   height: 5.625em;

  6.   width: 2.625em;

  7.   overflow: hidden;

  8. }

  9. #csstab .box{

  10.   font: 1em/2em "Verdana", "Tahoma", sans-serif !important;

  11.   position: relative;

  12.   left: -1.375em;

  13.   top: 1.5em;

  14.   height: 2em;

  15.   width: 4.75em;

  16.   text-align: center;

  17.   background-color: #333333;

  18.   border: 0.125em solid #AA8866;

  19.   border-bottom-style: none;

  20.   color: #885511;

  21.   padding: 0.25em;

  22.   cursor: pointer;

  23.   -webkit-transform: rotate(-90deg);

  24.   -moz-transform: rotate(-90deg);

  25.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

  26. }

  27. #csstab .box:hover{

  28.   color: #AA8866;

  29. }

  30. #csidebar{

  31.   position: absolute;

  32.   background-color: #4C4A41;

  33.   z-index: 1000;

  34.   overflow: hidden;

  35.   line-height: 1em !important;

  36.   font-family: Helvetica, Arial, sans-serif;

  37. }

  38. #csidebar.right{

  39.   top: 0px;

  40.   right: 0px;

  41.   height: 100%;

  42.   width: 500px;

  43. }

  44. #csidebar.right #cedit{

  45.   width: 494px;

  46. }

  47. #csidebar.bottom #cedit{

  48. }

  49. #csidebar.bottom{

  50.   bottom: 0px;

  51.   left: 0px;

  52.   width: 100%;

  53.   height: 300px;

  54. }

  55. #csidebar.bottom #cedit{

  56.   height: 235px;

  57.   width: 100%;

  58. }

  59. .ui-resizable-w{

  60. }

  61. #csidebar .stylelist{

  62.   width: 484px;

  63.   margin-left: 10px;

  64.   margin-top: 10px;

  65.   font-size: 14px;

  66. }

  67. #csidebar .save,

  68. #csidebar .close,

  69. #csidebar .dock{

  70.   float: left;

  71.   margin-top: 5px;

  72.   margin-left: 10px;

  73.   line-height: 14px;

  74.   font-size: 12px;

  75.   color: #885511;

  76.   background-color: #333333;

  77.   width: 50px;

  78.   text-align: center;

  79.   border: 1px solid #885511;

  80.   padding: 3px;

  81.   text-decoration: none;

  82.   cursor: pointer;

  83. }

  84. #csidebar.bottom #cedit{

  85.   top: 40px;

  86. }

  87. #csidebar.bottom .save,

  88. #csidebar.bottom .close,

  89. #csidebar.bottom .dock{

  90.   margin-top: 10px;

  91. }

  92. #csidebar .save:hover,

  93. #csidebar .close:hover,

  94. #csidebar .dock:hover{

  95.   color: #AA8866;

  96.   border-color: #AA8866;

  97. }

  98. #cedit{

  99.   top: 65px;

  100.   overflow: hidden;

  101. }

  102. .ace_gutter{

  103.   width: 30px !important;

  104. }

  105. .ace_gutter-cell{

  106.   padding-left: 0 !important; /* line numbers show up correctly */

  107. }

  108. .ace_gutter-cell.ace_warning{

  109.   background-image: none !important;

  110. }

  111. .ace_editor p,

  112. .ace_editor div{

  113.   font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace !important;

  114. }

  115.