You are here

Home » API reference » Outline Designer 7.2

outline_designer.css in Outline Designer 7.2

Same filename and directory in other branches
  1. 6.2 css/outline_designer.css
  2. 6 css/outline_designer.css
  3. 7 css/outline_designer.css
/*
 * Outline designer specific buttons / system
 */
 #reload_table {
  display:none;
 }
 #od_popup table {
  float:left;
 }
 #book-outline th:not(:first-child){
  display:none;
 }
 tr.draggable td:not(:first-child) {
  display:none;
 }
 tr.draggable td:first-child {
  width:800px;
 }
 #book-outline div.form-type-textfield input {
   display:none;
 }
 #od_popup_toolbox {
  display:none;
  text-align:left;
 }
 #od_popup_overlay {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index:100px;
  position:fixed;
  display:none;
 }
 .od_show {
  display:block !important;
 }
 #od_popup {
  display:none;
  /*background-color:#FFF;
  border:solid #000 2px;*/
  position:fixed;
  float:left;
  left:40%;
  top:25%;
  text-align:left;
  background-image:none !important;
 }
 #od_popup .popup-statusbar{
  height:20px;
  margin-bottom:5px;
  border-bottom:solid 1px #C5C5C5;
  /*background-color:#EEE;*/
  color:#222;
  padding:5px;
  text-align:left;
 }
 #od_popup .popup-content {
   padding:0px 10px 10px 10px;
   text-align:left;
 }
 #od_popup .popup-content img {
  margin:0px 3px 0px 0px;
 }
 #od_popup .popup-buttons {
   padding:0px 0px 10px 10px;
   text-align:left;
 }
 .od_statusbar_img, .tmpimage {
   vertical-align:top;
   margin: 2px 5px 2px 0px;
 }
  .tmpimage {
   vertical-align:top;
   margin: 2px 0px 2px 4px;
 }
 .tmptitle {
  margin: 0px 2px;
 }
 .od_submit_button, .od_delete_button {
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0,0,0,.8);
    border: 1px solid #999;
    border: 0 rgba(0,0,0,0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
 }
.outline_designer_edit_button{
  margin: 2px 5px;
  float:left;
  cursor: pointer;
}
#book-outline {
  min-width:inherit;
  width:100%;
  float:left;
}
#book-outline tr td div.form-item{
  float:left;
}
#book-outline tr{
  width:98%;
  margin:0px;
  display: block;
  padding: 2px 2px 1px 2px;
  border-bottom:1px solid #DDDDDD;
  border-top:none;
}
#book-outline tr td {
  border:none;
}
#od-book-edit {
  margin:0px;
}
#book-outline .tableHeader-processed {
  display:none;
}
#od_growl{
  top:-4px;
  position:fixed;
  width:50%;
  left:25%;
  text-align:center;
  z-index:100000;
  background-color:#EEEEEE;
  color:#333333;
  border: 2px solid #000000;
}
#od_content_types td{
 padding:10px;
 width:33%;
}
.od_msg{
  margin:0px !important;
}
/*
 * This is part of the jquery.contextmenu.js package to create some different theme styles
 */

/* Classic Windows Theme (default) */
/* =============================== */
#context_menu{
  width:auto;
}
.context-menu-theme-default {
  border:2px outset white;
  background-color:#D4D0C8;
}
.context-menu-theme-default .context-menu-item {
  text-align:left;
  cursor:pointer;
  padding:4px 28px 4px 16px;
  color:black;
  font-family:Tahoma,Arial;
  font-size:11px;
}
.context-menu-theme-default .context-menu-separator {
  margin:4px 2px;
  font-size:0px;
  border-top:1px solid #808080;
  border-bottom:1px solid white;
}
.context-menu-theme-default .context-menu-item-disabled {
  color:#808080;
}
.context-menu-theme-default .context-menu-item .context-menu-item-inner {
  background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
}
.context-menu-theme-default .context-menu-item-hover {
  background-color:#0A246A;
  color:white;
}
.context-menu-theme-default .context-menu-item-disabled-hover {
  background-color:#0A246A;
}

