new Sass tool for developing css for LTR and RTL languages easily
[openemr.git] / interface / themes / core / navmenu.scss
blobbb33f90b675fa57b4789c129ebe6136b793aedf6
1 .menu {
2     color: #0000cc;
3     text-decoration: none;
4     text-align: $left;
6 .menu_selected {
7     color: #000000;
8     text-decoration: none;
9     text-align: $left;
11 /* see .titlebar below */
13 .title_bar {
14     font-size: 1.0em;
15     font-weight: bold;
16     text-decoration: none;
17     color: #000000;
19 .title_bar_top {
20     font-weight: bold;
21     text-decoration: none;
22     color: #000000;
24 .sidebar {
25     background: #fffbeb;
26     font-size: 95%;
27     padding-left: 0 !important;
28     padding-right: 0 !important;
29     .submenu {
30         padding-left: 15px;
31     }
32     ul.mainmenu {
33         padding-bottom: 55px;
34     }
36 /*=============================================================
37  * Here we have taken variables from globals.php and turned them into CSS classes
38  * these should be used in place of the GLOBAL variables -- JRM March 2008
39  *=============================================================*/
41 body {
42     direction: $dir;
45 .body_top {
46     background-color: #fffbeb;
47     margin: 8px
49 /* $top_bg_line */
51 .bgcolor2 {
52     background-color: #fffbeb;
54 /* $GLOBALS['style']['BGCOLOR2'] */
56 .body_bottom {
57     background: url('../pic/aquabg.gif') repeat;
58     margin: 8px
60 /* $bottom_bg_line */
62 .body_title {
63     background-color: #fedf98;
65 /* $title_bg_line */
67 .body_nav {
68     background-color: #fefdcf;
70 /* $nav_bg_line */
72 .body_filler {
73     background-color: #f7f0d5;
75 /* $login_filler_line */
77 .body_login {
78     background: url('../pic/aquabg.gif') repeat;
80 /* $login_body_line */
82 .table_bg {
83     background-color: #ccc;
85 /* $table_bg */
87 .bgcolor1 {
88     background-color: #ccc;
90 /* $GLOBALS['style']['BGCOLOR1'] */
92 .textcolor11 {
93     background-color: #222;
95 /* $GLOBALS['style']['TEXTCOLOR11'] */
97 .highlightcolor {
98     background-color: #ddd;
100 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
102 .bottom_line {
103     background: url('../pic/aquabg.gif') repeat;
105 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
107 .logobar {
108     background-color: #24262c;
109     height: 110px;
111 /* $GLOBALS['logoBarHeight'] */
113 .navbar {
114     height: 22px;
116 /* $GLOBALS['navBarHeight'] */
118 .titlebar {
119     height: 20px;
121 /* $GLOBALS['titleBarHeight'] */
123 /* The top navigation icon styling*/
125 .top-nav-icons {
126     margin-right: 15px;
127     margin-top: 5px
129 .text-area {
130     background-color: #FFFFFF;
131     border: 1px solid black;
132     width: 100%;
133     height: 100px;
134     overflow: auto;
135     text-align: $left;
137 .example_menu {
138     list-style: none;
139     margin: 0;
140     padding: 0;
141     vertical-align: top;
142     width: 136px;
144 .expand_all, .collapse_all {
145     cursor: pointer;
147 .example_menu ul {
148     display: none;
149     list-style: none;
150     margin: 0;
151     padding: 0;
153 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
154     background-image: none;
155     margin: 0;
156     padding: 0;
157     border-bottom: 1px solid white;
159 .example_menu ul ul {
160     display: block;
162 .example_menu a {
163     color: #000;
164     cursor: pointer;
165     display: block;
166     font-weight: bold;
167     margin-left: 0;
168     padding: 2px 2px 2px 17px;
169     width: 160px;
171 .example_menu a.expanded {
172     background: #bbb url('collapse.gif') no-repeat 3px 50%;
174 .example_menu a.collapsed {
175     background: #bbb url('expand.gif') no-repeat 3px 50%;
177 .example_menu a:hover {
178     text-decoration: none;
180 .example_menu ul li span {
181     background: #d9d1a4;
182     color: #000;
183     display: block;
184     font-weight: normal;
185     width: 100%;
187 .example_menu ul a:Subjective {
188     font-weight: normal;
190 .example_menu ul a:hover {
191     background: #f5f5f5;
192     text-decoration: underline;
194 .example_menu li.active a {
195     background: #fff;
197 .example_menu li.active li a {
198     background: #e8e8e8;
200 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
201     background: transparent url('footer.jpg') no-repeat 0 0;
202     border-top: 2px solid #fff;
203     height: 9px;
204     line-height: 15px;
205     margin: 0 0 10px 0;
206     width: 131px;
208 .example_menu .footer span {
209     display: none;
211 .cke_contents {
212     height: 300px !important;