ModernOW2con23

@import url('https://fonts.googleapis.com/css?family=Raleway:400,200,700|Open+Sans:400,700');
H1,H2,H3,H4,H5,H6 {font-family: @font-family-sans-serif;font-weight:200;}
.globalCenteredWidth {max-width:1100px;width:100%;margin-left:auto;margin-right:auto}
#hierarchy, #xdocAuthors, .xdocLastModification, #xdocFooter, #historyform td, #changes-info, #xwikidata, #xwikilicence, #xwikiplatformversion, .navbar.navbar-default.actionmenu, .document-header, #xwikicontent,.xcontent{.globalCenteredWidth();}
#xwikicontent.col-xs-12{float:none;}
#xwikicontent{max-width:100%}
#body.hidelefthideright .main, #xwikicontent.col-xs-12,#mainContentArea, #xdocFooter, #docextrapanes, #xwikimaincontainer, #menuview, #headerglobal, #contentcontainer, #xwikieditor, #footerglobal, #xwikicontent > .row, .xcontent .row{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
#mainContentArea{margin:0 auto}
/* xs */
html{background:#FFF url(/bin/download/FlamingoThemes/ModernOW2con23/ow2con23_768x180.avif?t=1) no-repeat;}
#menuview .navbar-brand img{display:none;}
#companylogo {background:transparent no-repeat;background-size:cover;height:50px;width:108px;position:relative;top:12px;left:15px}
/* sm */
@media (min-width: 768px) {
html{background:#FFF url(/bin/download/FlamingoThemes/ModernOW2con23/ow2con23_992x180.avif?t=1) no-repeat;}
#menuview .navbar-brand img{display:none;}
#companylogo {background:transparent no-repeat;background-size:cover;height:35px;width:320px;position:relative;top:17px;}
}
/* md */
@media (min-width: 992px) {
html{background:#FFF url(/bin/download/FlamingoThemes/ModernOW2con23/ow2con23_1200x180.avif?t=1) no-repeat;}
#menuview .navbar-brand img{display:none;}
#companylogo {background:transparent no-repeat;background-size:cover;height:40px;width:350px;position:relative;top:15px;}
}
/* lg */
@media (min-width: 1200px) {
html{background:#FFF url(/bin/download/FlamingoThemes/ModernOW2con23/ow2con23_2000x180.avif?t=1) no-repeat;}
#menuview .navbar-brand img{display:none;}
#companylogo {background:transparent no-repeat;background-size:cover;height:50px;width:430px;position:relative;top:10px;}
}
#body{background:transparent}
#globallinks{margin-bottom:20px;color:#FFF}
.main{margin-top:60px;background:#FFF;}
#mainContentArea{padding-top:0px;}
#globalsearch.globalsearch-close .btn,#tmNotifications a,#tmDrawerActivator{background:transparent;color:#FFF}
#globalsearch .btn{background:rgba(0,0,0,.1)}
.navbar-default{background:transparent}
.blockWhite{background:#FFF}
.blueBlock{background:#009EFF}
.greyBlock{background:#F0F0F0}
.centeredBlock{margin:0 auto;max-width:1100px;width:100%;display:table}
.navbar-avatar * {color:#FFF}
@MainMenuBackground:rgba(0,0,0,.7);
@MainMenuTopColor:#FFF;
@MainMenuTopBackground:transparent;
@MainMenuTopColorHover:#009EFF;
@MainMenuTopBackgroundHover:rgba(0,0,0,.7);
#headerglobal div.menu-horizontal-toggle{background:transparent;}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con,#headerglobal {background:@MainMenuTopBackground;box-shadow:none}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul{background:rgba(0,0,0,.85);}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul li {color:@MainMenuTopColor;background:@MainMenuTopBackground;}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul li:hover {color:@MainMenuTopColorHover;background:rgba(0,0,0,.4);}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul li ul {background:rgba(0,0,0,.85);}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul li ul li a {color:@MainMenuTopColor;}
#menu-horizontal-xwiki-Menu-MainMenuContent-ow2con ul li ul li a:hover {color:#009EFF;background:#000;}
.menu-horizontal ul li ul li {white-space:nowrap;}
#headerglobal:before {
    content: "";
    display: block;
    background: @MainMenuBackground;
    height: 50px;
    position: absolute;
    width: 100%;
}
@brand-blue:            #009EFF;
@brand-green:           #80CC00;
@brand-yellow:          #FFDD00;
@brand-orange:          #FF6600;
@brand-red:             #FF0000;
@brand-purple:          #800080;
@brand-dark-blue:       #000080;

@blue-light:           lighten(@brand-blue, 48%);
@green-light:          lighten(@brand-green, 53%);
@yellow-light:         lighten(@brand-yellow, 46%);
@orange-light:         lighten(@brand-orange, 46%);
@red-light:            lighten(@brand-red, 48%);
@purple-light:         lighten(@brand-purple, 73%);
@dark-blue-light:      lighten(@brand-dark-blue, 73%);

.bg-blue {background:@brand-blue}
.bg-green {background:@brand-green}
.bg-yellow {background:@brand-yellow}
.bg-orange {background:@brand-orange}
.bg-red {background:@brand-red}
.bg-purple {background:@brand-purple}
.bg-dark-blue {background:@brand-dark-blue}

.bg-blue-light{background:@blue-light}
.bg-green-light{background:@green-light}
.bg-yellow-light{background:@yellow-light}
.bg-orange-light{background:@orange-light}
.bg-red-light{background:@red-light}
.bg-purple-light{background:@purple-light}
.bg-dark-blue-light{background:@dark-blue-light}

@btn-blue-color:                 @btn-default-color;
@btn-blue-bg:                    @brand-blue;
@btn-blue-border:                @btn-blue-bg;

@btn-green-color:                @gray-darker;
@btn-green-bg:                   @brand-green;
@btn-green-border:               @btn-green-bg;

@btn-yellow-color:               @gray-darker;
@btn-yellow-bg:                  @brand-yellow;
@btn-yellow-border:              @btn-yellow-bg;

@btn-orange-color:               @btn-default-color;
@btn-orange-bg:                  @brand-orange;
@btn-orange-border:              @btn-orange-bg;

@btn-red-color:                  @btn-default-color;
@btn-red-bg:                     @brand-red;
@btn-red-border:                 @btn-red-bg;

@btn-purple-color:               @btn-default-color;
@btn-purple-bg:                  @brand-purple;
@btn-purple-border:              @btn-purple-bg;

@btn-dark-blue-color:            @btn-default-color;
@btn-dark-blue-bg:               @brand-dark-blue;
@btn-dark-blue-border:           @btn-dark-blue-bg;

//
// Buttons
// --------------------------------------------------

// Base styles
// --------------------------------------------------

.btn {
  display: inline-block;
  margin-bottom: 0; // For input.btn
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  white-space: nowrap;
  .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base);
  .user-select(none);

&,
  &:active,
  &.active {
    &:focus,
    &.focus {
      .tab-focus();
    }
  }

&:hover,
  &:focus,
  &.focus {
    color: @btn-default-color;
    text-decoration: none;
  }

&:active,
  &.active {
    outline: 0;
    background-image: none;
    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
  }

&.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: @cursor-disabled;
    .opacity(.65);
    .box-shadow(none);
  }

a& {
    &.disabled,
    fieldset[disabled] & {
      pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
    }
  }
}

.btn-blue { 
  .button-variant(@btn-blue-color; @btn-blue-bg; @btn-blue-border);
}

.btn-green {
  .button-variant(@btn-green-color; @btn-green-bg; @btn-green-border);
}
.btn-yellow {
  .button-variant(@btn-yellow-color; @btn-yellow-bg; @btn-yellow-border);
}
.btn-orange {
  .button-variant(@btn-orange-color; @btn-orange-bg; @btn-orange-border);
}
.btn-red {
  .button-variant(@btn-red-color; @btn-red-bg; @btn-red-border);
}
.btn-purple {
  .button-variant(@btn-purple-color; @btn-purple-bg; @btn-purple-border);
}
.btn-dark-blue {
  .button-variant(@btn-dark-blue-color; @btn-dark-blue-bg; @btn-dark-blue-border);
}

Preview

The refresh can take several seconds.

ModernOW2con23

Loading...