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;
74 .left-menu-sidebar.sidebar .sidebar-menu>li>a,
75 .sidebar .sidebar-menu li.open li.treeview-menu > a {
79 .left-menu-sidebar.sidebar .left-menu-sidebar-options {
83 .left-menu-sidebar.sidebar .sidebar-menu > li > a i {
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;
95 border-color: #eee; */
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 .left-menu-sidebar.sidebar .sidebar-menu>li.active>a,
117 .sidebar .sidebar-menu li.open li.treeview-menu.active>a
123 /* block the broken bit from sidbar... */
124 .sidebar .sidebar-menu li.open li.treeview-menu>a {
128 /**-----subsubsub menuds... **/
129 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > a.dropdown-item,
130 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu,
131 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu ul.treeview-menu
136 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > a.dropdown-item,
137 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu > li.treeview-menu.dropdown-toggle > li.treeview-menu
143 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show, /* the actuall menu that is shown */
144 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu > a.dropdown-item, /* the actuall menu that is shown */
146 /* expanded non-menu item */
148 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > a.dropdown-item,
149 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
153 /* expanded sub menu item */
154 .left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu.show > li.treeview-menu.dropdown-toggle > li.treeview-menu
155 > li.treeview-menu.dropdown-toggle > a.dropdown-item
160 /* ------------------logo */
166 /* might need to make this base 64, so that it works with other browsers? */
167 background-repeat: no-repeat;
169 background-origin: content-box;
170 background-size: contain;
173 .left-menu-sidebar.sidebar .sidebar-menu > li > a.logo
175 margin: 15px 0 0 18px;
181 .mobile-header-menu .navbar-header a.navbar-brand {
182 background-image: url("../images/roojsorg_logo-100.png");
186 .sidebar-menu .nav-item .logo {
191 .sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
195 border-bottom: 1px solid #eee;
196 background-color: #fff;
199 .sidebar .sidebar-menu li.open ul {
213 width: 250px; /*320px;*/
216 background-repeat: no-repeat;
217 background-position: center center;
218 -webkit-background-size: cover;
219 -moz-background-size: cover;
220 -o-background-size: cover;
221 background-size: cover;
227 .left-menu-sidebar .left-menu-sidebar-options {
229 width: 250px; /*320px;*/
236 .left-menu-sidebar .left-menu-sidebar-options ul.languages,
237 .left-menu-sidebar .left-menu-sidebar-options ul.socials,
238 .mobile-header-menu .mobile-header-menu-options ul.languages,
239 .mobile-header-menu .mobile-header-menu-options ul.socials,
240 .mobile-footer ul.socials {
247 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li,
248 .mobile-header-menu .mobile-header-menu-options ul.languages > li {
251 border-right: 1px solid #000;
254 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li:last-child,
255 .mobile-header-menu .mobile-header-menu-options ul.languages > li:last-child {
259 .left-menu-sidebar .left-menu-sidebar-options ul.languages > li > a {
263 .mobile-header-menu .mobile-header-menu-options ul.languages > li > a {
267 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li:first-child,
268 .mobile-header-menu .mobile-
269 header-menu-options ul.socials > li:first-child,
270 .mobile-footer ul.socials > li:first-child {
274 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li
279 .mobile-header-menu .mobile-header-menu-options ul.socials > li,
280 .mobile-footer ul.socials > li {
285 .left-menu-sidebar .left-menu-sidebar-options ul.socials > li i {
288 background-color: #666;
296 .mobile-header-menu .mobile-header-menu-options ul.socials > li i,
297 .mobile-footer ul.socials > li i {
300 background-color: #777;
309 .general-content-head,
315 /* articles need footer padding really */
318 margin-bottom: 100px;
321 .services .main-content,
322 .main-content-projects.main-content {
326 /* head is diplay none by default - but shown on bigger screens */
328 .general-content-head {
332 .mobile-general-content-head {
337 .mobile-general-content-head {
338 /*padding-right: 10px;*/
346 .home .mobile-main-content {
348 /*margin-bottom: 100px;*/
352 .mobile-header-menu {
357 .main-content-projects-container label {
361 .main-content-projects-container {
367 .left-menu-sidebar .languages,
368 .mobile-header-menu .languages {
372 .left-menu-sidebar .languages .active,
373 .mobile-header-menu .languages .active {
378 .general-content-body {
387 .main-content-projects-container form {
391 @media (min-width: 768px) {
399 .mobile-header-menu {
404 .general-content-head,
410 .general-content-head {
414 .mobile-general-content-head {
422 .general-content-body,
427 .project-detail .general-content-body,
428 .project-detail .slide-container {
432 .home .main-content {
436 .home .mobile-main-content {
441 .main-content .header-column h1 {
443 padding-bottom: 11px;
450 @media (min-width: 992px) {
451 .awards-item-image + .awards-item-image {
459 @media (min-width: 1170px) {
461 .general-content-body,
467 .project-detail .general-content-body,
468 .project-detail .slide-container {
475 .news-page .input-group {
476 display:inline-table;
478 @media (max-width: 768px) {
479 .general-content-body > .container,
480 .general-content-body > .container > .column
486 .general-content-intro > .container,
487 .general-content-body > .container > .column
491 .general-content-body > h1
497 roo-select2-container
498 .services .main-content {
501 .news-page .form-group .roo-select2-container {
502 display:inline-block;
504 .news-page .form-group {
505 display:inline-block;
513 .projects-options .projects-option-selector {
519 .main-content-projects.main-content,
520 .services .main-content {
524 .main-content-projects .header-column h1,
525 .services .header-column h1 {
530 border-bottom: 1px solid #eee;
532 text-transform: uppercase;
535 .services .header-column h1
539 .main-content-projects .x-combo-noedit {
541 border-color: white !important;
545 text-transform: uppercase;
550 .navbar-header .navbar-toggle {
553 .main-content-projects-container form {
558 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
563 .general-content-body .navbar .navbar-nav .nav-item {
567 .general-content-body .navbar .navbar-nav {
571 .general-content-body .navbar {
575 /** home page tiles text larger */
577 body.home .masonry-brick-title {
581 .services .masonry-brick-image.masonry-center-title > .masonry-brick-paragraph .masonry-brick-title {
588 .masonry-brick-paragraph .masonry-brick-title,
589 .roo-select2-container input
596 /* .masonry-brick-paragraph .masonry-brick-title, */
597 .roo-select2-container input
599 text-transform: uppercase;
603 @media (min-width: 992px) {
605 .masonry-brick-paragraph .masonry-brick-title {
611 .mobile-header-menu .navbar-header a.navbar-brand {
615 background-repeat: no-repeat;
616 margin: 10px 10px 2px;
617 background-size: contain;
623 .mobile-header-menu .navbar-header a.navbar-brand {
624 text-transform: uppercase;
627 .mobile-header-menu .navbar-nav li > a
632 .mobile-header-menu .mobile-header-menu-options,
633 .roo-combobox-touch-view .roo-combobox-list-group-item-value,
634 .roo-combobox-touch-view .modal-header,
635 .roo-combobox-touch-view .btn
637 text-transform: uppercase;
640 .roo-combobox-touch-view .modal-content,
641 .roo-combobox-touch-view .list-group-item
648 .roo-combobox-touch-view .list-group-item {
652 .roo-combobox-touch-view .selected .roo-combobox-list-group-item-value {
654 text-transform: uppercase;
657 .roo-combobox-touch-view .roo-combobox-list-group-item-box {
660 .roo-combobox-touch-view .btn {
662 background-color: #fff;
666 .roo-touchview-combobox .dropdown-toggle {
674 .lang-en .link-youku {
678 .lang-zh-hk .link-youtube,
679 .lang-zh-cn .link-youtube
689 background-color: #333;
693 /* text-transform: uppercase; */
696 .mobile-footer .title {
698 letter-spacing: 1.5px;
709 text-shadow: 4px 4px 6px rgba(0,0,0,.6);
711 text-transform: uppercase;
716 background: linear-gradient(to top,rgba(0,0,0,.5),rgba(1,1,1,0));
720 .contact-us-location-content h4.roo-brick-title
725 .contact-us-location-content .roo-brick-text
729 @media (max-width: 768px) {
730 .contact-us-location-content h4.roo-brick-title
735 .contact-us-location-content .roo-brick-text
742 .roo-required-indicator.left-indicator {
746 .panel-hpa > .panel-heading {
747 background-color: #16114C;
752 /** - share this.. lighten... */
754 background: #666 !important;
757 background: #16114C !important;
761 top: 15px !important;
764 .home .masonry-md-brick.masonry-bottom-title h4 ,
765 .home .masonry-sm-brick.masonry-bottom-title h4 {
768 @media (max-width: 768px) {
769 .home .masonry-md-brick.masonry-bottom-title h4 ,
770 .home .masonry-sm-brick.masonry-bottom-title h4 {
772 vertical-align: middle;
777 .contact-us-location-content .roo-brick.deep-grey
779 background-color: #c2cde0;
785 /* These are technically the same, but use both */
786 overflow-wrap: break-word;
787 word-wrap: break-word;
789 -ms-word-break: break-all;
790 /* This is the dangerous one in WebKit, as it breaks things wherever */
791 word-break: break-all;
792 /* Instead use this non-standard one: */
793 word-break: break-word;
795 /* Adds a hyphen where the word breaks, if supported (No Blink) */
798 -webkit-hyphens: auto;
803 .doc-table-container .panel-body {
806 .doc-table-container .table {
809 /** --------- from original --------*/
814 /* color: #002EBE; */
815 font-family: "Courier New",Courier,monospace;
825 .doc-table-container .table>tbody>tr>td {
826 padding: 2px 14px 0px 4px;
829 .doc-table-container .short,
830 .doc-table-container .long
837 .doc-table-container .short {
840 .doc-table-container tfoot {
844 .doc-table-container td.short {
847 .doc-table-container td.expanded .short {
850 .doc-table-container td .long {
853 .doc-table-container td.expanded .long {
858 .doc-table-container td.expanded>.fixedFont::before {
859 font-family: 'Font Awesome 5 Free';
867 .doc-table-container td>.fixedFont::before {
868 font-family: 'Font Awesome 5 Free';
892 padding-bottom: 10px;
906 .long pre, .description pre {
907 background: #F8F8F8 none repeat scroll 0% 0%;
910 border-width: 1px 1px 1px 5px;
911 font-size: 12px !important;
912 line-height: 14px !important;
913 margin: 10px 10px 10px 0px;
916 .doc-augments .panel-body
920 .doc-augments .panel-body pre {
925 font-family: monospace; /** default font is too soft.. */
928 background-color: #fcf8e3;
932 background-color: #fff;
943 a.dropdown-toggle::before {
944 display: inline-block;
945 margin-right: .255em;
946 vertical-align: .255em;
948 border-top: .3em solid;
949 border-right: .3em solid transparent;
951 border-left: .3em solid transparent;
953 .doc-implementors .panel-body {
960 .doc-implementors .inheritance,
961 .doc-implementors .inheritance ul,
962 .doc-implementors .inheritance ul ul
967 .doc-implementors .inheritance li
969 background: url('../images/default/tree/elbow-end.gif') no-repeat left 2px;