/* Windows XP Theme */
/* ================ */
.context-menu-theme-xp {
  border:1px solid #666;
  padding:1px;
  background:#F9F8F7 url(../images/contextmenu/cmenu-xp-bg.gif) repeat-y top left;
}
.context-menu-theme-xp .context-menu-separator {
  margin:0px 0px 0px 22px;
  font-size:0px;
  border-top:1px solid #808080;
  border-bottom:1px solid white;
}
.context-menu-theme-xp .context-menu-item {
  text-align:left;
  color:black;
  font-family:arial;
  font-size:11px;
  cursor:pointer;
}
.context-menu-theme-xp .context-menu-item .context-menu-item-inner {
  background:none no-repeat 2px center;
  padding:4px 10px 4px 30px;
}
.context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
  background:#B6BDD2 none no-repeat 2px center;
  padding:3px 9px 3px 29px;
  border:1px solid #0A246A;
}

/* Windows Vista Theme */
/* =================== */
.context-menu-theme-vista {
  background:#FAFAFA url(../images/contextmenu/cmenu-vista-bg.gif) repeat-y left top;
  border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item {
  text-align:left;
  cursor:pointer;
  color:black;
  font-family:Tahoma,Arial;
  font-size:11px;
}
.context-menu-theme-vista .context-menu-separator {
  margin:0px 0px 0px 32px;
  font-size:0px;
  border-top:1px solid #C5C5C5;
  border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-vista .context-menu-item-hover {
  background:transparent url(../images/contextmenu/cmenu-vista-menu-item-hover.gif) repeat-x left center;
  border:1px solid #D7D0B3;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
  padding:4px 16px 4px 35px;
  margin-left:1px;
  background-color:none;
  background-repeat:no-repeat;
  background-position:3px center;
  background-image:none;
}
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
  padding:3px 15px 3px 35px;
  margin-left:0px;
}
.context-menu-theme-vista .context-menu-item-disabled {
  color:#A7A7A7;
}

/* OSX Theme */
/* ========= */
.context-menu-theme-osx {
  background-color:white;
  opacity: .93;
  filter: alpha(opacity=93);
  zoom:1.0;
  border:1px solid #b2b2b2;
}
.context-menu-theme-osx .context-menu-item {
  text-align:left;
  cursor:pointer;
  color:black;
  font-family:Lucida Grande,Arial;
  font-weight:700;
  font-size:12px;
  opacity: 1.0;
  filter: alpha(opacity=100);
  z-index:1;
}
.context-menu-theme-osx .context-menu-separator {
  margin:5px 1px 4px 1px;
  font-size:0px;
  border-top:1px solid #e4e4e4;
}
.context-menu-theme-osx .context-menu-item-hover {
  background-color:#1C44F2;
  color:white;
}
.context-menu-theme-osx .context-menu-item .context-menu-item-inner {
  padding:2px 10px 2px 22px;
  background-color:none;
  background-repeat:no-repeat;
  background-position:4px center;
  background-image:none;
}
.context-menu-theme-osx .context-menu-item-disabled {
  color:#939393;
}

/* Linux Human Theme */
/* ================= */
.context-menu-theme-human {
  background:#F9F5F2;
  border:1px solid #963;
}
.context-menu-theme-human .context-menu-item {
  text-align:left;
  cursor:pointer;
  color:black;
  font-family:Helvetica,DejaVu Sans,Arial;
  font-size:12px;
  line-height:20px;
  height:28px;
  border:1px solid #F9F5F2;
  border-left:0;
  border-right:0;
}
.context-menu-theme-human .context-menu-separator {
  margin:0px 0px 0px 0px;
  font-size:0px;
  border-top:1px solid #C5C5C5;
  border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-human .context-menu-item-hover {
  background:transparent url(../images/contextmenu/cmenu-human-menu-item-hover.gif) repeat-x left center;
  border-color:#963;
}
.context-menu-theme-human .context-menu-item .context-menu-item-inner {
  padding:4px 16px 4px 35px;
  margin-left:0px;
  background-color:none;
  background-repeat:no-repeat;
  background-position:5px center;
  background-image:none;
}
.context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {
}
.context-menu-theme-human .context-menu-item-disabled {
  color:#A7A7A7;
}

/* Gloss Theme */
/* =========== */
.context-menu-theme-gloss {
  background:#f4f4f4 repeat-y left center;
  border:1px solid #f4f4f4;
  padding:1px;
  padding-right:0;
}
.context-menu-theme-gloss .context-menu-item {
  text-align:left;
  cursor:pointer;
  color:black;
  font-family:Helvetica,DejaVu Sans,Arial;
  font-size:12px;
  line-height:20px;
  height:27px;
  border:1px solid transparent;
}
.context-menu-theme-gloss .context-menu-separator {
  margin:0px 0px 0px 32px;
  font-size:0px;
  border-top:1px solid #C5C5C5;
  border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-gloss .context-menu-item-hover {
  background:transparent url(../images/contextmenu/cmenu-gloss-menu-item-hover.gif) repeat-x left center;
  color:#fff;
  border-color:#000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
  padding:4px 16px 4px 35px;
  margin-left:0px;
  background-color:none;
  background-repeat:no-repeat;
  background-position:3px center;
  background-image:none;
}
.context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {
}
.context-menu-theme-gloss .context-menu-item-disabled {
  color:#A7A7A7;
}

.context-menu-theme-gloss-cyan .context-menu-item-hover {
  background-image:url(../images/contextmenu/cmenu-gloss-cyan-menu-item-hover.gif);
  border-color:#00c;
}

.context-menu-theme-gloss-semitransparent .context-menu-item-hover {
  background-image:url(../images/contextmenu/cmenu-item-gloss-semitransparent-menu-item-hover.png);
  border-color:#00c;
  background-color:#30f;
}

.od-toggle-open {
  margin-left:10px;
}

.od-toggle-closed {
  margin-left:10px;
}
.od_cancel_button {
  position:absolute;
  top:0;
  right:0;
  margin:-8px -8px 0px 0px;
  padding:0px;
}

.od-operation-icons {
  float:left;
  margin:6px 6px 0px 6px;
}

#book-admin-edit .sticky-header {
  display:none;
}
#book-admin-edit div.tabledrag-toggle-weight-wrapper a.tabledrag-toggle-weight {
  display:none;
}
.ahah-progress-throbber {
  float:left
}
.message {
  float:left;
  font-weight:bold;
}

#book-outline .tabledrag-handle-hover {
 color:#333;
 background:#AAA;
}
#book-outline .od-hover {
 border:2px #AEE solid !important;
 padding: 0px;
}
#book-outline .od-selected {
 border:2px #0AA solid !important;
 padding: 0px;
}

