You are here

outline_designer.css in Outline Designer 6.2

/*
 * 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;
}

#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;
}

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

#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;
}
#book-outline .tableHeader-processed {
  display:none;
}
#book-admin-edit .sticky-header {
  display:none;
}
#od-book-edit {
  margin:0px;
}

#menu-overview {
  min-width:inherit;
  width:100%;
  float:left;
}
#menu-overview tr td div.form-item{
  float:left;
}
#menu-overview tr{
  width:98%;
  margin:0px;
  padding-left:1%;
  padding-right:1%;
  border-bottom:1px solid #DDDDDD;
  border-top:none;
}
#menu-overview tr td {
  border:none;
}
#menu-overview .tableHeader-processed {
  display:none;
}
#od-menu-edit .sticky-header {
  display:none;
}
#od-menu-edit {
  margin: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_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. .outline_designer_edit_button{
  65. margin: 2px 5px;
  66. float:left;
  67. cursor: pointer;
  68. }
  69. #od_growl{
  70. top:-4px;
  71. position:fixed;
  72. width:50%;
  73. left:25%;
  74. text-align:center;
  75. z-index:100000;
  76. background-color:#EEEEEE;
  77. color:#333333;
  78. border: 2px solid #000000;
  79. }
  80. #od_content_types td{
  81. padding:10px;
  82. width:33%;
  83. }
  84. .od_msg{
  85. margin:0px !important;
  86. }
  87. /*
  88. * This is part of the jquery.contextmenu.js package to create some different theme styles
  89. */
  90. /* Classic Windows Theme (default) */
  91. /* =============================== */
  92. #context_menu{
  93. width:auto;
  94. }
  95. .context-menu-theme-default {
  96. border:2px outset white;
  97. background-color:#D4D0C8;
  98. }
  99. .context-menu-theme-default .context-menu-item {
  100. text-align:left;
  101. cursor:pointer;
  102. padding:4px 28px 4px 16px;
  103. color:black;
  104. font-family:Tahoma,Arial;
  105. font-size:11px;
  106. }
  107. .context-menu-theme-default .context-menu-separator {
  108. margin:4px 2px;
  109. font-size:0px;
  110. border-top:1px solid #808080;
  111. border-bottom:1px solid white;
  112. }
  113. .context-menu-theme-default .context-menu-item-disabled {
  114. color:#808080;
  115. }
  116. .context-menu-theme-default .context-menu-item .context-menu-item-inner {
  117. background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
  118. }
  119. .context-menu-theme-default .context-menu-item-hover {
  120. background-color:#0A246A;
  121. color:white;
  122. }
  123. .context-menu-theme-default .context-menu-item-disabled-hover {
  124. background-color:#0A246A;
  125. }
  126. /* Windows XP Theme */
  127. /* ================ */
  128. .context-menu-theme-xp {
  129. border:1px solid #666;
  130. padding:1px;
  131. background:#F9F8F7 url(../images/contextmenu/cmenu-xp-bg.gif) repeat-y top left;
  132. }
  133. .context-menu-theme-xp .context-menu-separator {
  134. margin:0px 0px 0px 22px;
  135. font-size:0px;
  136. border-top:1px solid #808080;
  137. border-bottom:1px solid white;
  138. }
  139. .context-menu-theme-xp .context-menu-item {
  140. text-align:left;
  141. color:black;
  142. font-family:arial;
  143. font-size:11px;
  144. cursor:pointer;
  145. }
  146. .context-menu-theme-xp .context-menu-item .context-menu-item-inner {
  147. background:none no-repeat 2px center;
  148. padding:4px 10px 4px 30px;
  149. }
  150. .context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
  151. background:#B6BDD2 none no-repeat 2px center;
  152. padding:3px 9px 3px 29px;
  153. border:1px solid #0A246A;
  154. }
  155. /* Windows Vista Theme */
  156. /* =================== */
  157. .context-menu-theme-vista {
  158. background:#FAFAFA url(../images/contextmenu/cmenu-vista-bg.gif) repeat-y left top;
  159. border:1px solid #868686;
  160. }
  161. .context-menu-theme-vista .context-menu-item {
  162. text-align:left;
  163. cursor:pointer;
  164. color:black;
  165. font-family:Tahoma,Arial;
  166. font-size:11px;
  167. }
  168. .context-menu-theme-vista .context-menu-separator {
  169. margin:0px 0px 0px 32px;
  170. font-size:0px;
  171. border-top:1px solid #C5C5C5;
  172. border-bottom:1px solid #F5F5F5;
  173. }
  174. .context-menu-theme-vista .context-menu-item-hover {
  175. background:transparent url(../images/contextmenu/cmenu-vista-menu-item-hover.gif) repeat-x left center;
  176. border:1px solid #D7D0B3;
  177. }
  178. .context-menu-theme-vista .context-menu-item .context-menu-item-inner {
  179. padding:4px 16px 4px 35px;
  180. margin-left:1px;
  181. background-color:none;
  182. background-repeat:no-repeat;
  183. background-position:3px center;
  184. background-image:none;
  185. }
  186. .context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
  187. padding:3px 15px 3px 35px;
  188. margin-left:0px;
  189. }
  190. .context-menu-theme-vista .context-menu-item-disabled {
  191. color:#A7A7A7;
  192. }
  193. /* OSX Theme */
  194. /* ========= */
  195. .context-menu-theme-osx {
  196. background-color:white;
  197. opacity: .93;
  198. filter: alpha(opacity=93);
  199. zoom:1.0;
  200. border:1px solid #b2b2b2;
  201. }
  202. .context-menu-theme-osx .context-menu-item {
  203. text-align:left;
  204. cursor:pointer;
  205. color:black;
  206. font-family:Lucida Grande,Arial;
  207. font-weight:700;
  208. font-size:12px;
  209. opacity: 1.0;
  210. filter: alpha(opacity=100);
  211. z-index:1;
  212. }
  213. .context-menu-theme-osx .context-menu-separator {
  214. margin:5px 1px 4px 1px;
  215. font-size:0px;
  216. border-top:1px solid #e4e4e4;
  217. }
  218. .context-menu-theme-osx .context-menu-item-hover {
  219. background-color:#1C44F2;
  220. color:white;
  221. }
  222. .context-menu-theme-osx .context-menu-item .context-menu-item-inner {
  223. padding:2px 10px 2px 22px;
  224. background-color:none;
  225. background-repeat:no-repeat;
  226. background-position:4px center;
  227. background-image:none;
  228. }
  229. .context-menu-theme-osx .context-menu-item-disabled {
  230. color:#939393;
  231. }
  232. /* Linux Human Theme */
  233. /* ================= */
  234. .context-menu-theme-human {
  235. background:#F9F5F2;
  236. border:1px solid #963;
  237. }
  238. .context-menu-theme-human .context-menu-item {
  239. text-align:left;
  240. cursor:pointer;
  241. color:black;
  242. font-family:Helvetica,DejaVu Sans,Arial;
  243. font-size:12px;
  244. line-height:20px;
  245. height:28px;
  246. border:1px solid #F9F5F2;
  247. border-left:0;
  248. border-right:0;
  249. }
  250. .context-menu-theme-human .context-menu-separator {
  251. margin:0px 0px 0px 0px;
  252. font-size:0px;
  253. border-top:1px solid #C5C5C5;
  254. border-bottom:1px solid #F5F5F5;
  255. }
  256. .context-menu-theme-human .context-menu-item-hover {
  257. background:transparent url(../images/contextmenu/cmenu-human-menu-item-hover.gif) repeat-x left center;
  258. border-color:#963;
  259. }
  260. .context-menu-theme-human .context-menu-item .context-menu-item-inner {
  261. padding:4px 16px 4px 35px;
  262. margin-left:0px;
  263. background-color:none;
  264. background-repeat:no-repeat;
  265. background-position:5px center;
  266. background-image:none;
  267. }
  268. .context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {
  269. }
  270. .context-menu-theme-human .context-menu-item-disabled {
  271. color:#A7A7A7;
  272. }
  273. /* Gloss Theme */
  274. /* =========== */
  275. .context-menu-theme-gloss {
  276. background:#f4f4f4 repeat-y left center;
  277. border:1px solid #f4f4f4;
  278. padding:1px;
  279. padding-right:0;
  280. }
  281. .context-menu-theme-gloss .context-menu-item {
  282. text-align:left;
  283. cursor:pointer;
  284. color:black;
  285. font-family:Helvetica,DejaVu Sans,Arial;
  286. font-size:12px;
  287. line-height:20px;
  288. height:27px;
  289. border:1px solid transparent;
  290. }
  291. .context-menu-theme-gloss .context-menu-separator {
  292. margin:0px 0px 0px 32px;
  293. font-size:0px;
  294. border-top:1px solid #C5C5C5;
  295. border-bottom:1px solid #F5F5F5;
  296. }
  297. .context-menu-theme-gloss .context-menu-item-hover {
  298. background:transparent url(../images/contextmenu/cmenu-gloss-menu-item-hover.gif) repeat-x left center;
  299. color:#fff;
  300. border-color:#000;
  301. border-radius: 3px;
  302. -webkit-border-radius: 3px;
  303. -moz-border-radius: 3px;
  304. }
  305. .context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
  306. padding:4px 16px 4px 35px;
  307. margin-left:0px;
  308. background-color:none;
  309. background-repeat:no-repeat;
  310. background-position:3px center;
  311. background-image:none;
  312. }
  313. .context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {
  314. }
  315. .context-menu-theme-gloss .context-menu-item-disabled {
  316. color:#A7A7A7;
  317. }
  318. .context-menu-theme-gloss-cyan .context-menu-item-hover {
  319. background-image:url(../images/contextmenu/cmenu-gloss-cyan-menu-item-hover.gif);
  320. border-color:#00c;
  321. }
  322. .context-menu-theme-gloss-semitransparent .context-menu-item-hover {
  323. background-image:url(../images/contextmenu/cmenu-item-gloss-semitransparent-menu-item-hover.png);
  324. border-color:#00c;
  325. background-color:#30f;
  326. }
  327. .od-toggle-open {
  328. margin-left:10px;
  329. }
  330. .od-toggle-closed {
  331. margin-left:10px;
  332. }
  333. .od_cancel_button {
  334. position:absolute;
  335. top:0;
  336. right:0;
  337. margin:-8px -8px 0px 0px;
  338. padding:0px;
  339. }
  340. .od-operation-icons {
  341. float:left;
  342. margin:6px 6px 0px 6px;
  343. }
  344. .ahah-progress-throbber {
  345. float:left
  346. }
  347. .message {
  348. float:left;
  349. font-weight:bold;
  350. }
  351. #book-outline {
  352. min-width:inherit;
  353. width:100%;
  354. float:left;
  355. }
  356. #book-outline tr td div.form-item{
  357. float:left;
  358. }
  359. #book-outline tr{
  360. width:98%;
  361. margin:0px;
  362. padding-left:1%;
  363. padding-right:1%;
  364. border-bottom:1px solid #DDDDDD;
  365. border-top:none;
  366. }
  367. #book-outline tr td {
  368. border:none;
  369. }
  370. #book-outline .tableHeader-processed {
  371. display:none;
  372. }
  373. #book-admin-edit .sticky-header {
  374. display:none;
  375. }
  376. #od-book-edit {
  377. margin:0px;
  378. }
  379. #menu-overview {
  380. min-width:inherit;
  381. width:100%;
  382. float:left;
  383. }
  384. #menu-overview tr td div.form-item{
  385. float:left;
  386. }
  387. #menu-overview tr{
  388. width:98%;
  389. margin:0px;
  390. padding-left:1%;
  391. padding-right:1%;
  392. border-bottom:1px solid #DDDDDD;
  393. border-top:none;
  394. }
  395. #menu-overview tr td {
  396. border:none;
  397. }
  398. #menu-overview .tableHeader-processed {
  399. display:none;
  400. }
  401. #od-menu-edit .sticky-header {
  402. display:none;
  403. }
  404. #od-menu-edit {
  405. margin:0px;
  406. }