/* --------- function --------- */ /* ---------------------------------- */ /* --------- functions (Start)------- */ /* (property, duration, timing-function, delay) @include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s); @include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s); @include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s); @include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s); @include transition(); @include transform-origin(center center); @include transform-origin(left top); @include transform-origin(50% 20%); @include transform(rotate(45deg)); @include transform(translateY(-50%)); @include transform(scaleY(0.6)); @include transform(translate(50%, 50%) rotate(90deg)); ---------- forward ------------- @include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s); ---------- backward ------------- @include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s); @include transition(all 0.2s @timing-02 0s); */ /* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */ /* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */ .blinker-me { -webkit-animation-name: blinker; -moz-animation-name: blinker; -ms-animation-name: blinker; animation-name: blinker; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } .blinker-me-stop { -webkit-animation-name: none; -moz-animation-name: none; -ms-animation-name: none; animation-name: none; } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-ms-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-o-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } .fadein-me { -webkit-animation-name: fadein; -moz-animation-name: fadein; -ms-animation-name: fadein; animation-name: fadein; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .fadeout-me { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; -ms-animation-name: fadeout; animation-name: fadeout; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .shake-me { -webkit-transform-origin: 50% 10%; -moz-transform-origin: 50% 10%; -ms-transform-origin: 50% 10%; transform-origin: 50% 10%; -webkit-animation-name: shaker; -moz-animation-name: shaker; -ms-animation-name: shaker; animation-name: shaker; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-moz-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-ms-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-o-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } .rotate-me { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-name: rotator; -moz-animation-name: rotator; -ms-animation-name: rotator; animation-name: rotator; -webkit-animation-duration: 2.5s; -moz-animation-duration: 2.5s; -ms-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-moz-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-ms-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-o-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } /* --------- functions (End)--------- */ /* ---------------------------------- */ .selectorDummy { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.5em; -moz-column-gap: 1.5em; column-gap: 1.5em; -webkit-column-rule: 2px solid hotpink; -moz-column-rule: 2px solid hotpink; column-rule: 2px solid hotpink; } .aObj { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .some-selector { display: block; } .item-1 { width: 2em; } .item-2 { width: 4em; } .item-3 { width: 6em; } .some-selectorA { -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; } .glass { border: 1px solid red; position: absolute; left: 0px; width: 400px; height: 400px; overflow: auto; margin: 50px; } /* --------- function --------- */ /* --------- variable --------- */ /* --------- variable --------- */ /* --------- primefaces-ui --------- */ /* --------- variable --------- */ /* --------- variable --------- */ /* --------- function --------- */ /* ---------------------------------- */ /* --------- functions (Start)------- */ /* (property, duration, timing-function, delay) @include transition(all 0.8s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s); @include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s); @include transition(all 0.8s cubic-bezier(.98,-0.41,0,1.5) 0s); @include transition(all 0.8s cubic-bezier(.38,-1,.56,1.93) 0s); @include transition(); @include transform-origin(center center); @include transform-origin(left top); @include transform-origin(50% 20%); @include transform(rotate(45deg)); @include transform(translateY(-50%)); @include transform(scaleY(0.6)); @include transform(translate(50%, 50%) rotate(90deg)); ---------- forward ------------- @include transition(all 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s); ---------- backward ------------- @include transition(all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0s); @include transition(all 0.2s @timing-02 0s); */ /* @include box-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */ /* @include text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; */ .blinker-me { -webkit-animation-name: blinker; -moz-animation-name: blinker; -ms-animation-name: blinker; animation-name: blinker; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } .blinker-me-stop { -webkit-animation-name: none; -moz-animation-name: none; -ms-animation-name: none; animation-name: none; } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-ms-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @-o-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 80% { opacity: 1.0; } 100% { opacity: 1.0; } } .fadein-me { -webkit-animation-name: fadein; -moz-animation-name: fadein; -ms-animation-name: fadein; animation-name: fadein; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .fadeout-me { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; -ms-animation-name: fadeout; animation-name: fadeout; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .shake-me { -webkit-transform-origin: 50% 10%; -moz-transform-origin: 50% 10%; -ms-transform-origin: 50% 10%; transform-origin: 50% 10%; -webkit-animation-name: shaker; -moz-animation-name: shaker; -ms-animation-name: shaker; animation-name: shaker; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95); -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-moz-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-ms-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @-o-keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } @keyframes shaker { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); opacity: 0.5; } 60% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0.7; } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } } .rotate-me { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-name: rotator; -moz-animation-name: rotator; -ms-animation-name: rotator; animation-name: rotator; -webkit-animation-duration: 2.5s; -moz-animation-duration: 2.5s; -ms-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-moz-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-ms-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @-o-keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1.0; } 25% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.75; } 50% { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0.55; } 75% { -webkit-transform: rotate(-270eg); -moz-transform: rotate(-270eg); -ms-transform: rotate(-270eg); transform: rotate(-270eg); opacity: 0.75; } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 1.0; } } /* --------- functions (End)--------- */ /* ---------------------------------- */ .selectorDummy { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.5em; -moz-column-gap: 1.5em; column-gap: 1.5em; -webkit-column-rule: 2px solid hotpink; -moz-column-rule: 2px solid hotpink; column-rule: 2px solid hotpink; } .aObj { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .some-selector { display: block; } .item-1 { width: 2em; } .item-2 { width: 4em; } .item-3 { width: 6em; } .some-selectorA { -webkit-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; -moz-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; -ms-transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; transition: all 0.2s cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s; } .glass { border: 1px solid red; position: absolute; left: 0px; width: 400px; height: 400px; overflow: auto; margin: 50px; } /* --------- function --------- */ .ui-widget { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; font-size: 13px; text-shadow: none; } .ui-widget .ui-widget { font-size: 13px; text-shadow: none; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; font-size: 13px; } .ui-widget select { width: auto; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #eeeeee; background: #f5f5f5; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #FFF; text-shadow: none; cursor: pointer; background-color: #00827D; *background-color: #00827D; background-image: none; background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .ui-state-default a, .ui-widget-content .ui-state-default a, .ui-widget-header .ui-state-default a { text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #cccccc \9; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { color: #EEE; text-decoration: none; background-color: #006F6B; *background-color: #006F6B; /* Buttons in IE7 don't get borders, so darken on hover */ } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { outline: 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #FFF; background-color: #44CAAF; background-image: none; outline: 0; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { cursor: default; background-color: #F0F0F0 !important; *background-color: #F0F0F0; background-image: none; opacity: 1.00; filter: alpha(opacity=100); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #ccc; } /* Interaction Cues----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #FFF; text-decoration: none; background-color: #44CAAF; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #ffffff; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: transparent 50% 50% repeat-x; color: #D90000; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #D90000; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #D90000; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { font-weight: bold; /* opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; */ } /* Icons----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-widget-content .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-widget-header .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-state-active .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-state-highlight .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first, .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ui-corner-top { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 3px !important; -moz-border-top-left-radius: 3px !important; -ms-border-top-left-radius: 3px !important; border-top-left-radius: 3px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-corner-bottom { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-bottom-left-radius: 3px !important; -ms-border-bottom-left-radius: 3px !important; border-bottom-left-radius: 3px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-corner-right { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-corner-left { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-bottom-left-radius: 3px !important; -ms-border-bottom-left-radius: 3px !important; border-bottom-left-radius: 3px !important; -webkit-border-top-left-radius: 3px !important; -moz-border-top-left-radius: 3px !important; -ms-border-top-left-radius: 3px !important; border-top-left-radius: 3px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-corner-all { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; } /* Overlays */ .ui-widget-overlay { background: #000000; opacity: .60; filter: Alpha(Opacity=60); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000; opacity: .30; filter: Alpha(Opacity=30); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } /* PrimeFaces Extensions */ .ui-selectonemenu, .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; cursor: text; background: none #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; vertical-align: middle; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; */ } .ui-selectonemenu.ui-state-default, .ui-inputfield.ui-state-default, .ui-widget-content .ui-inputfield.ui-state-default, .ui-widget-header .ui-inputfield.ui-state-default { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; cursor: text; background: none #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; vertical-align: middle; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; */ } .ui-selectonemenu.ui-state-focus, .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus { border-color: rgba(115, 185, 255, 0.8) !important; outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 185, 255, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 185, 255, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(115, 185, 255, 0.6) !important; } .ui-selectonemenu.ui-state-error, .ui-inputfield.ui-state-error, .ui-widget-header .ui-inputfield.ui-state-error, .ui-widget-content .ui-inputfield.ui-state-error { color: #333333; border: 1px solid #D90000; } /** TabView **/ .ui-tabs { border: 0px solid #EEE !important; padding: 0px !important; } .ui-tabs.ui-widget-content { background: transparent none; border: 0; border-radius: 0; } .ui-tabs .ui-tabs-nav { border: 1px solid #EEE; padding: 0px !important; } .ui-tabs .ui-tabs-nav.ui-widget-header { background: transparent none; background-color: #EEE; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .ui-tabs .ui-tabs-nav.ui-widget-header li { line-height: normal; background: transparent none; border: 0px solid #EEE !important; box-shadow: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .ui-tabs .ui-tabs-nav.ui-widget-header li a { line-height: normal; padding-bottom: 8px; padding-top: 8px; color: #68676A; font-weight: normal; border: 0px none; min-width: 90px; text-align: center; } .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-default { background-color: #E0DED6; padding-top: 1px; padding-bottom: 1px; color: #68676A; margin-right: 0px; } .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover { text-decoration: none; background-color: #FFFFFF; border-color: #eeeeee #eeeeee #dddddd; color: #005580; border-bottom: 1px solid #FFFFFF !important; } .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active { background-color: #FFF; border-style: solid; border-width: 0px; color: #222222; cursor: default; border: 0px solid #EEE !important; } .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a { color: #222222; } .ui-tabs .ui-tabs-nav li .ui-icon { margin: 0.6em 0.2em 0 0 !important; } .ui-tabs .ui-tabs-panels { border: 1px solid #EEE !important; } .ui-tabs .ui-tabs-panels .ui-tabs-panel { background-color: #FFF; padding: 8px; } .ui-tabs .ui-tabs-panels .ui-tabs-panel.ui-corner-bottom { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .ui-tabs.ui-tabs-top .ui-tabs-nav { border: 2px solid #EEE; border-left: 3px solid #EEE; border-right: 3px solid #EEE; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header { border-bottom: 0px solid #EEE; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active { border-color: #EEE #EEE transparent #EEE; margin-bottom: 1px !important; border-bottom: 1px solid #FFFFFF !important; } .ui-tabs.ui-tabs-top .ui-tabs-panels { border-top: 0px solid #EEE !important; } .ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header { border-top: 1px solid #EEE; } .ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header li { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header li.ui-state-active { margin-top: -1px; border-color: transparent #EEE #EEE #EEE; } .ui-tabs.ui-tabs-bottom .ui-tabs-panels { border-bottom: 0px solid #EEE !important; } .ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header { border-right: 1px solid #EEE; } .ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header li { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header li.ui-state-active { margin-right: -1px; border-color: #EEE transparent #EEE #EEE; } .ui-tabs.ui-tabs-left .ui-tabs-panels { border-left: 0px solid #EEE !important; } .ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header { border-left: 1px solid #EEE; } .ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header li { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header li.ui-state-active { margin-left: -1px; border-color: #EEE #EEE #EEE transparent; } .ui-tabs.ui-tabs-right .ui-tabs-panels { border-right: 0px solid #EEE !important; } .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-default { padding-top: 9px; padding-bottom: 9px; } .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active { background-color: #44CAAF; border-bottom: 1px solid #44CAAF !important; color: #FFF; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active a { color: #FFF; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .ax-tab-01 .ui-tabs .ui-tabs-panels .ui-tabs-panel:first-child { border: 1px solid #EEE !important; border-top: 0px solid #EEE !important; background-color: #44CAAF; } .ax-tab-02 .ui-tabs .ui-tabs-nav li.ui-state-active { background-color: #44CAAF; border-bottom: 1px solid #44CAAF !important; color: #FFF; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .ax-tab-02 .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #FFF; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .ax-tab-02 .ui-tabs .ui-tabs-panels .ui-tabs-panel { background-color: #44CAAF; } /** AccordionPanel **/ .ui-accordion .ui-accordion-header { /* background-color: $normalColor; */ background-color: #E0DED6; box-shadow: none; } .ui-accordion .ui-accordion-header.ui-state-default { margin-bottom: 1px; border: 0px solid #E5E5E5; color: #444; } .ui-accordion .ui-accordion-header.ui-state-default a { padding: 8px 15px; color: #68676A; } .ui-accordion .ui-accordion-header.ui-state-active { color: #000; margin-bottom: 1px; font-weight: bold; } .ui-accordion .ui-accordion-header a:hover { color: #005580; } .ui-accordion .ui-accordion-content.ui-widget-content { padding: 9px 15px; border: 1px solid #E0DED6; border-top: 0px solid #E0DED6; } /* Breadcrumb */ .ui-breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 7px 14px; margin: 0 0 18px; list-style: none; background-color: #fbfbfb; } .ui-breadcrumb .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .ui-breadcrumb .divider { padding: 0 15px; color: #999999; } .ui-breadcrumb .ui-icon-home { margin-top: 3px !important; } .ui-breadcrumb .ui-breadcrumb-chevron { margin-top: 3px; margin-left: 10px; margin-right: 10px; } .ui-breadcrumb a { margin: 0px; color: #666666; font-weight: normal; text-decoration: none; vertical-algin: middle; } /* ProgressBar */ .ui-progressbar.ui-widget-content { height: 18px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .ui-progressbar .ui-progressbar-value.ui-widget-header { height: 18px; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border: 0 none; margin: 0; background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } /** Dialog **/ .ui-dialog.ui-widget-content { background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-transform-origin: padding-box; -moz-transform-origin: padding-box; -ms-transform-origin: padding-box; transform-origin: padding-box; } .ui-dialog.ui-widget-content .ui-dialog-titlebar { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; padding: 8px 13px; border-bottom: 1px solid #eee; background-color: #ffffff; } .ui-dialog.ui-widget-content .ui-dialog-title { margin: 0px 5px 0px 0px; font-size: 17px; font-weight: normal; color: #45528D; } .ui-dialog.ui-widget-content .ui-dialog-content { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; width: 100% !important; padding: 13px; } .ui-dialog.ui-widget-content .ui-dialog-content > iframe { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%; height: 100%; border: 0px solid transparent; } .ui-dialog.ui-widget-content .ui-dialog-titlebar-close { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; margin-top: 0px; border: 1px solid #44CAAF; background-color: #00827D; } .ui-dialog.ui-widget-content .ui-dialog-titlebar-close .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-dialog.ui-widget-content .ui-dialog-titlebar-close.ui-state-hover { border: 1px solid #999; background-color: #BBB; padding: 10px; } .ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover, .ui-dialog.ui-widget-content .ui-dialog-titlebar-close:focus, .ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:hover, .ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:focus, .ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:hover, .ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:focus { padding: 1px; } /** DataTable **/ .ui-datatable > .ui-datatable-tablewrapper, .ui-treetable > .ui-datatable-tablewrapper { border: 0px solid transparent !important; border-top: 1px solid #E0E0E0 !important; border-left: 1px solid #E0E0E0 !important; border-right: 1px solid #E0E0E0 !important; overflow: hidden !important; } .ui-datatable .ui-datatable-header, .ui-datatable .ui-treetable-header, .ui-treetable .ui-datatable-header, .ui-treetable .ui-treetable-header { text-align: left !important; color: #333 !important; } .ui-datatable .ui-datatable-header.ui-widget-header, .ui-datatable .ui-treetable-header.ui-widget-header, .ui-treetable .ui-datatable-header.ui-widget-header, .ui-treetable .ui-treetable-header.ui-widget-header { padding: 8px 8px 8px 8px !important; position: relative !important; } .ui-datatable .ui-datatable-header.ui-widget-header .ui-button.ui-state-default, .ui-datatable .ui-treetable-header.ui-widget-header .ui-button.ui-state-default, .ui-treetable .ui-datatable-header.ui-widget-header .ui-button.ui-state-default, .ui-treetable .ui-treetable-header.ui-widget-header .ui-button.ui-state-default { float: none !important; position: absolute !important; right: -8px !important; top: 2px !important; } .ui-datatable thead > tr > th, .ui-treetable thead > tr > th { padding: 7px 8px; } .ui-datatable thead > tr > th.ui-state-default, .ui-treetable thead > tr > th.ui-state-default { border: 0px solid red !important; border-bottom: 1px solid #BABABA; text-align: left; background-color: #EFEFEF; color: #333; font-size: 12px !important; position: relative; overflow: none !important; white-space: nowrap; } .ui-datatable thead > tr > th.ui-state-default .ui-icon, .ui-treetable thead > tr > th.ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-datatable thead > tr > th.ui-state-default .ui-column-title, .ui-treetable thead > tr > th.ui-state-default .ui-column-title { font-size: 13px !important; font-weight: bold !important; white-space: normal; } .ui-datatable thead > tr > th .ui-column-resizer, .ui-treetable thead > tr > th .ui-column-resizer { padding: 11px 0px !important; } .ui-datatable .ui-datatable-data > tr > td, .ui-treetable .ui-datatable-data > tr > td { padding: 9px 8px; border: 0px solid transparent; border-bottom: 1px solid #E0E0E0; color: #000; font-weight: normal; line-height: normal; vertical-align: top; font-size: 12px !important; position: relative; } .ui-datatable .ui-datatable-data > tr > td p, .ui-treetable .ui-datatable-data > tr > td p { line-height: 1.5em; text-align: justify; margin: 8px 0px; } .ui-datatable .ui-datatable-data > tr > td a, .ui-treetable .ui-datatable-data > tr > td a { text-decoration: underline; color: #000; font-weight: bold; } .ui-datatable .ui-datatable-data > tr > td a:hover, .ui-treetable .ui-datatable-data > tr > td a:hover { color: #000; text-decoration: none; } .ui-datatable .ui-datatable-data > tr > td:last-child, .ui-treetable .ui-datatable-data > tr > td:last-child { border-right: 1px solid transparent; } .ui-datatable .ui-datatable-data > tr > td > span.ui-column-title, .ui-treetable .ui-datatable-data > tr > td > span.ui-column-title { color: #222; font-weight: bold; } .ui-datatable .ui-datatable-data > tr > td .fa, .ui-treetable .ui-datatable-data > tr > td .fa { color: #C29E30; } .ui-datatable .ui-datatable-data > tr > td .td-row, .ui-treetable .ui-datatable-data > tr > td .td-row { padding-top: 0px; padding-bottom: 10px; } .ui-datatable .ui-datatable-data > tr > td .ui-inputfield, .ui-treetable .ui-datatable-data > tr > td .ui-inputfield { margin-top: -2px !important; margin-bottom: -2px !important; width: 100% !important; padding-top: 2px !important; padding-bottom: 2px !important; min-height: 28px !important; } .ui-datatable .ui-datatable-data > tr > td .ui-selectonemenu, .ui-treetable .ui-datatable-data > tr > td .ui-selectonemenu { margin-top: -2px !important; margin-bottom: -2px !important; padding-top: 2px !important; padding-bottom: 2px !important; min-height: 28px !important; } .ui-datatable .ui-datatable-data > tr > td .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ui-treetable .ui-datatable-data > tr > td .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield { padding: 5px !important; } .ui-datatable .ui-datatable-data > tr > td .status-label, .ui-treetable .ui-datatable-data > tr > td .status-label { margin-top: -4px !important; margin-bottom: -2.6666666667px !important; } .ui-datatable .ui-datatable-data > tr > td .ui-menubutton, .ui-treetable .ui-datatable-data > tr > td .ui-menubutton { margin-top: -4px !important; margin-bottom: -2.6666666667px !important; position: absolute !important; } @media (max-width: 640px) { .ui-datatable .ui-datatable-data > tr > td .ui-menubutton, .ui-treetable .ui-datatable-data > tr > td .ui-menubutton { position: relative !important; } } .ui-datatable .ui-datatable-data > tr > td .ui-menubutton .ui-button.ui-state-default, .ui-treetable .ui-datatable-data > tr > td .ui-menubutton .ui-button.ui-state-default { background-color: #FFF !important; line-height: normal !important; font-size: 12px !important; } .ui-datatable .ui-datatable-data .ui-datatable-odd, .ui-treetable .ui-datatable-data .ui-datatable-odd { background-color: #FAFAFA; } .ui-datatable .ui-datatable-data .ui-datatable-even, .ui-treetable .ui-datatable-data .ui-datatable-even { background-color: #FFFFFF; } .ui-datatable .ui-datatable-data .color-01 td, .ui-datatable .ui-datatable-data .color-010 td, .ui-treetable .ui-datatable-data .color-01 td, .ui-treetable .ui-datatable-data .color-010 td { background-color: #BCD0F1; } .ui-datatable .ui-datatable-data .color-01 td, .ui-datatable .ui-datatable-data .color-01 a, .ui-datatable .ui-datatable-data .color-010 td, .ui-datatable .ui-datatable-data .color-010 a, .ui-treetable .ui-datatable-data .color-01 td, .ui-treetable .ui-datatable-data .color-01 a, .ui-treetable .ui-datatable-data .color-010 td, .ui-treetable .ui-datatable-data .color-010 a { color: #000; } .ui-datatable .ui-datatable-data .color-011 td, .ui-treetable .ui-datatable-data .color-011 td { background-color: #D5E2F7; } .ui-datatable .ui-datatable-data .color-011 td, .ui-datatable .ui-datatable-data .color-011 a, .ui-treetable .ui-datatable-data .color-011 td, .ui-treetable .ui-datatable-data .color-011 a { color: #000; } .ui-datatable .ui-datatable-data .color-012 td, .ui-treetable .ui-datatable-data .color-012 td { background-color: #E4EDFA; } .ui-datatable .ui-datatable-data .color-012 td, .ui-datatable .ui-datatable-data .color-012 a, .ui-treetable .ui-datatable-data .color-012 td, .ui-treetable .ui-datatable-data .color-012 a { color: #000; } .ui-datatable .ui-datatable-data .color-02 td, .ui-datatable .ui-datatable-data .color-020 td, .ui-treetable .ui-datatable-data .color-02 td, .ui-treetable .ui-datatable-data .color-020 td { background-color: #FFAC59; } .ui-datatable .ui-datatable-data .color-02 td, .ui-datatable .ui-datatable-data .color-02 a, .ui-datatable .ui-datatable-data .color-020 td, .ui-datatable .ui-datatable-data .color-020 a, .ui-treetable .ui-datatable-data .color-02 td, .ui-treetable .ui-datatable-data .color-02 a, .ui-treetable .ui-datatable-data .color-020 td, .ui-treetable .ui-datatable-data .color-020 a { color: #000; } .ui-datatable .ui-datatable-data .color-021 td, .ui-treetable .ui-datatable-data .color-021 td { background-color: #FFDDBB; } .ui-datatable .ui-datatable-data .color-021 td, .ui-datatable .ui-datatable-data .color-021 a, .ui-treetable .ui-datatable-data .color-021 td, .ui-treetable .ui-datatable-data .color-021 a { color: #000; } .ui-datatable .ui-datatable-data .color-022 td, .ui-treetable .ui-datatable-data .color-022 td { background-color: #FFEEDF; } .ui-datatable .ui-datatable-data .color-022 td, .ui-datatable .ui-datatable-data .color-022 a, .ui-treetable .ui-datatable-data .color-022 td, .ui-treetable .ui-datatable-data .color-022 a { color: #000; } .ui-datatable .ui-datatable-data .color-03 td, .ui-datatable .ui-datatable-data .color-030 td, .ui-treetable .ui-datatable-data .color-03 td, .ui-treetable .ui-datatable-data .color-030 td { background-color: #82CE68; } .ui-datatable .ui-datatable-data .color-03 td, .ui-datatable .ui-datatable-data .color-03 a, .ui-datatable .ui-datatable-data .color-030 td, .ui-datatable .ui-datatable-data .color-030 a, .ui-treetable .ui-datatable-data .color-03 td, .ui-treetable .ui-datatable-data .color-03 a, .ui-treetable .ui-datatable-data .color-030 td, .ui-treetable .ui-datatable-data .color-030 a { color: #000; } .ui-datatable .ui-datatable-data .color-031 td, .ui-treetable .ui-datatable-data .color-031 td { background-color: #C0E7B4; } .ui-datatable .ui-datatable-data .color-031 td, .ui-datatable .ui-datatable-data .color-031 a, .ui-treetable .ui-datatable-data .color-031 td, .ui-treetable .ui-datatable-data .color-031 a { color: #000; } .ui-datatable .ui-datatable-data .color-032 td, .ui-treetable .ui-datatable-data .color-032 td { background-color: #DEF2D9; } .ui-datatable .ui-datatable-data .color-032 td, .ui-datatable .ui-datatable-data .color-032 a, .ui-treetable .ui-datatable-data .color-032 td, .ui-treetable .ui-datatable-data .color-032 a { color: #000; } .ui-datatable .ui-datatable-data .color-04 td, .ui-datatable .ui-datatable-data .color-040 td, .ui-treetable .ui-datatable-data .color-04 td, .ui-treetable .ui-datatable-data .color-040 td { background-color: #AAAAAA; } .ui-datatable .ui-datatable-data .color-04 td, .ui-datatable .ui-datatable-data .color-04 a, .ui-datatable .ui-datatable-data .color-040 td, .ui-datatable .ui-datatable-data .color-040 a, .ui-treetable .ui-datatable-data .color-04 td, .ui-treetable .ui-datatable-data .color-04 a, .ui-treetable .ui-datatable-data .color-040 td, .ui-treetable .ui-datatable-data .color-040 a { color: #000; } .ui-datatable .ui-datatable-data .color-041 td, .ui-treetable .ui-datatable-data .color-041 td { background-color: #CDCDCD; } .ui-datatable .ui-datatable-data .color-041 td, .ui-datatable .ui-datatable-data .color-041 a, .ui-treetable .ui-datatable-data .color-041 td, .ui-treetable .ui-datatable-data .color-041 a { color: #000; } .ui-datatable .ui-datatable-data .color-042 td, .ui-treetable .ui-datatable-data .color-042 td { background-color: #E6E6E6; } .ui-datatable .ui-datatable-data .color-042 td, .ui-datatable .ui-datatable-data .color-042 a, .ui-treetable .ui-datatable-data .color-042 td, .ui-treetable .ui-datatable-data .color-042 a { color: #000; } .ui-datatable .ui-datatable-data .ui-row-editing, .ui-treetable .ui-datatable-data .ui-row-editing { background-color: #00827D !important; } .ui-datatable .ui-datatable-data .ui-row-editing td, .ui-treetable .ui-datatable-data .ui-row-editing td { padding: 1px 0px; } .ui-datatable .ui-datatable-data .ui-row-editing .ui-editable-column select, .ui-treetable .ui-datatable-data .ui-row-editing .ui-editable-column select { border: 1px solid #CCC; padding: 5px; } .ui-datatable .ui-datatable-data .ui-row-editing .ui-row-editor, .ui-treetable .ui-datatable-data .ui-row-editing .ui-row-editor { white-space: nowrap !important; text-align: center; margin-top: 9px; width: 100px; } .ui-datatable .ui-datatable-data .ui-row-editing .ui-row-editor .ui-icon, .ui-treetable .ui-datatable-data .ui-row-editing .ui-row-editor .ui-icon { text-align: center; } .ui-datatable .ui-menubutton .ui-button, .ui-treetable .ui-menubutton .ui-button { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; border: 1px solid #CCC !important; background-color: transparent !important; color: #000 !important; padding: 0px !important; } .ui-datatable .ui-menubutton .ui-button .ui-icon, .ui-treetable .ui-menubutton .ui-button .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku") !important; } .ui-datatable .ui-menubutton .ui-button .ui-button-text, .ui-treetable .ui-menubutton .ui-button .ui-button-text { padding-top: 3px !important; padding-bottom: 4px !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ui-datatable .ui-menubutton .ui-button.ui-button-text-icon-left .ui-button-text, .ui-treetable .ui-menubutton .ui-button.ui-button-text-icon-left .ui-button-text { padding-left: 26px !important; } .ui-paginator .ui-paginator-first.ui-state-default, .ui-paginator .ui-paginator-prev.ui-state-default, .ui-paginator .ui-paginator-next.ui-state-default, .ui-paginator .ui-paginator-last.ui-state-default { border: 1px solid #44CAAF !important; } .ui-paginator .ui-paginator-first.ui-state-disabled, .ui-paginator .ui-paginator-prev.ui-state-disabled, .ui-paginator .ui-paginator-next.ui-state-disabled, .ui-paginator .ui-paginator-last.ui-state-disabled { border: 1px solid #AAA !important; } .ui-paginator .ui-paginator-pages .ui-paginator-page { border: 1px solid #44CAAF !important; } .ui-paginator .ui-state-default { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; } .ui-paginator .ui-state-disabled { background-color: #BABABA !important; } .ui-paginator .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .selectOneRadio table, .selectManyCheckbox table { width: auto !important; } /** TabMenu **/ .ui-tabmenu { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #555555; } .ui-tabmenu .ui-tabmenu-nav.ui-widget-header { min-height: 38px; padding: 0 20px; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; } .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 5px 10px; color: #555555; text-decoration: none; text-shadow: 0 1px 0 #ffffff; border: 0 none; top: 0; margin: 0; font-weight: normal; } /** Toolbar **/ .ui-toolbar.ui-widget-header { background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; } /** **/ .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { color: #ffffff; text-shadow: none; background-color: #44CAAF; } .ui-priority-primary:hover, .ui-priority-primary:active, .ui-priority-primary.active, .ui-priority-primary.disabled, .ui-priority-primary[disabled] { color: #ffffff; background-color: #00827D; } .ui-priority-primary:active, .ui-priority-primary.active { background-color: #44CAAF; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { color: #787878; text-shadow: none; background-color: #D8D8D8; } .ui-priority-secondary:hover, .ui-priority-secondary:active, .ui-priority-secondary.active, .ui-priority-secondary.disabled, .ui-priority-secondary[disabled] { color: #555; background-color: #CCC; } .ui-priority-secondary:active, .ui-priority-secondary.active { background-color: #D8D8D8; } /** Menu **/ .ui-menu { /** MenuBar **/ } .ui-menu.ui-widget { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; min-width: 160px; padding: 3px 0; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .ui-menu.ui-widget li.ui-state-hover a { color: #EEE; } .ui-menu.ui-widget li > .ui-menuitem-link { padding: 4px 0; width: 100%; border-width: 1px 0px; } .ui-menu.ui-widget a.ui-corner-all, .ui-menu.ui-widget li.ui-corner-all { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .ui-menu.ui-widget .ui-menu-list .ui-widget-header { border-width: 1px 0px; width: 100%; } .ui-menu.ui-widget .ui-menu-list .ui-corner-all { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .ui-menu.ui-widget .ui-separator { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; height: 1px; overflow: hidden; background-color: #e5e5e5; border: 0 none; border-bottom: 1px solid #ffffff; } .ui-menu.ui-widget .ui-menuitem-link { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-icon { margin-left: 0.3em; margin-right: -0.2em; } .ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text { margin-left: 8px; margin-right: 8px; } .ui-menu a { display: block; clear: both; font-weight: normal; color: #333333; white-space: nowrap; } .ui-menu.ui-slidemenu .ui-shadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .ui-menu.ui-menubar { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding-right: 20px; padding-left: 10px; background-color: #fafafa; } .ui-menu.ui-menubar .ui-menu-parent .ui-menu-child { padding: 5px 0; } .ui-shadow { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; } .ui-panel { margin-bottom: 8px !important; } .ui-panel.ui-widget { padding: 0px; border: 0px solid #F5F5F5; } .ui-panel .ui-panel-titlebar .ui-panel-title { color: #000 !important; } .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon.ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-panel .ui-panel-content.ui-widget-content { border: 1px solid #F0F0F0; border-top: 0px solid #F0F0F0; padding-left: 4px; padding-right: 4px; } .ui-widget.ui-widget-content .ax-btn-set { margin-top: 10px !important; margin-bottom: 0px !important; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header a { color: #FFF; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-default { background-color: #00827D; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-hover { background-color: #00827D; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem .ui-menuitem-link { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { background-color: #E5E5E5; color: #666; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-tex { color: #666; } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-tex { color: #333; } .ui-buttonset .ui-state-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .ui-buttonset .ui-corner-left.ui-state-default { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-bottom-left-radius: 3px !important; -ms-border-bottom-left-radius: 3px !important; border-bottom-left-radius: 3px !important; -webkit-border-top-left-radius: 3px !important; -moz-border-top-left-radius: 3px !important; -ms-border-top-left-radius: 3px !important; border-top-left-radius: 3px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-buttonset .ui-corner-right.ui-state-default { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ui-button. ax-button tommy */ .ui-button.ui-state-default { font-weight: normal; margin-bottom: 1px; margin-right: 8px; border: 0px solid #44CAAF !important; padding: 6px 6px !important; } .ui-button.ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-button.ui-state-default .ui-icon[class^="ti-"], .ui-button.ui-state-default .ui-icon[class*=" ti-"] { font-family: 'themify' !important; vertical-align: bottom !important; font-size: 17px !important; margin-left: -2px !important; margin-right: 0px !important; width: auto !important; height: auto !important; display: inline-block !important; text-indent: inherit !important; background-image: none !important; padding-top: 1px !important; border: 0px solid transparent !important; } .ui-button.ui-state-hover .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-button.ui-state-hover .ui-button-text { -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ui-button.ui-state-active .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-button .ui-button-text { padding-top: 0px !important; padding-bottom: 0px !important; -webkit-text-shadow: !important; -moz-text-shadow: !important; -ms-text-shadow: !important; text-shadow: !important; padding-left: 6px !important; padding-right: 6px !important; } .ui-button .ax-icon { line-height: none; margin: 0px 5px 0px -3px !important; font-size: 15px; vertical-align: middle; } .ui-button.ui-button-text-icon-left .ui-button-text { padding-left: 26px !important; } .ui-button [class^="ti-"], .ui-button [class*=" ti-"] { vertical-align: bottom; font-size: 17px; margin-left: 2px; margin-right: 2px; } .ax-btn-set .ui-button.ui-state-default { min-width: 70px; } .ui-priority-secondary.ui-button .ui-button-text { -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ax-button { display: inline-block !important; } .ax-button.type-a .ui-state-default { background-color: #A0A0A0 !important; } .ax-button.type-a .ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku") !important; } .ax-button.type-a .ui-state-default .ui-button-text { color: #FFF !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ax-button.type-a .ui-state-hover { background-color: #BBBBBB !important; } .ax-button.type-a .ui-state-hover .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku") !important; } .ax-button.type-a .ui-state-hover .ui-button-text { color: #FFFFFF !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ui-chkbox.ui-widget { vertical-align: middle !important; } .ui-radiobutton-box, .ui-chkbox-box { background-color: #FFF !important; border: 1px solid #CCC !important; width: 19px !important; height: 19px !important; line-height: 1em !important; } .ui-radiobutton-box.ui-state-default, .ui-chkbox-box.ui-state-default { background-color: #FFF !important; } .ui-radiobutton-box.ui-state-active .ui-icon, .ui-chkbox-box.ui-state-active .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku") !important; } .ui-radiobutton-box.ui-state-focus .ui-icon, .ui-chkbox-box.ui-state-focus .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku") !important; } .ui-radiobutton-box { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; } .ui-inputfield.ui-state-default { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; min-height: 10px !important; color: #666 !important; padding: 7px 6px !important; font-weight: normal !important; background-image: none !important; min-height: 35px !important; } .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-state-default { margin-right: 0px !important; right: 0px !important; } .ui-selectonemenu { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; background-image: none !important; background-color: #FFF !important; vertical-align: middle; min-width: auto !important; } .ui-selectonemenu .ui-selectonemenu-label { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; color: #666 !important; border: 0px solid red !important; background-color: transparent !important; margin-right: 1px; } .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield { padding: 7px 6px 8px 6px !important; margin-right: 6px !important; } .ui-selectonemenu .ui-selectonemenu-trigger { background-color: #FFF; background-image: none; padding-left: 6px !important; padding-right: 5px !important; min-width: 12px !important; width: auto !important; } .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { position: relative; top: 6px; } .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-selectonemenu-panel { border: 0px solid red !important; min-width: auto !important; -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 1px !important; -moz-border-bottom-right-radius: 1px !important; -ms-border-bottom-right-radius: 1px !important; border-bottom-right-radius: 1px !important; -webkit-border-bottom-left-radius: 1px !important; -moz-border-bottom-left-radius: 1px !important; -ms-border-bottom-left-radius: 1px !important; border-bottom-left-radius: 1px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 1px !important; -moz-border-bottom-right-radius: 1px !important; -ms-border-bottom-right-radius: 1px !important; border-bottom-right-radius: 1px !important; -webkit-border-bottom-left-radius: 1px !important; -moz-border-bottom-left-radius: 1px !important; -ms-border-bottom-left-radius: 1px !important; border-bottom-left-radius: 1px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; border: 1px solid #CCC !important; border-top: 0px solid #CCC !important; } .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items { -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -ms-border-radius: 1px !important; border-radius: 1px !important; padding: 0px !important; padding-top: 0px !important; } .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; padding: 7px 6px !important; margin: 0px !important; margin-bottom: 1px !important; white-space: normal !important; } .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:last-of-type { margin-bottom: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 1px !important; -moz-border-bottom-right-radius: 1px !important; -ms-border-bottom-right-radius: 1px !important; border-bottom-right-radius: 1px !important; -webkit-border-bottom-left-radius: 1px !important; -moz-border-bottom-left-radius: 1px !important; -ms-border-bottom-left-radius: 1px !important; border-bottom-left-radius: 1px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-disabled { display: none !important; } .ui-menu.ui-menu-dynamic { min-width: 100px; width: auto; } .ui-calendar { display: inline-block; width: auto !important; border: 0px solid blue !important; vertical-align: middle !important; margin-bottom: 1px !important; position: relative !important; margin-right: 8px !important; } .ui-calendar.ui-trigger-calendar .ui-inputfield { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: middle !important; width: 100% !important; } .ui-calendar.ui-trigger-calendar .ui-inputfield.hasDatepicker { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-bottom-left-radius: 3px !important; -ms-border-bottom-left-radius: 3px !important; border-bottom-left-radius: 3px !important; -webkit-border-top-left-radius: 3px !important; -moz-border-top-left-radius: 3px !important; -ms-border-top-left-radius: 3px !important; border-top-left-radius: 3px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; } .ui-calendar .ui-datepicker-trigger { position: absolute !important; right: 0px !important; margin-right: 0px !important; vertical-align: middle !important; border: 0px solid #CCC !important; border-left: 1px solid #CCC !important; margin-top: 0px !important; } .ui-calendar .ui-datepicker-trigger.ui-button, .ui-calendar .ui-datepicker-trigger.ui-corner-all { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; padding-top: 3px !important; padding-bottom: 3px !important; } .ui-calendar .ui-datepicker-trigger.ui-button.ui-state-default { border: 0px solid transparent !important; } .ui-calendar .ui-datepicker-trigger.ui-button-icon-only { height: 100% !important; } .ui-calendar .ui-datepicker-trigger.ui-button-icon-only .ui-button-text { padding: 4px 11px !important; } .ui-fluid .ui-calendar .ui-inputfield.ui-state-default { width: 180px !important; padding-right: 2px !important; } .ui-datepicker { padding: 0px !important; } .ui-datepicker .ui-datepicker-header { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; padding: 3px !important; border: 0px solid transparent !important; } .ui-datepicker .ui-datepicker-header > a { border: 0px solid transparent !important; margin-top: 1px !important; } .ui-datepicker .ui-datepicker-header > a > .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { border: 0px solid transparent !important; padding: 0px !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title select { vertical-align: top !important; border: 1px solid #999 !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { margin: 0px 0px 0px 1px !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { margin: 0px 1px 0px 0px !important; } .ui-datepicker table.ui-datepicker-calendar { margin-bottom: 0px !important; width: 100% !important; border-left: 1px solid #FFF !important; border-top: 1px solid #FFF !important; } .ui-datepicker table.ui-datepicker-calendar tr th, .ui-datepicker table.ui-datepicker-calendar tr td { padding: 0px !important; border-right: 1px solid #FFF !important; border-bottom: 1px solid #FFF !important; } .ui-datepicker table.ui-datepicker-calendar tr th a, .ui-datepicker table.ui-datepicker-calendar tr td a { padding-top: 4px !important; padding-bottom: 4px !important; border: 0px solid transparent !important; margin: 0px !important; text-align: center !important; } .ui-datepicker table.ui-datepicker-calendar tr th { padding-top: 4px !important; padding-bottom: 4px !important; } .ui-datepicker .ui-state-active { color: #FFF !important; background-color: #258370 !important; } .ui-datepicker .ui-datepicker-today .ui-state-highlight { background-color: #005652 !important; } .ui-datepicker .ui-datepicker-current-day .ui-state-active { color: #000 !important; background-color: #FFCC00 !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; } .ui-slider { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -ms-border-radius: 6px !important; border-radius: 6px !important; } .ui-slider .ui-slider-handle.ui-state-default { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; } .ui-autocomplete .ui-autocomplete-dropdown.ui-state-default { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; } .ui-selectcheckboxmenu.ui-state-default { background-color: #FFF; color: #333; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { margin: 0px; padding: 6px 28px 7px 6px !important; margin-right: 6px !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label.ui-state-hover { background-color: #FFF !important; color: #333; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-default { background-color: #FFF !important; width: auto !important; padding-left: 6px !important; padding-right: 5px !important; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-default .ui-icon { position: relative !important; top: 6px !important; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover .ui-icon, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-selectcheckboxmenu-multiple-container { padding: 0px !important; } .ui-selectcheckboxmenu-multiple-container.ui-state-default { border: 0px solid blue !important; } .ui-selectcheckboxmenu-multiple-container.ui-inputfield { padding: 0px !important; } .ui-selectcheckboxmenu-multiple-container.ui-inputfield.ui-state-default { padding-right: 23px !important; } .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { padding: 6px 5px !important; } .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger.ui-state-default .ui-icon { position: relative !important; top: 16px !important; } .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger.ui-state-hover .ui-icon, .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger.ui-state-focus .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-hku"); } .ui-selectcheckboxmenu-panel { padding: 0px !important; min-width: 250px !important; max-width: 500px !important; width: auto !important; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important; -ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; padding-left: 5px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { margin-top: 9px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { width: 80%; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield.ui-state-default { padding: 3px 5px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield.ui-inputtext { width: 100%; padding-right: 30px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { margin-top: 7px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { margin-top: 9px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list { border: 0px solid transparent !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list .ui-selectcheckboxmenu-list-item { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; border: 0px solid transparent !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list .ui-selectcheckboxmenu-list-item > .ui-chkbox { margin-left: 1px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list .ui-selectcheckboxmenu-list-item > label { border: 0px solid transparent !important; margin-top: 4px !important; margin-bottom: 0px !important; white-space: normal !important; } .ui-outputlabel-rfi { color: #EB0003; vertical-align: middle; padding: 0px; padding-top: 5px; line-height: 1em; font-size: 1.2em; display: inline-block; position: absolute; right: -13px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell { position: relative; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-outputlabel { position: relative; width: 100%; text-align: right; margin-top: 5px; font-size: 12px; font-weight: bold; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-pf-tooltip-icon { z-index: 9; position: absolute; top: 10px; right: 0px; margin-left: 10px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-pf-tooltip-icon + .ui-outputlabel { padding-right: 15px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-tooltip { z-index: 9; position: absolute; top: 10px; right: 0px; margin-left: 10px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-tooltip + .ui-outputlabel { padding-right: 15px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group { z-index: 1; position: relative; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ui-inputfield.ui-inputtext { position: relative; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ax-checkbox { z-index: 9; position: absolute; top: 0px; display: inline-block; background-color: #CCC; padding-top: 9px; height: 100%; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ax-checkbox.left { -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; left: 0px; padding-left: 5px; padding-right: 5px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ax-checkbox.left ~ .ax-fields { padding-left: 27px !important; z-index: 1; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ax-checkbox.right { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; right: 0px; padding-left: 5px; padding-right: 5px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ax-input-group .ax-checkbox.right ~ .ax-fields { padding-right: 27px !important; z-index: 1; } .ui-messages { /* @include box-shadow(0 0 4px rgba(0, 0, 0, 0.1)); */ } .ui-growl-image, .ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon { background-image: url("/hku-referee/javax.faces.resource/images/messages.png.xhtml?ln=primefaces-hku") !important; background-repeat: no-repeat !important; } .ui-growl { left: 25%; top: 10px !important; width: 50% !important; } .ui-growl .ui-growl-item-container { margin: 0 0 6px 0; opacity: 1.00; filter: alpha(opacity=100); } .ui-growl .ui-growl-item-container.ui-state-highlight { background-color: fade(#44CAAF, 90%); } .ui-growl .ui-growl-item-container.ui-shadow { /* @include box-shadow(0 0 10px rgba(0, 0, 0, 0.5)) !important; */ } .ui-growl .ui-growl-item-container .ui-growl-item { border: 1px solid #33b399; } .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; border: 0px solid transparent; float: none; display: block; width: auto; margin-left: 50px; padding-bottom: 0px; } .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message > p { color: #FFF; } .ui-messages ul { margin-left: 35px !important; } .ui-messages ul li span { margin-left: 0px !important; } .ui-messages .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-messages .ui-corner-all { border: 1px solid #FFFFFF !important; } .ui-messages .ui-messages-fatal { color: #660000; background-color: #F4F4F4; } .ui-messages .ui-messages-error { color: #D90000; background-color: #FEFCF1; } .ui-messages .ui-messages-warn { color: #B59636; background-color: #FCF7DA; } .ui-messages .ui-messages-info { color: #20739B; background-color: #F2FAFD; } .ui-message { border: 0px solid red !important; } .ui-message .ui-icon { background-image: url("/hku-referee/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-hku"); } .ui-message.ui-message-fatal { color: #660000; background-color: #F0F0F0; } .ui-message.ui-message-error { color: #D90000; background-color: transparent; } .ui-message.ui-message-error .ui-message-error-summary, .ui-message.ui-message-error .ui-message-error-detail { color: #D90000 !important; } .ui-message.ui-message-warn { color: #B59636; background-color: #FEFCF1; } .ui-message.ui-message-info { color: #20739B; background-color: #EAF5FB; } .ui-tooltip { z-index: 99999 !important; max-width: 500px !important; } .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { border-top-color: #CCC !important; } .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { border-right-color: #CCC !important; } .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { border-bottom-color: #CCC !important; } .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { border-left-color: #CCC !important; } .ui-tooltip > .ui-tooltip-text { border: 1px solid #CCC !important; background-color: #FFF !important; color: #333 !important; padding: 5px 8px !important; } .ui-fileupload-simple { border: 0px solid transparent !important; vertical-align: middle !important; } .ui-fileupload-simple .ui-button { vertical-align: middle !important; } .ui-fileupload-simple .ui-button.ui-state-default { width: auto !important; } .ui-fileupload-simple .ui-fileupload-filename { vertical-align: middle !important; display: block !important; } .ui-selectoneradio { margin-top: 5px !important; } .ui-selectoneradio td { padding: 2px 0px !important; } .ui-selectoneradio td label { margin-left: 8px !important; margin-right: 10px !important; } .ui-selectmanycheckbox { margin-top: 5px !important; } .ui-selectmanycheckbox td { vertical-align: top !important; padding: 2px 0px !important; } .ui-selectmanycheckbox td label { margin-left: 8px !important; margin-right: 10px !important; } .ui-datatable-data .ui-selectmanycheckbox { margin-top: 0px !important; width: auto !important; } .ui-datatable-data .ui-selectmanycheckbox td { padding: 0px !important; border: 0px solid red !important; } .ui-datatable-data .ui-selectmanycheckbox td label { margin-left: 8px !important; margin-right: 10px !important; } .ui-diagram-element { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; border: 1px solid #BBB; width: 14em; height: 4em; line-height: 4em; text-align: center; background-color: #EED556; color: #333 !important; background-image: none !important; } .ui-diagram-element.red { background-color: #EC6A33; } .ui-diagram-element.yellow { background-color: #EED556 !important; color: #333 !important; } .ui-diagram-element.blue { background-color: #53BBF2 !important; color: #FFF !important; } .ui-diagram-element.green { background-color: #AFEA00 !important; color: #FFF !important; } .ui-diagram-element.grey { background-color: #CCCCCC !important; color: #FFF !important; } .ui-spinner .ui-spinner-input { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; padding-right: 35px !important; } .ui-spinner .ui-spinner-button.ui-button.ui-state-default { min-width: 27px !important; width: 27px !important; min-height: 16px !important; height: 16px !important; margin-right: 1px !important; padding: 0px !important; border-left: 1px solid #CCC !important; background-color: #FFF !important; } .ui-spinner .ui-spinner-button .ui-button-text { padding: 0px !important; } .ui-spinner .ui-spinner-button .ui-button-text .ui-icon { padding: 0px !important; margin-left: 6px !important; } .ui-spinner .ui-spinner-button.ui-spinner-up { -webkit-border-top-right-radius: 3px !important; -moz-border-top-right-radius: 3px !important; -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -ms-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; border-bottom: 1px solid #CCC !important; font-size: 1px !important; line-height: normal !important; top: 1px !important; } .ui-spinner .ui-spinner-button.ui-spinner-down { -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -ms-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-bottom-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -ms-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius: 0px !important; -ms-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding-box !important; -ms-background-clip: padding-box !important; background-clip: padding-box !important; font-size: 1px !important; line-height: normal !important; } .ui-inputswitch { min-height: 30px !important; } .ui-inputswitch .ui-inputswitch-off { min-height: 30px !important; background-color: #AAA !important; } .ui-inputswitch .ui-inputswitch-on.ui-state-active { min-height: 30px !important; } .ui-inputswitch .ui-inputswitch-handle.ui-state-default { min-height: 30px !important; } .ui-selectonebutton { padding: 0px !important; } .ui-selectonebutton.ui-buttonset { border: 1px solid #CCC !important; font-size: 0px; } .ui-selectonebutton.ui-buttonset .ui-button.ui-state-default { margin-bottom: 0px !important; background-color: #FFF !important; color: #333 !important; } .ui-selectonebutton.ui-buttonset .ui-button.ui-state-active { background-color: #00827D !important; color: #FFF !important; } .ui-columntoggler.ui-widget-content { overflow: none !important; height: auto !important; } .ax-tooltip-header { white-space: nowrap !important; border: 0px solid transparent !important; } .ax-tooltip-header .ui-column-customfilter { border: 0px solid transparent !important; margin: 0px !important; padding: 0px !important; margin-left: 2px !important; position: relative !important; display: inline-block !important; height: auto !important; width: auto !important; } @media (max-width: 1000px) { .ui-dialog { top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; } .ui-dialog.ui-widget-content .ui-dialog-content { padding-top: 50px !important; width: 100% !important; height: 100% !important; } } @media (max-width: 980px) { .ui-growl { left: 10%; width: 80% !important; } } /* Responsive */ @media (max-width: 640px) { .ui-tooltip { max-width: 90% !important; } .ui-fluid .ui-fileupload .ui-button { width: 30px !important; } .ui-fluid .ui-fileupload .ui-button .ui-button-icon-left.ui-icon { border: 0px solid transparent !important; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row { border-top: 0px solid red !important; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row:last-child { border: 0px solid transparent; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell { padding: 0px 0px 0px 0px; } .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-outputlabel { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; padding: 8px 0px 3px 1px; width: auto; margin-bottom: 0px; } .ui-datatable .ui-datatable-data > tr, .ui-treetable .ui-datatable-data > tr { border-bottom: 12px solid #E0E0E0 !important; padding-top: 24px !important; } .ui-datatable .ui-datatable-data > tr:first-child, .ui-treetable .ui-datatable-data > tr:first-child { border-top: 24px solid #E0E0E0 !important; } .ui-datatable .ui-datatable-data > tr > td, .ui-treetable .ui-datatable-data > tr > td { position: relative !important; padding-left: 30% !important; font-weight: normal !important; } .ui-datatable .ui-datatable-data > tr > td > span.ui-column-title, .ui-treetable .ui-datatable-data > tr > td > span.ui-column-title { position: absolute !important; border: 0px solid blue !important; top: 10px; left: 5px; white-space: nowrap; overflow: hidden; min-width: 30%; width: 1px; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-datatable .ui-datatable-data > tr > td .td-row, .ui-treetable .ui-datatable-data > tr > td .td-row { vertical-align: top; border: 0px solid transparent; padding-top: 0px; padding-bottom: 10px; } .ui-datatable .ui-datatable-data > tr > td .ui-inputfield, .ui-treetable .ui-datatable-data > tr > td .ui-inputfield { margin-bottom: 0px !important; } .ui-datatable .ui-datatable-data > tr > td .ui-selectonemenu, .ui-treetable .ui-datatable-data > tr > td .ui-selectonemenu { margin-bottom: 0px !important; } .ui-datatable .ui-datatable-data > tr.ui-state-hover, .ui-treetable .ui-datatable-data > tr.ui-state-hover { border-bottom: 12px solid #E0E0E0 !important; } .ui-datatable .ui-datatable-data .ui-datatable-odd, .ui-treetable .ui-datatable-data .ui-datatable-odd { background-color: #FCFCFC; } .ui-datatable .ui-datatable-data .ui-datatable-even, .ui-treetable .ui-datatable-data .ui-datatable-even { background-color: #FFFFFF; } .ui-growl { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; left: 0%; width: 100% !important; padding-left: 10px; padding-right: 10px; } .ui-tabs .ui-tabs-nav.ui-widget-header li { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -ms-border-radius: 8px !important; border-radius: 8px !important; } .ui-tabs .ui-tabs-nav.ui-widget-header li a { padding: 5px 10px; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header { padding: 3px 3px 2px 3px !important; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -ms-border-radius: 6px !important; border-radius: 6px !important; border: 2px solid #EEE !important; margin: 0px 5px 5px 0px !important; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a { min-width: auto; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-default { border: 1px solid #c8c8c8 !important; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active { margin-bottom: 5px !important; border-width: 0px; } .ui-button.ui-state-default { margin-bottom: 2px; } .ui-dialog { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; } .ui-dialog.ui-widget-content .ui-dialog-titlebar { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; cursor: default !important; position: fixed; top: 1px; z-index: 500; width: 100%; } .ui-dialog.ui-widget-content .ui-dialog-content { box-sizing: border-box !important; width: 100% !important; height: 100% !important; border: 0px solid transparent !important; padding-top: 50px !important; } .ui-dialog.ui-widget-content .ui-dialog-content > iframe { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; border: 0px solid red !important; } .ui-grid-responsive .ui-button { margin-top: 5px; margin-bottom: 0px; } .ui-fluid.ui-panelgrid { margin-bottom: 5px; } } @media (max-width: 480px) { .ui-datatable .ui-datatable-data > tr > td, .ui-treetable .ui-datatable-data > tr > td { padding-left: 40%; } .ui-datatable .ui-datatable-data > tr > td > span.ui-column-title, .ui-treetable .ui-datatable-data > tr > td > span.ui-column-title { min-width: 40%; } } @media (max-width: 360px) { .ui-tabs .ui-tabs-panels .ui-tabs-panel { padding: 10px !important; } .ui-datatable .ui-datatable-data > tr > td { padding-top: 25px; padding-left: 10px; padding-right: 10px; color: #666; } .ui-datatable .ui-datatable-data > tr > td:first-child { margin-top: 18px !important; } .ui-datatable .ui-datatable-data > tr > td:last-child { margin-bottom: 18px !important; } .ui-datatable .ui-datatable-data > tr > td > span.ui-column-title { color: #333; top: 1px; border: 0px solid red; margin: 0px; padding: 0px; font-weight: bold; min-width: 100%; width: 100%; text-align: left; padding-right: 10px; line-height: normal; } } /* --------- primefaces-ui --------- */ @media (min-width: 481px) { .tx-menu.horizontal > ul { /* First level animation */ } .tx-menu.horizontal > ul > li > a, .tx-menu.horizontal > ul > li > .div-cont > a { height: 60px !important; } } @media (max-width: 480px) { label.rwd-menu-trigger { background: -moz-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #44CAAF), color-stop(100%, #33b399)) !important; background: -webkit-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -o-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -ms-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: linear-gradient(to bottom, #44CAAF 90%, #33b399 100%) !important; } label.rwd-menu-trigger i { color: #000; } .public label.rwd-menu-trigger { border-top: 5px solid #F89406; background: -moz-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #FFF), color-stop(100%, #ebebeb)) !important; background: -webkit-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -o-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -ms-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: linear-gradient(to bottom, #FFF 90%, #ebebeb 100%) !important; } .public label.rwd-menu-trigger i { top: 22px !important; color: #000; } .tx-menu.rwd { background-color: #EDEEF0; background-image: url("/hku-referee/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-hku") !important; background-size: auto 50px !important; background-position: center 2px !important; } } .font-en { font-family: Roboto, sans-serif !important; } .font-tc { font-family: "Noto Sans TC", sans-serif !important; } .font-sc { font-family: "Noto Sans SC", sans-serif !important; } html { height: 100%; } html * { -webkit-font-smoothing: antialiased; } body, a, h1, h2, h3, h4, h5, h6, span, div, th, td, table, ul, li, ol, input { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; } a { outline: 0; } .fa { font: normal normal normal 14px/1 FontAwesome !important; font-family: FontAwesome !important; } /* --------- extra for KMS Survey- -------- */ .content-sec { padding: 10px !important; } .content-sec .main-content { margin-top: 8px !important; } .full-width-yellow-button { background-color: #44CAAF !important; background-image: -webkit-linear-gradient(bottom, #44CAAF, #44CAAF) !important; background-image: -moz-linear-gradient(bottom, #44CAAF, #44CAAF) !important; background-image: linear-gradient(to bottom, #44CAAF, #44CAAF) !important; color: #FFF !important; -webkit-text-shadow: !important; -moz-text-shadow: !important; -ms-text-shadow: !important; text-shadow: !important; } .full-width-yellow-button:hover { color: #FFF !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } a.yellow-link { color: #EEE !important; } .notification-list [class^="ti-"], .notification-list [class*=" ti-"] { color: #FFF !important; } .circle-icon { background-color: #44CAAF !important; border: 1px solid #44CAAF !important; } .circle-icon i { color: #FFF !important; } .body-div { background-image: none !important; } .login-page-bg { background-image: none !important; } .login-page-header .header-container { margin: auto; padding-top: 280px; text-align: left; width: 593px; } .login-page-header .logo { padding: 0px 0px 0px 0px !important; margin: 0px 20px 0px 75px !important; width: 88px !important; height: 101px !important; border: 0px solid transparent !important; } .login-page-header .logo > a { border: 0px solid transparent !important; float: left; display: inline-block !important; padding: 0 0 !important; background-image: url("/hku-referee/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-hku") !important; background-repeat: no-repeat !important; background-size: 88px auto !important; width: 88px !important; height: 100% !important; } .login-page-header .logo > a img { display: none; width: 88px !important; } .login-page-header .app-name { vertical-align: top; display: inline-block; margin-top: 23px !important; margin-left: 0px !important; border: 0px solid transparent !important; } .login-page-header .app-name > .sep { vertical-align: top; display: inline-block; background-color: #313E7E; width: 1px; margin-top: 3px !important; margin-right: 20px !important; height: 50px !important; } .login-page-header .app-name > .text { color: #313E7E; display: inline-block; } .login-page-header .app-name > .text > .row-01 { font-size: 16px !important; font-weight: 400 !important; margin-bottom: 3px; } .login-page-header .app-name > .text > .row-02 { font-size: 20px !important; font-weight: normal !important; } .login-page-header .app-name > .text > .row-03 { font-size: 15px; } aside { top: 54px !important; } #container { padding-top: 54px !important; } .body-header { height: 54px !important; } .body-header .logo { float: left !important; padding: 0px 0px 0px 0px !important; margin: 8px 0px 0px 25px !important; width: 36px !important; height: 43px !important; } .body-header .logo > a { float: left; display: inline-block; height: 100% !important; padding: 0 0; width: 36px !important; background-image: url("/hku-referee/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-hku") !important; background-size: 36px auto; background-repeat: no-repeat; } .body-header .logo > a img { display: none !important; width: 36px !important; } .body-header .app-name { margin-top: 6px !important; margin-left: 25px !important; } .body-header .app-name > .sep { margin-top: 7px !important; margin-right: 25px !important; height: 30px !important; background-color: #FFF !important; } .body-header .app-name > .text { color: #fFFF !important; margin-top: 2px !important; } .body-header .app-name > .text > .row-01 { font-size: 15px !important; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .body-header .app-name > .text > .row-02 { font-size: 12px !important; color: #EEE !important; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .body-header .app-name > .text > .row-03 { margin-top: 9px !important; } .body-header .header { height: 54px !important; background-image: none !important; background: -moz-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #44CAAF), color-stop(100%, #33b399)) !important; background: -webkit-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -o-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: -ms-linear-gradient(top, #44CAAF 90%, #33b399 100%) !important; background: linear-gradient(to bottom, #44CAAF 90%, #33b399 100%) !important; } .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active { background-color: #7CD8C4 !important; border-bottom: 1px solid #7CD8C4 !important; color: #FFF; } .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active a { color: #FFF; } .ax-tab-01 .ui-tabs .ui-tabs-panels .ui-tabs-panel:first-child { background-color: #7CD8C4 !important; } .ax-tab-02 .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active { background-color: #F5F5F5 !important; border-bottom: 1px solid #F5F5F5 !important; color: #000; } .ax-tab-02 .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active a { color: #000; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ax-tab-02 .ui-tabs .ui-tabs-panels .ui-tabs-panel { background-color: #F5F5F5 !important; } .ax-dashboard-circle { background-color: #7CD8C4 !important; } .ax-dashboard-circle ul li > a, .ax-dashboard-circle ul li > div { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; border: 1px solid #44CAAF !important; background-color: #44CAAF !important; background: #44CAAF !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #44CAAF 50%, #44CAAF 100%) !important; /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #44CAAF 50%, #44CAAF 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse cover at center, #44CAAF 50%, #44CAAF 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44CAAF', endColorstr='#44CAAF',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .ax-dashboard-circle ul li > a .rows .row-01, .ax-dashboard-circle ul li > div .rows .row-01 { color: #FFF !important; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; } .ax-dashboard-circle ul li > a .rows .row-02, .ax-dashboard-circle ul li > div .rows .row-02 { color: #FFF !important; font-weight: bold !important; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; } .ax-dashboard-circle ul li > a:hover, .ax-dashboard-circle ul li > div:hover { background: #7CD8C4 !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #7CD8C4 10%, #44CAAF 100%) !important; /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #7CD8C4 10%, #44CAAF 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse cover at center, #7CD8C4 10%, #44CAAF 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD8C4', endColorstr='#44CAAF',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .lft-menu-trigger, .lft-menu-close-trigger { border: 1px solid #00827D !important; } .menu > ul li.selected a { background-color: #00827D !important; color: #FFFACD !important; border: 1px solid #00827D !important; } .ax-back-icon-url { color: #333; line-height: 1em !important; } .ax-back-icon-url .ax-icon { margin-top: 0px !important; color: #44CAAF !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ax-back-icon-url:hover { color: #333 !important; } .ax-back-icon-url:hover .ax-icon { color: #00827D !important; } .ui-inputfield, .ui-outputlabel { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; } .ax-section-title { color: #FFF !important; background-color: #C10841 !important; padding: 6px 8px !important; margin: 3px 0px !important; font-weight: bold !important; } .ax-section-title.type-b { background-color: #D6D6D6 !important; } .ax-section-title.type-c { background-color: #EEE !important; } .ax-dashboard-icon { padding: 0px !important; background-color: #7CD8C4 !important; } .ax-dashboard-icon ul li > a > .icon, .ax-dashboard-icon ul li > div > .icon { background-color: #EEE !important; border: 2px solid #FFF !important; } .ax-dashboard-icon ul li > a > .icon > i, .ax-dashboard-icon ul li > div > .icon > i { color: #333 !important; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } .ax-dashboard-icon ul li > a > .text, .ax-dashboard-icon ul li > div > .text { color: #FFF !important; -webkit-text-shadow: !important; -moz-text-shadow: !important; -ms-text-shadow: !important; text-shadow: !important; } .ax-dashboard-icon ul li > a:hover > .icon, .ax-dashboard-icon ul li > div:hover > .icon { background-color: #FFF !important; border: 0px solid #35BBA0 !important; } .ax-dashboard-icon ul li > a:hover > .icon > i, .ax-dashboard-icon ul li > div:hover > .icon > i { color: #333 !important; font-size: 42px !important; } .ax-dashboard-icon ul li > a:hover > .text, .ax-dashboard-icon ul li > div:hover > .text { font-size: 16px !important; font-weight: bold !important; color: #333 !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; } .ax-dashboard-icon .ax-section-title { color: #333 !important; background-color: #FFF !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; padding: 8px 10px !important; line-height: 1em !important; font-size: 17px !important; } .custom-dropdowns { margin-top: 0px !important; } .custom-dropdowns .dropdown { margin-top: 23px !important; } .dropdown.profile { margin-top: 4px !important; padding: 4px !important; } .dropdown.profile a span { color: #FFF !important; } .dropdown.profile a:hover span { color: #888 !important; } /* Breadcrumbs */ .breadcrumbs { height: auto !important; background-color: #EDEEF0 !important; } .breadcrumbs > ul { padding: 3px 10px 3px 23px !important; } .breadcrumbs > ul > li a { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; } .breadcrumbs > ul > li a [class^="ti-"], .breadcrumbs > ul > li a [class*=" ti-"] { border: 0px solid transparent !important; line-height: 1em !important; vertical-align: middle !important; } .basicAdvance ~ .search-basic .note, .basicAdvance ~ .search-advance .note { padding-top: 0px !important; padding-bottom: 0px !important; } .basicAdvance ~ .search-basic > div.ui-grid-row:not(:first-of-type) .ui-panelgrid-cell.ui-grid-col-12, .basicAdvance ~ .search-advance > div.ui-grid-row:not(:first-of-type) .ui-panelgrid-cell.ui-grid-col-12 { border: 0px solid transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; } .basicAdvance ~ .search-basic .basicAdvanceLabel, .basicAdvance ~ .search-advance .basicAdvanceLabel { margin-bottom: 0px !important; } .ax-btn-set { border: 0px solid transparent !important; background-color: transparent !important; padding: 0.8px 2.6666666667px !important; } .ax-basic-info { padding: 15px 20px !important; margin-bottom: 10px !important; } .ax-basic-info .ax-thumbnail-img.type-01 { border: 1px solid #e6e6e6; } .ax-basic-info .ax-thumbnail-img + .ax-text { margin: 20px 0px 8px 0px !important; } .ax-basic-info .ax-text > h2 { margin: 0px 0px 8px 0px !important; } .ax-basic-info .ax-text > div { color: #555 !important; } .extra-info.aR { position: relative; } .extra-info.aR .info-btn { font-size: 15px; width: 34px; height: 20px; border: 0px solid #CCC; color: #333; position: absolute; right: 0px; top: 0px; z-index: 100; } .popover { -webkit-border-radius: 4.5px !important; -moz-border-radius: 4.5px !important; -ms-border-radius: 4.5px !important; border-radius: 4.5px !important; } .popover .popover-content .info-popover b { min-width: 95px !important; } .status-label { display: inline-block !important; position: absolute !important; padding: 6px 8px 7px 8px !important; line-height: normal !important; vertical-align: middle !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; } @media (max-width: 640px) { .status-label { position: relative !important; } } .ax-tooltip > .icon { background-color: #44CAAF !important; } .ax-tooltip > .icon i { color: #FFF; } .hr { padding: 8px; } .ax-captcha > div { margin: auto; margin-top: 8px !important; margin-bottom: 8px !important; } .ax-captcha > div > div { margin-left: auto !important; margin-right: auto !important; } .ax-captcha img { margin: auto; height: 100%; } .ax-form { font-size: 12px; margin: 0px 0px; } .ax-form > .ax-row { padding: 5px 0px; } .ax-form .label { color: #333; font-size: 12px; display: block; padding: 6px 2px; line-height: normal; text-align: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; white-space: normal; } .ax-form .field input { width: 100%; } .ax-form .field textarea { width: 100%; } .account-form > .field-row > .ui-calendar { position: absolute !important; width: 100% !important; height: 100% !important; } .account-form > .field-row > .ui-calendar .ui-inputfield.ui-state-default { border: 0px solid red; width: 100% !important; height: 100% !important; font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; padding-left: 50px !important; color: #000 !important; } @media (min-width: 641px) { .admin { border: 0px solid transparent !important; } .public { border: 0px solid blue !important; } .public .notification-list { margin-top: 30px !important; } .public .dropdown.profile { margin-top: 9px !important; } .public .breadcrumbs { height: 26px !important; } .public .breadcrumbs > ul { padding: 1px 10px 1px 23px !important; } .public .notification-list [class^="ti-"], .public .notification-list [class*=" ti-"] { color: #777 !important; } .public .login-page-header .header-container { margin: auto; padding-top: 150px; text-align: left; width: 593px; } .public .login-page-header .logo { padding: 0px 0px 0px 0px !important; margin: 0px 20px 0px 55px !important; width: 88px !important; height: 101px !important; border: 0px solid transparent !important; } .public .login-page-header .logo > a { border: 0px solid transparent !important; float: left; display: inline-block !important; padding: 0 0 !important; background-image: url("/hku-referee/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-hku") !important; background-repeat: no-repeat !important; background-size: 88px auto !important; width: 88px !important; height: 100% !important; } .public .login-page-header .logo > a img { display: none; width: 88px !important; } .public .login-page-header .app-name { vertical-align: top; display: inline-block; margin-top: 23px !important; margin-left: 0px !important; border: 0px solid transparent !important; } .public .login-page-header .app-name > .sep { vertical-align: top; display: inline-block; background-color: #313E7E; width: 1px; margin-top: 3px !important; margin-right: 20px !important; height: 50px !important; } .public .login-page-header .app-name > .text { color: #313E7E; display: inline-block; } .public .login-page-header .app-name > .text > .row-01 { font-size: 18px !important; font-weight: bold !important; margin-bottom: 3px; } .public .login-page-header .app-name > .text > .row-02 { font-size: 16px !important; font-weight: normal !important; } .public .login-page-header .app-name > .text > .row-03 { font-size: 15px; } .public aside { top: 54px !important; } .public #container { padding-top: 54px !important; } } .public .header { border-top: 5px solid #F89406; height: 54px !important; background: -moz-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #FFF), color-stop(100%, #ebebeb)) !important; background: -webkit-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -o-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: -ms-linear-gradient(top, #FFF 90%, #ebebeb 100%) !important; background: linear-gradient(to bottom, #FFF 90%, #ebebeb 100%) !important; } .public .lang { margin-top: 13px; } .public .lang ul li a { color: #444; font-weight: normal; } .public .lang ul li.sep { padding: 2px 5px; } .public .lang ul li.sep div { background-color: #444; } .public .lang ul li.selected a { color: #222; } .public .ax-printing ul li i { color: #222 !important; } .public .breadcrumbs { background-color: #444 !important; } .public .breadcrumbs > ul > li { color: #bbb !important; } .public .breadcrumbs > ul > li a { color: #bbb !important; } .public .notification-list [class^="ti-"], .public .notification-list [class*=" ti-"] { color: #777 !important; } .public .dropdown.profile a span { color: #888 !important; } .public .dropdown.profile a:hover span { color: #555 !important; } .public .ax-dashboard-circle { background-color: #F7B675 !important; } .public .ax-dashboard-circle ul li > a, .public .ax-dashboard-circle ul li > div { border: 1px solid #af5d0a !important; background-color: #00827D !important; background: #f3902d !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f3902d 50%, #f18315 100%) !important; /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #f3902d 50%, #f18315 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse cover at center, #f3902d 50%, #f18315 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3902d', endColorstr='#f18315',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .public .ax-dashboard-circle ul li > a .rows .row-01, .public .ax-dashboard-circle ul li > div .rows .row-01 { color: #FFF !important; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; } .public .ax-dashboard-circle ul li > a .rows .row-02, .public .ax-dashboard-circle ul li > div .rows .row-02 { color: #FFF !important; font-weight: bold !important; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) !important; } .public .ax-dashboard-circle ul li > a:hover, .public .ax-dashboard-circle ul li > div:hover { border: 1px solid #666666 !important; background: #8c8c8c !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #8c8c8c 40%, #8c8c8c 100%) !important; /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #8c8c8c 40%, #8c8c8c 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse cover at center, #8c8c8c 40%, #8c8c8c 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#8c8c8c',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .public .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active { background-color: #F7B675 !important; border-bottom: 1px solid #F7B675 !important; color: #FFF; } .public .ax-tab-01 .ui-tabs .ui-tabs-nav li:first-child.ui-state-active a { color: #FFF; font-weight: bold !important; } .public .ax-tab-01 .ui-tabs .ui-tabs-panels .ui-tabs-panel:first-child { background-color: #F7B675 !important; } .public .ax-section-title { font-weight: normal !important; color: #FFF !important; background-color: #C10841 !important; padding: 6px 8px !important; margin: 3px 0px !important; } .public .ax-section-title.type-b { background-color: #ECECEC !important; color: #333 !important; font-weight: bold !important; } .public .ax-section-title.type-c { background-color: #F8F8F8 !important; color: #333 !important; font-weight: bold !important; font-style: italic !important; text-decoration: underline !important; } .public .ax-dashboard-icon .ax-section-title { color: #333 !important; background-color: fade(#00827D, 15%) !important; } .public .body-header { height: 54px !important; } .public .body-header .logo { float: left !important; padding: 0px 0px 0px 0px !important; margin: 4px 0px 0px 20px !important; width: 36px !important; height: 44px !important; } .public .body-header .logo > a { float: left; display: inline-block; height: 100% !important; padding: 0 0; width: 36px !important; background-image: url("/hku-referee/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-hku") !important; background-size: 36px auto; background-repeat: no-repeat; } .public .body-header .logo > a img { display: none !important; width: 36px !important; } .public .body-header .app-name { margin-top: 2px !important; margin-left: 25px !important; } .public .body-header .app-name > .sep { margin-top: 3px !important; margin-right: 24px !important; height: 38px !important; background-color: #666 !important; } .public .body-header .app-name > .text { color: #000 !important; margin-top: 0px !important; } .public .body-header .app-name > .text > .row-01 { font-size: 15px !important; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0) !important; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0) !important; -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0) !important; color: #D2AD00; } .public .body-header .app-name > .text > .row-02 { font-size: 13px !important; color: #333 !important; font-weight: normal !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; text-shadow: none !important; margin-top: 1px !important; } .public .body-header .app-name > .text > .row-03 { margin-top: 9px !important; } .public .body-header .dropdown.profile { margin-top: 0px !important; } @media (max-width: 640px) { .dropdown.profile a { white-space: nowrap !important; } .dropdown.profile a span { color: #888 !important; font-size: 0px !important; white-space: nowrap !important; } .dropdown.profile a:hover span { color: #555 !important; } .breadcrumbs { height: auto !important; } .breadcrumbs > ul { padding: 3px 10px 4px 10px !important; } .breadcrumbs > ul > li a { font-family: "Microsoft JhengHei", "Arimo", Arial, sans-serif !important; } .ax-dashboard-icon .ax-section-title { text-align: center !important; } .ax-section-title { font-size: 14px !important; margin: 20px 0px 0px 0px !important; } .content-sec { padding: 8px !important; } .body-header { width: 100%; } .body-header .logo { border: 0px solid transparent !important; padding: 0px 0px 0px 0px !important; margin: 8px 0px 0px 25px !important; min-height: 50px !important; } .body-header .logo > a { border: 0px solid transparent !important; width: 36px !important; background-size: 36px auto !important; } .body-header .logo > a img { width: 36px !important; } aside { top: 71px !important; } aside.with-top-menu { top: 71px !important; } aside.with-top-menu-lp { top: 71px !important; } #container { padding-top: 50px !important; } .login-page-header .header-container { padding-top: 40px !important; } .login-page-header .logo { padding: 0px 0px 0px 0px !important; margin: 0px !important; width: 100% !important; float: none !important; display: block !important; text-align: center !important; } .login-page-header .logo > a { float: none !important; display: inline-block !important; border: 0px solid transparent !important; padding: 0px 0px !important; margin: auto auto !important; } .login-page-header .logo > a img { margin: 0px !important; width: 180px !important; } .login-page-header .app-name { margin-top: 10px !important; margin-left: 0px !important; margin-bottom: 10px !important; float: none !important; display: block !important; } .login-page-header .app-name > .sep { display: none !important; } .login-page-header .app-name > .text { display: block !important; border: 0px solid transparent !important; text-align: center !important; margin-left: 0px !important; } .login-page-header .app-name > .text > .row-01 { font-size: 16px !important; } .login-page-header .app-name > .text > .row-02 { font-size: 14px !important; } .login-page-header .app-name > .text > .row-03 { font-size: 13px; } .ax-num-w { border: 0px solid transparent !important; text-align: left !important; width: auto !important; } .ax-num-w span { text-align: left !important; } .ax-steps div.step { margin-left: 12.5px !important; } .hr { padding: 2px !important; } } @media (max-width: 360px) { .ax-basic-info .ax-text > h2 { font-size: 20px !important; } .ax-steps div.step { margin-left: 5px !important; } .hr { padding: 1px !important; } }