diff --git a/services/web/Makefile b/services/web/Makefile index 370695fa4b..e59c7a4865 100644 --- a/services/web/Makefile +++ b/services/web/Makefile @@ -132,6 +132,9 @@ compile_full: $(MAKE) compile_modules_full $(MAKE) compile # ide.js, main.js, share.js, and anything missed +compile_css_full: + $(MAKE) css_full + compile_modules: $(MODULE_MAKEFILES) @set -e; \ for dir in $(MODULE_DIRS); \ diff --git a/services/web/public/img/other-brands/logo_ieee_white.png b/services/web/public/img/other-brands/logo_ieee_white.png new file mode 100644 index 0000000000..509d187104 Binary files /dev/null and b/services/web/public/img/other-brands/logo_ieee_white.png differ diff --git a/services/web/public/stylesheets/core/ol-ieee-variables.less b/services/web/public/stylesheets/core/ol-ieee-variables.less index 143d948aff..64d3f8f9d5 100644 --- a/services/web/public/stylesheets/core/ol-ieee-variables.less +++ b/services/web/public/stylesheets/core/ol-ieee-variables.less @@ -42,3 +42,11 @@ @editor-toggler-hover-bg-color: @ieee-blue; @toggle-switch-highlight-color: @ieee-blue; + +@footer-link-color : @link-color; +@footer-link-hover-color : @link-hover-color; + +@navbar-subdued-hover-color : @ieee-blue; +@navbar-default-link-hover-bg : @ieee-blue; +@navbar-default-link-hover-color: @ieee-blue; +@navbar-default-link-active-bg : @ieee-blue; diff --git a/services/web/public/stylesheets/ol-ieee-style.less b/services/web/public/stylesheets/ol-ieee-style.less index 1235633f5b..daa0f85f42 100644 --- a/services/web/public/stylesheets/ol-ieee-style.less +++ b/services/web/public/stylesheets/ol-ieee-style.less @@ -4,3 +4,41 @@ @is-overleaf : true; @is-overleaf-light: false; @show-rich-text : true; + +@ieee-wedge: 30px; + +body > .portal-ieee { + padding-top: @header-height; +} + +.portal-ieee { + .ieee-header { + background-color: @ieee-blue; + margin-bottom: @margin-xl; + padding-bottom: @padding-sm; + padding-top: @padding-sm; + h1 { + margin: 0; + } + .ieee-logo { + width: @navbar-brand-width; + } + } + .ieee-subheader { + background-color: @ieee-blue; + color: #ffffff; + line-height: 1; + padding: @padding-md @ieee-wedge; + position: relative; + &:after { + content: ""; + display: block; + position: absolute; + border-style: solid; + left: -1px; + top: -1px; + border-color: @content-alt-bg-color transparent; + border-width: @ieee-wedge @ieee-wedge 0 0; + } + } +}