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