1 /* fonts and font effects */
6 font-family: "Roboto", Helvetica, Arial, sans-serif;
21 font-family: "Roboto", Helvetica, Arial, sans-serif;
25 .general-content-body .navbar .nav-item,
26 .general-content-body h2,
27 .general-content-body h3,
28 .general-content-body h5,
37 .general-content-body h5 {
40 .news-page .general-content-body h5 {
44 .news-page .general-content-body .btn-link.active {
48 .general-content-body .navbar .nav-item {
56 .left-menu-sidebar-options
58 text-transform: uppercase;
62 .left-menu-sidebar.sidebar .sidebar-menu.active {
66 .left-menu-sidebar.sidebar .sidebar-menu > li > a {
68 padding: 12px 5px 12px 20px;
71 .left-menu-sidebar.sidebar .sidebar-menu>li>a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
75 .left-menu-sidebar.sidebar .left-menu-sidebar-options {
79 .left-menu-sidebar.sidebar .sidebar-menu > li > a i {
83 .left-menu-sidebar.sidebar .sidebar-menu > li.active {
84 background-color: #fff;
88 .mobile-header-menu ul > li.active > a,
89 .left-menu-sidebar.sidebar .sidebar-menu > li.active > a {
93 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active {
94 background-color: #fff;
98 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active > a {
102 .left-menu-sidebar.sidebar .left-menu-sidebar-options .languages li a:hover {
107 .left-menu-sidebar.sidebar .left-menu-sidebar-options .socials li a:hover > i {
108 background-color: #16114C;
111 .left-menu-sidebar.sidebar .sidebar-menu > li .treeview-menu a:hover,
112 .left-menu-sidebar.sidebar .sidebar-menu > li a:hover {
116 /* block the broken bit from sidbar... */
117 .sidebar .sidebar-menu li.open li.treeview-menu>a {
121 /**-----subsubsub menuds... **/
122 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > a.dropdown-item,
123 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu
128 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > a.dropdown-item,
129 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > li.treeview-menu
135 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show, /* the actuall menu that is shown */
136 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu > a.dropdown-item, /* the actuall menu that is shown */
138 /* expanded non-menu item */
140 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > a.dropdown-item,
141 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
145 /* expanded sub menu item */
146 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
147 > li.treeview-menu.dropdown-toggle > a.dropdown-item
152 /* ------------------logo */
158 /* might need to make this base 64, so that it works with other browsers? */
159 background-repeat: no-repeat;
161 background-origin: content-box;
162 background-size: contain;
165 .left-menu-sidebar.sidebar .sidebar-menu > li > a.logo
167 margin: 15px 0 0 18px;
173 .mobile-header-menu .navbar-header a.navbar-brand {
174 background-image: url("../images/roojsorg_logo-100.png");
178 .sidebar-menu .nav-item .logo {
183 .sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
187 border-bottom: 1px solid #eee;
188 background-color: #fff;
191 .sidebar .sidebar-menu li.open ul {
197 width: 250px; /*320px;*/
202 background-repeat: no-repeat;
203 background-position: center center;
204 -webkit-background-size: cover;
205 -moz-background-size: cover;
206 -o-background-size: cover;
207 background-size: cover;
213 .left-menu-sidebar .left-menu-sidebar-options {
215 width: 250px; /*320px;*/
222 .left-menu-sidebar .left-menu-sidebar-options ul.languages,
223 .left-menu-sidebar .left-menu-sidebar-options ul.socials,
224 .mobile-header-menu .mobile-header-menu-options ul.languages,
225 .mobile-header-menu .mobile-header-menu-options ul.socials,
226 .mobile-footer ul.socials {
233 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li,
234 .mobile-header-menu .mobile-header-menu-options ul.languages > li {
237 border-right: 1px solid #000;
240 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li:last-child,
241 .mobile-header-menu .mobile-header-menu-options ul.languages > li:last-child {
245 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li > a {
249 .mobile-header-menu .mobile-header-menu-options ul.languages > li > a {
253 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li:first-child,
254 .mobile-header-menu .mobile-
255 header-menu-options ul.socials > li:first-child,
256 .mobile-footer ul.socials > li:first-child {
260 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li
265 .mobile-header-menu .mobile-header-menu-options ul.socials > li,
266 .mobile-footer ul.socials > li {
271 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li i {
274 background-color: #666;
282 .mobile-header-menu .mobile-header-menu-options ul.socials > li i,
283 .mobile-footer ul.socials > li i {
286 background-color: #777;
295 .general-content-head,
301 /* articles need footer padding really */
304 margin-bottom: 100px;
307 .services .main-content,
308 .main-content-projects.main-content {
312 /* head is diplay none by default - but shown on bigger screens */
314 .general-content-head {
318 .mobile-general-content-head {
323 .mobile-general-content-head {
324 /*padding-right: 10px;*/
332 .home .mobile-main-content {
334 /*margin-bottom: 100px;*/
338 .mobile-header-menu {
343 .main-content-projects-container label {
347 .main-content-projects-container {
353 .left-menu-sidebar .languages,
354 .mobile-header-menu .languages {
358 .left-menu-sidebar .languages .active,
359 .mobile-header-menu .languages .active {
364 .general-content-body {
373 .main-content-projects-container form {
377 @media (min-width: 768px) {
385 .mobile-header-menu {
390 .general-content-head,
396 .general-content-head {
400 .mobile-general-content-head {
408 .general-content-body,
413 .project-detail .general-content-body,
414 .project-detail .slide-container {
418 .home .main-content {
422 .home .mobile-main-content {
427 .main-content .header-column h1 {
429 padding-bottom: 11px;
436 @media (min-width: 992px) {
437 .awards-item-image + .awards-item-image {
445 @media (min-width: 1170px) {
447 .general-content-body,
453 .project-detail .general-content-body,
454 .project-detail .slide-container {
461 .news-page .input-group {
462 display:inline-table;
464 @media (max-width: 768px) {
465 .general-content-body,
469 roo-select2-container
470 .services .main-content {
473 .news-page .form-group .roo-select2-container {
474 display:inline-block;
476 .news-page .form-group {
477 display:inline-block;
485 .projects-options .projects-option-selector {
491 .main-content-projects.main-content,
492 .services .main-content {
496 .main-content-projects .header-column h1,
497 .services .header-column h1 {
502 border-bottom: 1px solid #eee;
504 text-transform: uppercase;
507 .services .header-column h1
511 .main-content-projects .x-combo-noedit {
513 border-color: white !important;
517 text-transform: uppercase;
522 .navbar-header .navbar-toggle {
525 .main-content-projects-container form {
530 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
535 .general-content-body .navbar .navbar-nav .nav-item {
539 .general-content-body .navbar .navbar-nav {
543 .general-content-body .navbar {
547 /** home page tiles text larger */
549 body.home .masonry-brick-title {
553 .services .masonry-brick-image.masonry-center-title > .masonry-brick-paragraph .masonry-brick-title {
560 .masonry-brick-paragraph .masonry-brick-title,
561 .roo-select2-container input
568 /* .masonry-brick-paragraph .masonry-brick-title, */
569 .roo-select2-container input
571 text-transform: uppercase;
575 @media (min-width: 992px) {
577 .masonry-brick-paragraph .masonry-brick-title {
583 .mobile-header-menu .navbar-header a.navbar-brand {
587 background-repeat: no-repeat;
588 margin: 10px 10px 2px;
594 .mobile-header-menu .navbar-header a.navbar-brand {
595 text-transform: uppercase;
598 .mobile-header-menu .navbar-nav li > a
603 .mobile-header-menu .mobile-header-menu-options,
604 .roo-combobox-touch-view .roo-combobox-list-group-item-value,
605 .roo-combobox-touch-view .modal-header,
606 .roo-combobox-touch-view .btn
608 text-transform: uppercase;
611 .roo-combobox-touch-view .modal-content,
612 .roo-combobox-touch-view .list-group-item
619 .roo-combobox-touch-view .list-group-item {
623 .roo-combobox-touch-view .selected .roo-combobox-list-group-item-value {
625 text-transform: uppercase;
628 .roo-combobox-touch-view .roo-combobox-list-group-item-box {
631 .roo-combobox-touch-view .btn {
633 background-color: #fff;
637 .roo-touchview-combobox .dropdown-toggle {
645 .lang-en .link-youku {
649 .lang-zh-hk .link-youtube,
650 .lang-zh-cn .link-youtube
660 background-color: #333;
664 /* text-transform: uppercase; */
667 .mobile-footer .title {
669 letter-spacing: 1.5px;
680 text-shadow: 4px 4px 6px rgba(0,0,0,.6);
682 text-transform: uppercase;
687 background: linear-gradient(to top,rgba(0,0,0,.5),rgba(1,1,1,0));
691 .contact-us-location-content h4.roo-brick-title
696 .contact-us-location-content .roo-brick-text
700 @media (max-width: 768px) {
701 .contact-us-location-content h4.roo-brick-title
706 .contact-us-location-content .roo-brick-text
713 .roo-required-indicator.left-indicator {
717 .panel-hpa > .panel-heading {
718 background-color: #16114C;
723 /** - share this.. lighten... */
725 background: #666 !important;
728 background: #16114C !important;
732 top: 15px !important;
735 .home .masonry-md-brick.masonry-bottom-title h4 ,
736 .home .masonry-sm-brick.masonry-bottom-title h4 {
739 @media (max-width: 768px) {
740 .home .masonry-md-brick.masonry-bottom-title h4 ,
741 .home .masonry-sm-brick.masonry-bottom-title h4 {
743 vertical-align: middle;
748 .contact-us-location-content .roo-brick.deep-grey
750 background-color: #c2cde0;
756 /* These are technically the same, but use both */
757 overflow-wrap: break-word;
758 word-wrap: break-word;
760 -ms-word-break: break-all;
761 /* This is the dangerous one in WebKit, as it breaks things wherever */
762 word-break: break-all;
763 /* Instead use this non-standard one: */
764 word-break: break-word;
766 /* Adds a hyphen where the word breaks, if supported (No Blink) */
769 -webkit-hyphens: auto;
774 .doc-table-container .panel-body {
777 .doc-table-container .table {
780 /** --------- from original --------*/
785 /* color: #002EBE; */
786 font-family: "Courier New",Courier,monospace;
796 .doc-table-container .table>tbody>tr>td {
797 padding: 2px 14px 0px 4px;
800 .doc-table-container .short,
801 .doc-table-container .long
808 .doc-table-container .short {
811 .doc-table-container tfoot {
815 .doc-table-container td.short {
818 .doc-table-container td.expanded .short {
821 .doc-table-container td .long {
824 .doc-table-container td.expanded .long {
829 .doc-table-container td.expanded>.fixedFont::before {
830 font-family: 'Font Awesome 5 Free';
838 .doc-table-container td>.fixedFont::before {
839 font-family: 'Font Awesome 5 Free';
863 padding-bottom: 10px;
877 .long pre, .description pre {
878 background: #F8F8F8 none repeat scroll 0% 0%;
881 border-width: 1px 1px 1px 5px;
882 font-size: 12px !important;
883 line-height: 14px !important;
884 margin: 10px 10px 10px 0px;
887 .doc-augments .panel-body
891 .doc-augments .panel-body pre {
896 font-family: monospace; /** default font is too soft.. */
899 background-color: #fcf8e3;
903 background-color: #fff;