You are here

Home » API reference » Outline Designer 6

outline_designer.css in Outline Designer 6

Same filename and directory in other branches
  1. 6.2 css/outline_designer.css
  2. 7.2 css/outline_designer.css
  3. 7 css/outline_designer.css
/*
 * Outline designer specific buttons / system
 */
 #reload_table {
  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_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 { 
  
 }
.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;
	padding-left:1%;
	padding-right:1%;
	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;
}

.ahah-progress-throbber {
	float:left
}
.message {
	float:left;
	font-weight:bold;
}

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_toolbox {

  8.   display:none; 

  9.   text-align:left;

  10.  }

  11.  #od_popup_overlay {

  12.   top: 0px;

  13.   bottom: 0px;

  14.   left: 0px;

  15.   right: 0px;

  16.   z-index:100px;

  17.   position:fixed;

  18.   display:none;

  19.  }

  20.  #od_popup {

  21.   display:none;

  22.   /*background-color:#FFF;

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

  24.   position:fixed;

  25.   float:left;

  26.   left:40%;

  27.   top:25%;

  28.   text-align:left;

  29.   background-image:none !important;

  30.  }

  31.  #od_popup .popup-statusbar{

  32.   height:20px;

  33.   margin-bottom:5px;

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

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

  36.   color:#222;

  37.   padding:5px;

  38.   text-align:left;

  39.  }

  40.  #od_popup .popup-content {

  41.    padding:0px 10px 10px 10px;

  42.    text-align:left;

  43.  }

  44.  #od_popup .popup-content img {

  45.   margin:0px 3px 0px 0px; 

  46.  }

  47.  #od_popup .popup-buttons {

  48.    padding:0px 0px 10px 10px;

  49.    text-align:left;

  50.  }

  51.  .od_statusbar_img, .tmpimage {

  52.    vertical-align:top;

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

  54.  }

  55.   .tmpimage {

  56.    vertical-align:top;

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

  58.  }

  59.  .tmptitle {

  60.   margin: 0px 2px; 

  61.  }

  62.  .od_submit_button, .od_delete_button { 

  63.   

  64.  }

  65. .outline_designer_edit_button{

  66.   margin: 2px 5px;

  67.   float:left;

  68.   cursor: pointer;

  69. }

  70. #book-outline {

  71.   min-width:inherit;

  72.   width:100%;

  73. 	float:left;

  74. }

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

  76. 	float:left;

  77. }

  78. #book-outline tr{

  79. 	width:98%;

  80. 	margin:0px;

  81. 	padding-left:1%;

  82. 	padding-right:1%;

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

  84. 	border-top:none;

  85. }

  86. #book-outline tr td {

  87. 	border:none;

  88. }

  89. #od-book-edit {

  90. 	margin:0px;

  91. }

  92. #book-outline .tableHeader-processed {

  93.   display:none;

  94. }

  95. #od_growl{

  96.   top:-4px;

  97.   position:fixed;

  98.   width:50%;

  99.   left:25%;

  100.   text-align:center;

  101.   z-index:100000;

  102.   background-color:#EEEEEE;

  103.   color:#333333;

  104.   border: 2px solid #000000;

  105. }

  106. #od_content_types td{

  107.  padding:10px;

  108.  width:33%;

  109. }

  110. .od_msg{

  111.   margin:0px !important;

  112. }

  113. /* 

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

  115.  */

  116. 

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

  118. /* =============================== */

  119. #context_menu{

  120.   width:auto;

  121. }

  122. .context-menu-theme-default {

  123.   border:2px outset white;

  124.   background-color:#D4D0C8;

  125. }

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

  127.   text-align:left;

  128.   cursor:pointer;

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

  130.   color:black;

  131.   font-family:Tahoma,Arial;

  132.   font-size:11px;

  133. }

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

  135.   margin:4px 2px;

  136.   font-size:0px;

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

  138.   border-bottom:1px solid white;

  139. }

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

  141.   color:#808080;

  142. }

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

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

  145. }

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

  147.   background-color:#0A246A;

  148.   color:white;

  149. }

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

  151.   background-color:#0A246A;

  152. }

  153. 

  154. /* Windows XP Theme */

  155. /* ================ */

  156. .context-menu-theme-xp {

  157.   border:1px solid #666;

  158.   padding:1px;

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

  160. }

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

  162.   margin:0px 0px 0px 22px;

  163.   font-size:0px;

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

  165.   border-bottom:1px solid white;

  166. }

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

  168.   text-align:left;

  169.   color:black;

  170.   font-family:arial;

  171.   font-size:11px;

  172.   cursor:pointer;

  173. }

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

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

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

  177. }

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

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

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

  181.   border:1px solid #0A246A;

  182. }

  183. 

  184. /* Windows Vista Theme */

  185. /* =================== */

  186. .context-menu-theme-vista {

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

  188.   border:1px solid #868686;

  189. }

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

  191.   text-align:left;

  192.   cursor:pointer;

  193.   color:black;

  194.   font-family:Tahoma,Arial;

  195.   font-size:11px;

  196. }

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

  198.   margin:0px 0px 0px 32px;

  199.   font-size:0px;

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

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

  202. }

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

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

  205.   border:1px solid #D7D0B3;

  206. }

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

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

  209.   margin-left:1px;

  210.   background-color:none;

  211.   background-repeat:no-repeat;

  212.   background-position:3px center;

  213.   background-image:none;

  214. }

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

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

  217.   margin-left:0px;

  218. }

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

  220.   color:#A7A7A7;

  221. }

  222. 

  223. /* OSX Theme */

  224. /* ========= */

  225. .context-menu-theme-osx {

  226.   background-color:white;

  227.   opacity: .93;

  228.   filter: alpha(opacity=93);

  229.   zoom:1.0;

  230.   border:1px solid #b2b2b2;

  231. }

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

  233.   text-align:left;

  234.   cursor:pointer;

  235.   color:black;

  236.   font-family:Lucida Grande,Arial;

  237.   font-weight:700;

  238.   font-size:12px;

  239.   opacity: 1.0;

  240.   filter: alpha(opacity=100);

  241.   z-index:1;

  242. }

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

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

  245.   font-size:0px;

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

  247. }

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

  249.   background-color:#1C44F2;

  250.   color:white;

  251. }

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

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

  254.   background-color:none;

  255.   background-repeat:no-repeat;

  256.   background-position:4px center;

  257.   background-image:none;

  258. }

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

  260.   color:#939393;

  261. }

  262. 

  263. /* Linux Human Theme */

  264. /* ================= */

  265. .context-menu-theme-human {

  266.   background:#F9F5F2;

  267.   border:1px solid #963;

  268. }

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

  270.   text-align:left;

  271.   cursor:pointer;

  272.   color:black;

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

  274.   font-size:12px;

  275.   line-height:20px;

  276.   height:28px;

  277.   border:1px solid #F9F5F2;

  278.   border-left:0;

  279.   border-right:0;

  280. }

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

  282.   margin:0px 0px 0px 0px;

  283.   font-size:0px;

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

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

  286. }

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

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

  289.   border-color:#963;

  290. }

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

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

  293.   margin-left:0px;

  294.   background-color:none;

  295.   background-repeat:no-repeat;

  296.   background-position:5px center;

  297.   background-image:none;

  298. }

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

  300. }

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

  302.   color:#A7A7A7;

  303. }

  304. 

  305. /* Gloss Theme */

  306. /* =========== */

  307. .context-menu-theme-gloss {

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

  309.   border:1px solid #f4f4f4;

  310.   padding:1px;

  311.   padding-right:0;

  312. }

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

  314.   text-align:left;

  315.   cursor:pointer;

  316.   color:black;

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

  318.   font-size:12px;

  319.   line-height:20px;

  320.   height:27px;

  321.   border:1px solid transparent;

  322. }

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

  324.   margin:0px 0px 0px 32px;

  325.   font-size:0px;

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

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

  328. }

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

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

  331.   color:#fff;

  332.   border-color:#000;

  333.     border-radius: 3px;

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

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

  336. }

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

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

  339.   margin-left:0px;

  340.   background-color:none;

  341.   background-repeat:no-repeat;

  342.   background-position:3px center;

  343.   background-image:none;

  344. }

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

  346. }

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

  348.   color:#A7A7A7;

  349. }

  350. 

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

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

  353.   border-color:#00c;

  354. }

  355. 

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

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

  358.   border-color:#00c;

  359.   background-color:#30f;

  360. }

  361. 

  362. .od-toggle-open {

  363.   margin-left:10px;

  364. }

  365. 

  366. .od-toggle-closed {

  367.   margin-left:10px;

  368. }

  369. .od_cancel_button {

  370.   position:absolute;

  371. 	top:0;

  372. 	right:0;

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

  374. 	padding:0px;

  375. }

  376. 

  377. .od-operation-icons {

  378. 	float:left;

  379. 	margin:6px 6px 0px 6px;

  380. }

  381. 

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

  383. 	display:none;

  384. }

  385. 

  386. .ahah-progress-throbber {

  387. 	float:left

  388. }

  389. .message {

  390. 	float:left;

  391. 	font-weight:bold;

  392. }