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 {
84 .mobile-header-menu ul > li.active > a,
85 .left-menu-sidebar.sidebar .sidebar-menu > li.active > a {
89 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active {
90 /* background-color: #fff;
91 border-color: #eee; */
94 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active > a {
98 .left-menu-sidebar.sidebar .left-menu-sidebar-options .languages li a:hover {
103 .left-menu-sidebar.sidebar .left-menu-sidebar-options .socials li a:hover > i {
104 background-color: #16114C;
107 .left-menu-sidebar.sidebar .sidebar-menu > li .treeview-menu a:hover,
108 .left-menu-sidebar.sidebar .sidebar-menu > li a:hover {
112 .left-menu-sidebar.sidebar .sidebar-menu>li.active>a,
113 .sidebar .sidebar-menu li.open li.treeview-menu.active>a
119 /* block the broken bit from sidbar... */
120 .sidebar .sidebar-menu li.open li.treeview-menu>a {
124 /**-----subsubsub menuds... **/
125 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > a.dropdown-item,
126 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu
131 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > a.dropdown-item,
132 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > li.treeview-menu
138 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show, /* the actuall menu that is shown */
139 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu > a.dropdown-item, /* the actuall menu that is shown */
141 /* expanded non-menu item */
143 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > a.dropdown-item,
144 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
148 /* expanded sub menu item */
149 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
150 > li.treeview-menu.dropdown-toggle > a.dropdown-item
155 /* ------------------logo */
161 /* might need to make this base 64, so that it works with other browsers? */
162 background-repeat: no-repeat;
164 background-origin: content-box;
165 background-size: contain;
168 .left-menu-sidebar.sidebar .sidebar-menu > li > a.logo
170 margin: 15px 0 0 18px;
176 .mobile-header-menu .navbar-header a.navbar-brand {
177 background-image: url("../images/roojsorg_logo-100.png");
181 .sidebar-menu .nav-item .logo {
186 .sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
190 border-bottom: 1px solid #eee;
191 background-color: #fff;
194 .sidebar .sidebar-menu li.open ul {
208 width: 250px; /*320px;*/
211 background-repeat: no-repeat;
212 background-position: center center;
213 -webkit-background-size: cover;
214 -moz-background-size: cover;
215 -o-background-size: cover;
216 background-size: cover;
222 .left-menu-sidebar .left-menu-sidebar-options {
224 width: 250px; /*320px;*/
231 .left-menu-sidebar .left-menu-sidebar-options ul.languages,
232 .left-menu-sidebar .left-menu-sidebar-options ul.socials,
233 .mobile-header-menu .mobile-header-menu-options ul.languages,
234 .mobile-header-menu .mobile-header-menu-options ul.socials,
235 .mobile-footer ul.socials {
242 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li,
243 .mobile-header-menu .mobile-header-menu-options ul.languages > li {
246 border-right: 1px solid #000;
249 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li:last-child,
250 .mobile-header-menu .mobile-header-menu-options ul.languages > li:last-child {
254 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li > a {
258 .mobile-header-menu .mobile-header-menu-options ul.languages > li > a {
262 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li:first-child,
263 .mobile-header-menu .mobile-
264 header-menu-options ul.socials > li:first-child,
265 .mobile-footer ul.socials > li:first-child {
269 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li
274 .mobile-header-menu .mobile-header-menu-options ul.socials > li,
275 .mobile-footer ul.socials > li {
280 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li i {
283 background-color: #666;
291 .mobile-header-menu .mobile-header-menu-options ul.socials > li i,
292 .mobile-footer ul.socials > li i {
295 background-color: #777;
304 .general-content-head,
310 /* articles need footer padding really */
313 margin-bottom: 100px;
316 .services .main-content,
317 .main-content-projects.main-content {
321 /* head is diplay none by default - but shown on bigger screens */
323 .general-content-head {
327 .mobile-general-content-head {
332 .mobile-general-content-head {
333 /*padding-right: 10px;*/
341 .home .mobile-main-content {
343 /*margin-bottom: 100px;*/
347 .mobile-header-menu {
352 .main-content-projects-container label {
356 .main-content-projects-container {
362 .left-menu-sidebar .languages,
363 .mobile-header-menu .languages {
367 .left-menu-sidebar .languages .active,
368 .mobile-header-menu .languages .active {
373 .general-content-body {
382 .main-content-projects-container form {
386 @media (min-width: 768px) {
394 .mobile-header-menu {
399 .general-content-head,
405 .general-content-head {
409 .mobile-general-content-head {
417 .general-content-body,
422 .project-detail .general-content-body,
423 .project-detail .slide-container {
427 .home .main-content {
431 .home .mobile-main-content {
436 .main-content .header-column h1 {
438 padding-bottom: 11px;
445 @media (min-width: 992px) {
446 .awards-item-image + .awards-item-image {
454 @media (min-width: 1170px) {
456 .general-content-body,
462 .project-detail .general-content-body,
463 .project-detail .slide-container {
470 .news-page .input-group {
471 display:inline-table;
473 @media (max-width: 768px) {
474 .general-content-body > .container,
475 .general-content-body > .container > .column
481 .general-content-intro > .container,
482 .general-content-body > .container > .column
486 .general-content-body > h1
492 roo-select2-container
493 .services .main-content {
496 .news-page .form-group .roo-select2-container {
497 display:inline-block;
499 .news-page .form-group {
500 display:inline-block;
508 .projects-options .projects-option-selector {
514 .main-content-projects.main-content,
515 .services .main-content {
519 .main-content-projects .header-column h1,
520 .services .header-column h1 {
525 border-bottom: 1px solid #eee;
527 text-transform: uppercase;
530 .services .header-column h1
534 .main-content-projects .x-combo-noedit {
536 border-color: white !important;
540 text-transform: uppercase;
545 .navbar-header .navbar-toggle {
548 .main-content-projects-container form {
553 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
558 .general-content-body .navbar .navbar-nav .nav-item {
562 .general-content-body .navbar .navbar-nav {
566 .general-content-body .navbar {
570 /** home page tiles text larger */
572 body.home .masonry-brick-title {
576 .services .masonry-brick-image.masonry-center-title > .masonry-brick-paragraph .masonry-brick-title {
583 .masonry-brick-paragraph .masonry-brick-title,
584 .roo-select2-container input
591 /* .masonry-brick-paragraph .masonry-brick-title, */
592 .roo-select2-container input
594 text-transform: uppercase;
598 @media (min-width: 992px) {
600 .masonry-brick-paragraph .masonry-brick-title {
606 .mobile-header-menu .navbar-header a.navbar-brand {
610 background-repeat: no-repeat;
611 margin: 10px 10px 2px;
612 background-size: contain;
618 .mobile-header-menu .navbar-header a.navbar-brand {
619 text-transform: uppercase;
622 .mobile-header-menu .navbar-nav li > a
627 .mobile-header-menu .mobile-header-menu-options,
628 .roo-combobox-touch-view .roo-combobox-list-group-item-value,
629 .roo-combobox-touch-view .modal-header,
630 .roo-combobox-touch-view .btn
632 text-transform: uppercase;
635 .roo-combobox-touch-view .modal-content,
636 .roo-combobox-touch-view .list-group-item
643 .roo-combobox-touch-view .list-group-item {
647 .roo-combobox-touch-view .selected .roo-combobox-list-group-item-value {
649 text-transform: uppercase;
652 .roo-combobox-touch-view .roo-combobox-list-group-item-box {
655 .roo-combobox-touch-view .btn {
657 background-color: #fff;
661 .roo-touchview-combobox .dropdown-toggle {
669 .lang-en .link-youku {
673 .lang-zh-hk .link-youtube,
674 .lang-zh-cn .link-youtube
684 background-color: #333;
688 /* text-transform: uppercase; */
691 .mobile-footer .title {
693 letter-spacing: 1.5px;
704 text-shadow: 4px 4px 6px rgba(0,0,0,.6);
706 text-transform: uppercase;
711 background: linear-gradient(to top,rgba(0,0,0,.5),rgba(1,1,1,0));
715 .contact-us-location-content h4.roo-brick-title
720 .contact-us-location-content .roo-brick-text
724 @media (max-width: 768px) {
725 .contact-us-location-content h4.roo-brick-title
730 .contact-us-location-content .roo-brick-text
737 .roo-required-indicator.left-indicator {
741 .panel-hpa > .panel-heading {
742 background-color: #16114C;
747 /** - share this.. lighten... */
749 background: #666 !important;
752 background: #16114C !important;
756 top: 15px !important;
759 .home .masonry-md-brick.masonry-bottom-title h4 ,
760 .home .masonry-sm-brick.masonry-bottom-title h4 {
763 @media (max-width: 768px) {
764 .home .masonry-md-brick.masonry-bottom-title h4 ,
765 .home .masonry-sm-brick.masonry-bottom-title h4 {
767 vertical-align: middle;
772 .contact-us-location-content .roo-brick.deep-grey
774 background-color: #c2cde0;
780 /* These are technically the same, but use both */
781 overflow-wrap: break-word;
782 word-wrap: break-word;
784 -ms-word-break: break-all;
785 /* This is the dangerous one in WebKit, as it breaks things wherever */
786 word-break: break-all;
787 /* Instead use this non-standard one: */
788 word-break: break-word;
790 /* Adds a hyphen where the word breaks, if supported (No Blink) */
793 -webkit-hyphens: auto;
798 .doc-table-container .panel-body {
801 .doc-table-container .table {
804 /** --------- from original --------*/
809 /* color: #002EBE; */
810 font-family: "Courier New",Courier,monospace;
820 .doc-table-container .table>tbody>tr>td {
821 padding: 2px 14px 0px 4px;
824 .doc-table-container .short,
825 .doc-table-container .long
832 .doc-table-container .short {
835 .doc-table-container tfoot {
839 .doc-table-container td.short {
842 .doc-table-container td.expanded .short {
845 .doc-table-container td .long {
848 .doc-table-container td.expanded .long {
853 .doc-table-container td.expanded>.fixedFont::before {
854 font-family: 'Font Awesome 5 Free';
862 .doc-table-container td>.fixedFont::before {
863 font-family: 'Font Awesome 5 Free';
887 padding-bottom: 10px;
901 .long pre, .description pre {
902 background: #F8F8F8 none repeat scroll 0% 0%;
905 border-width: 1px 1px 1px 5px;
906 font-size: 12px !important;
907 line-height: 14px !important;
908 margin: 10px 10px 10px 0px;
911 .doc-augments .panel-body
915 .doc-augments .panel-body pre {
920 font-family: monospace; /** default font is too soft.. */
923 background-color: #fcf8e3;
927 background-color: #fff;