File

css/outline_designer.css
View source 
  1. /*

  2.  * Outline designer specific buttons / system

  3.  */

  4.  #reload_table {

  5.   display:none;

  6.  }

  7.  #od_popup table {

  8.   float:left;

  9.  }

  10.  #book-outline th:not(:first-child){

  11.   display:none;

  12.  }

  13.  tr.draggable td:not(:first-child) {

  14.   display:none;

  15.  }

  16.  tr.draggable td:first-child {

  17.   width:800px;

  18.  }

  19.  #book-outline div.form-type-textfield input {

  20.    display:none;

  21.  }

  22.  #od_popup_toolbox {

  23.   display:none;

  24.   text-align:left;

  25.  }

  26.  #od_popup_overlay {

  27.   top: 0px;

  28.   bottom: 0px;

  29.   left: 0px;

  30.   right: 0px;

  31.   z-index:100px;

  32.   position:fixed;

  33.   display:none;

  34.  }

  35.  .od_show {

  36.   display:block !important;

  37.  }

  38.  #od_popup {

  39.   display:none;

  40.   /*background-color:#FFF;

  41.   border:solid #000 2px;*/

  42.   position:fixed;

  43.   float:left;

  44.   left:40%;

  45.   top:25%;

  46.   text-align:left;

  47.   background-image:none !important;

  48.  }

  49.  #od_popup .popup-statusbar{

  50.   height:20px;

  51.   margin-bottom:5px;

  52.   border-bottom:solid 1px #C5C5C5;

  53.   /*background-color:#EEE;*/

  54.   color:#222;

  55.   padding:5px;

  56.   text-align:left;

  57.  }

  58.  #od_popup .popup-content {

  59.    padding:0px 10px 10px 10px;

  60.    text-align:left;

  61.  }

  62.  #od_popup .popup-content img {

  63.   margin:0px 3px 0px 0px;

  64.  }

  65.  #od_popup .popup-buttons {

  66.    padding:0px 0px 10px 10px;

  67.    text-align:left;

  68.  }

  69.  .od_statusbar_img, .tmpimage {

  70.    vertical-align:top;

  71.    margin: 2px 5px 2px 0px;

  72.  }

  73.   .tmpimage {

  74.    vertical-align:top;

  75.    margin: 2px 0px 2px 4px;

  76.  }

  77.  .tmptitle {

  78.   margin: 0px 2px;

  79.  }

  80.  .od_submit_button, .od_delete_button {

  81.     font-size: 100%;

  82.     padding: .5em 1em;

  83.     color: #444;

  84.     color: rgba(0,0,0,.8);

  85.     border: 1px solid #999;

  86.     border: 0 rgba(0,0,0,0);

  87.     background-color: #E6E6E6;

  88.     text-decoration: none;

  89.     border-radius: 2px;

  90.     display: inline-block;

  91.     zoom: 1;

  92.     line-height: normal;

  93.     white-space: nowrap;

  94.     vertical-align: middle;

  95.     text-align: center;

  96.     cursor: pointer;

  97.  }

  98. .outline_designer_edit_button{

  99.   margin: 2px 5px;

  100.   float:left;

  101.   cursor: pointer;

  102. }

  103. #book-outline {

  104.   min-width:inherit;

  105.   width:100%;

  106.   float:left;

  107. }

  108. #book-outline tr td div.form-item{

  109.   float:left;

  110. }

  111. #book-outline tr{

  112.   width:98%;

  113.   margin:0px;

  114.   display: block;

  115.   padding: 2px 2px 1px 2px;

  116.   border-bottom:1px solid #DDDDDD;

  117.   border-top:none;

  118. }

  119. #book-outline tr td {

  120.   border:none;

  121. }

  122. #od-book-edit {

  123.   margin:0px;

  124. }

  125. #book-outline .tableHeader-processed {

  126.   display:none;

  127. }

  128. #od_growl{

  129.   top:-4px;

  130.   position:fixed;

  131.   width:50%;

  132.   left:25%;

  133.   text-align:center;

  134.   z-index:100000;

  135.   background-color:#EEEEEE;

  136.   color:#333333;

  137.   border: 2px solid #000000;

  138. }

  139. #od_content_types td{

  140.  padding:10px;

  141.  width:33%;

  142. }

  143. .od_msg{

  144.   margin:0px !important;

  145. }

  146. /*

  147.  * This is part of the jquery.contextmenu.js package to create some different theme styles

  148.  */

  149. 

  150. /* Classic Windows Theme (default) */

  151. /* =============================== */

  152. #context_menu{

  153.   width:auto;

  154. }

  155. .context-menu-theme-default {

  156.   border:2px outset white;

  157.   background-color:#D4D0C8;

  158. }

  159. .context-menu-theme-default .context-menu-item {

  160.   text-align:left;

  161.   cursor:pointer;

  162.   padding:4px 28px 4px 16px;

  163.   color:black;

  164.   font-family:Tahoma,Arial;

  165.   font-size:11px;

  166. }

  167. .context-menu-theme-default .context-menu-separator {

  168.   margin:4px 2px;

  169.   font-size:0px;

  170.   border-top:1px solid #808080;

  171.   border-bottom:1px solid white;

  172. }

  173. .context-menu-theme-default .context-menu-item-disabled {

  174.   color:#808080;

  175. }

  176. .context-menu-theme-default .context-menu-item .context-menu-item-inner {

  177.   background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */

  178. }

  179. .context-menu-theme-default .context-menu-item-hover {

  180.   background-color:#0A246A;

  181.   color:white;

  182. }

  183. .context-menu-theme-default .context-menu-item-disabled-hover {

  184.   background-color:#0A246A;

  185. }

  186. 

  187. /* Windows XP Theme */

  188. /* ================ */

  189. .context-menu-theme-xp {

  190.   border:1px solid #666;

  191.   padding:1px;

  192.   background:#F9F8F7 url(../images/contextmenu/cmenu-xp-bg.gif) repeat-y top left;

  193. }

  194. .context-menu-theme-xp .context-menu-separator {

  195.   margin:0px 0px 0px 22px;

  196.   font-size:0px;

  197.   border-top:1px solid #808080;

  198.   border-bottom:1px solid white;

  199. }

  200. .context-menu-theme-xp .context-menu-item {

  201.   text-align:left;

  202.   color:black;

  203.   font-family:arial;

  204.   font-size:11px;

  205.   cursor:pointer;

  206. }

  207. .context-menu-theme-xp .context-menu-item .context-menu-item-inner {

  208.   background:none no-repeat 2px center;

  209.   padding:4px 10px 4px 30px;

  210. }

  211. .context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {

  212.   background:#B6BDD2 none no-repeat 2px center;

  213.   padding:3px 9px 3px 29px;

  214.   border:1px solid #0A246A;

  215. }

  216. 

  217. /* Windows Vista Theme */

  218. /* =================== */

  219. .context-menu-theme-vista {

  220.   background:#FAFAFA url(../images/contextmenu/cmenu-vista-bg.gif) repeat-y left top;

  221.   border:1px solid #868686;

  222. }

  223. .context-menu-theme-vista .context-menu-item {

  224.   text-align:left;

  225.   cursor:pointer;

  226.   color:black;

  227.   font-family:Tahoma,Arial;

  228.   font-size:11px;

  229. }

  230. .context-menu-theme-vista .context-menu-separator {

  231.   margin:0px 0px 0px 32px;

  232.   font-size:0px;

  233.   border-top:1px solid #C5C5C5;

  234.   border-bottom:1px solid #F5F5F5;

  235. }

  236. .context-menu-theme-vista .context-menu-item-hover {

  237.   background:transparent url(../images/contextmenu/cmenu-vista-menu-item-hover.gif) repeat-x left center;

  238.   border:1px solid #D7D0B3;

  239. }

  240. .context-menu-theme-vista .context-menu-item .context-menu-item-inner {

  241.   padding:4px 16px 4px 35px;

  242.   margin-left:1px;

  243.   background-color:none;

  244.   background-repeat:no-repeat;

  245.   background-position:3px center;

  246.   background-image:none;

  247. }

  248. .context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {

  249.   padding:3px 15px 3px 35px;

  250.   margin-left:0px;

  251. }

  252. .context-menu-theme-vista .context-menu-item-disabled {

  253.   color:#A7A7A7;

  254. }

  255. 

  256. /* OSX Theme */

  257. /* ========= */

  258. .context-menu-theme-osx {

  259.   background-color:white;

  260.   opacity: .93;

  261.   filter: alpha(opacity=93);

  262.   zoom:1.0;

  263.   border:1px solid #b2b2b2;

  264. }

  265. .context-menu-theme-osx .context-menu-item {

  266.   text-align:left;

  267.   cursor:pointer;

  268.   color:black;

  269.   font-family:Lucida Grande,Arial;

  270.   font-weight:700;

  271.   font-size:12px;

  272.   opacity: 1.0;

  273.   filter: alpha(opacity=100);

  274.   z-index:1;

  275. }

  276. .context-menu-theme-osx .context-menu-separator {

  277.   margin:5px 1px 4px 1px;

  278.   font-size:0px;

  279.   border-top:1px solid #e4e4e4;

  280. }

  281. .context-menu-theme-osx .context-menu-item-hover {

  282.   background-color:#1C44F2;

  283.   color:white;

  284. }

  285. .context-menu-theme-osx .context-menu-item .context-menu-item-inner {

  286.   padding:2px 10px 2px 22px;

  287.   background-color:none;

  288.   background-repeat:no-repeat;

  289.   background-position:4px center;

  290.   background-image:none;

  291. }

  292. .context-menu-theme-osx .context-menu-item-disabled {

  293.   color:#939393;

  294. }

  295. 

  296. /* Linux Human Theme */

  297. /* ================= */

  298. .context-menu-theme-human {

  299.   background:#F9F5F2;

  300.   border:1px solid #963;

  301. }

  302. .context-menu-theme-human .context-menu-item {

  303.   text-align:left;

  304.   cursor:pointer;

  305.   color:black;

  306.   font-family:Helvetica,DejaVu Sans,Arial;

  307.   font-size:12px;

  308.   line-height:20px;

  309.   height:28px;

  310.   border:1px solid #F9F5F2;

  311.   border-left:0;

  312.   border-right:0;

  313. }

  314. .context-menu-theme-human .context-menu-separator {

  315.   margin:0px 0px 0px 0px;

  316.   font-size:0px;

  317.   border-top:1px solid #C5C5C5;

  318.   border-bottom:1px solid #F5F5F5;

  319. }

  320. .context-menu-theme-human .context-menu-item-hover {

  321.   background:transparent url(../images/contextmenu/cmenu-human-menu-item-hover.gif) repeat-x left center;

  322.   border-color:#963;

  323. }

  324. .context-menu-theme-human .context-menu-item .context-menu-item-inner {

  325.   padding:4px 16px 4px 35px;

  326.   margin-left:0px;

  327.   background-color:none;

  328.   background-repeat:no-repeat;

  329.   background-position:5px center;

  330.   background-image:none;

  331. }

  332. .context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {

  333. }

  334. .context-menu-theme-human .context-menu-item-disabled {

  335.   color:#A7A7A7;

  336. }

  337. 

  338. /* Gloss Theme */

  339. /* =========== */

  340. .context-menu-theme-gloss {

  341.   background:#f4f4f4 repeat-y left center;

  342.   border:1px solid #f4f4f4;

  343.   padding:1px;

  344.   padding-right:0;

  345. }

  346. .context-menu-theme-gloss .context-menu-item {

  347.   text-align:left;

  348.   cursor:pointer;

  349.   color:black;

  350.   font-family:Helvetica,DejaVu Sans,Arial;

  351.   font-size:12px;

  352.   line-height:20px;

  353.   height:27px;

  354.   border:1px solid transparent;

  355. }

  356. .context-menu-theme-gloss .context-menu-separator {

  357.   margin:0px 0px 0px 32px;

  358.   font-size:0px;

  359.   border-top:1px solid #C5C5C5;

  360.   border-bottom:1px solid #F5F5F5;

  361. }

  362. .context-menu-theme-gloss .context-menu-item-hover {

  363.   background:transparent url(../images/contextmenu/cmenu-gloss-menu-item-hover.gif) repeat-x left center;

  364.   color:#fff;

  365.   border-color:#000;

  366.     border-radius: 3px;

  367.     -webkit-border-radius: 3px;

  368.   -moz-border-radius: 3px;

  369. }

  370. .context-menu-theme-gloss .context-menu-item .context-menu-item-inner {

  371.   padding:4px 16px 4px 35px;

  372.   margin-left:0px;

  373.   background-color:none;

  374.   background-repeat:no-repeat;

  375.   background-position:3px center;

  376.   background-image:none;

  377. }

  378. .context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {

  379. }

  380. .context-menu-theme-gloss .context-menu-item-disabled {

  381.   color:#A7A7A7;

  382. }

  383. 

  384. .context-menu-theme-gloss-cyan .context-menu-item-hover {

  385.   background-image:url(../images/contextmenu/cmenu-gloss-cyan-menu-item-hover.gif);

  386.   border-color:#00c;

  387. }

  388. 

  389. .context-menu-theme-gloss-semitransparent .context-menu-item-hover {

  390.   background-image:url(../images/contextmenu/cmenu-item-gloss-semitransparent-menu-item-hover.png);

  391.   border-color:#00c;

  392.   background-color:#30f;

  393. }

  394. 

  395. .od-toggle-open {

  396.   margin-left:10px;

  397. }

  398. 

  399. .od-toggle-closed {

  400.   margin-left:10px;

  401. }

  402. .od_cancel_button {

  403.   position:absolute;

  404.   top:0;

  405.   right:0;

  406.   margin:-8px -8px 0px 0px;

  407.   padding:0px;

  408. }

  409. 

  410. .od-operation-icons {

  411.   float:left;

  412.   margin:6px 6px 0px 6px;

  413. }

  414. 

  415. #book-admin-edit .sticky-header {

  416.   display:none;

  417. }

  418. #book-admin-edit div.tabledrag-toggle-weight-wrapper a.tabledrag-toggle-weight {

  419.   display:none;

  420. }

  421. .ahah-progress-throbber {

  422.   float:left

  423. }

  424. .message {

  425.   float:left;

  426.   font-weight:bold;

  427. }

  428. 

  429. #book-outline .tabledrag-handle-hover {

  430.  color:#333;

  431.  background:#AAA;

  432. }

  433. #book-outline .od-hover {

  434.  border:2px #AEE solid !important;

  435.  padding: 0px;

  436. }

  437. #book-outline .od-selected {

  438.  border:2px #0AA solid !important;

  439.  padding: 0px;

  440. }