12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001 |
- /**
- * Primary Drupal Styles
- * Author: Bachir Soussi Chiadmi
- */
- @function lower-bound($range) {
- @if length($range) <= 0 {
- @return 0;
- }
- @return nth($range, 1);
- }
- @function upper-bound($range) {
- @if length($range) < 2 {
- @return 999999999999;
- }
- @return nth($range, 2);
- }
- @function em-calc($px-value, $rem-base: 16) {
- $value: $px-value / $rem-base;
- @return $value * 1em;
- }
- $small-range: (0, em-calc(640)); /* between 0 & 640px */
- $medium-range: (em-calc(641), em-calc(1000)); /* between 640px & 1000px */
- $large-range: (em-calc(1001), em-calc(1025)); /* between 1001px & 1025px */
- $xlarge-range: (em-calc(1026), em-calc(1920)); /* between 1026px & 1920px */
- $xxlarge-range: (em-calc(1921), 99999999px); /* between 1920px & infinity */
- $screen: 'only screen';
- $landscape: '#{$screen} and (orientation: landscape)';
- $portrait: '#{$screen} and (orientation: portrait)';
- $small-up: $screen;
- $small-only: '#{$screen} and (max-width: #{upper-bound($small-range)})';
- $medium-up: '#{$screen} and (min-width:#{lower-bound($medium-range)})';
- $medium-only: '#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})';
- $large-up: '#{$screen} and (min-width:#{lower-bound($large-range)})';
- $large-only: '#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})';
- $xlarge-up: '#{$screen} and (min-width:#{lower-bound($xlarge-range)})';
- $xlarge-only: '#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})';
- $xxlarge-up: '#{$screen} and (min-width:#{lower-bound($xxlarge-range)})';
- $xxlarge-only: '#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})';
- body{
- font-size:16px;
- font-family: "aileron", Arial, "MS Trebuchet", sans-serif;
- }
- // a{color: #007BC2; text-decoration: none;}
- h1{font-size:1.6em;}
- h2{font-size:1.5em;}
- h3{font-size:1.4em;}
- h4{font-size:1.3em;}
- h5{font-size:1.2em;}
- h6{font-size:1.1em;}
- input{font-family: Arial, "MS Trebuchet", sans-serif; font-size:0.8em;}
- // __
- // _________ / /___ __________
- // / ___/ __ \/ / __ \/ ___/ ___/
- // / /__/ /_/ / / /_/ / / (__ )
- // \___/\____/_/\____/_/ /____/
- $vert : #20c498;
- // $bleu : #1f04a1;
- // $rouge : #fb3f08;
- $coul0 : #2f82ff;
- $coul1 : #ff0000;
- $coul2 : #88aa00;
- $coul3 : #ff6600;
- $coul4 : #ff2ad4;
- $coul5 : #8800aa;
- /** layout */
- .footer-block .region, .header-block{ display:inline-block; vertical-align: top;}
- #header, #main, #footer{ padding:0; }
- body{
- }
- $maxw:1000px;
- @mixin main_centred(){
- width:95%;
- margin:0 auto;
- @media #{$large-up} {
- max-width: $maxw;
- }
- }
- $header_height_small:200px;
- $header_height_large:400px;
- #header{
- @media #{$large-up} {
- position: fixed;
- }
- width:100%;
- z-index: 20;
- background-color: transparentize(#fff, 0.05);
- background-image: url(../../images/fond-trame-logo-lite.png);
- background-repeat: no-repeat;
- background-position: center top;
- background-size: contain;
- max-height: $header_height_small;
- @media #{$large-up} {
- max-height: $header_height_large;
- }
- // box-shadow: 0 3px 3px transparentize(#fff, 0.05);
- hgroup.logo{
- @include main_centred();
- padding: 1em 0 0;
- }
- h1{margin:0;}
- h1 a{
- display:block;
- height:$header_height_small*0.6;
- @media #{$large-up} {
- height: $header_height_large*0.8;
- }
- // transition: height 0.1s ease-in-out;
- background-image: url(../../images/logo.png);
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
- text-indent: -2000px;
- overflow: hidden;
- margin: 0;
- }
- h2{
- text-align: center;
- color:$vert;
- font-size: 1em;
- font-weight: 500;
- @media #{$large-up} {
- font-size: 2em;
- }
- }
- }
- #main{
- // padding-top: $header_height_small;
- @media #{$large-up} {
- padding-top: $header_height_large;
- }
- @include main_centred();
- >.region{
- }
- }
- // about
- #node-63{
- // color:$bleu;
- padding:1em 0;
- .content{
- section{display: inline;}
- p{ margin:0;}
- }
- ul.links{
- // display: block;
- text-align: right;
- margin: 0; padding: 0;
- li{margin: 0; padding: 0; display: inline-block;}
- a{
- color: inherit; text-decoration: none;
- font-weight: 500;
- }
- }
- }
- #thematique-anchor-links{
- display:none;
- @media #{$large-up} {
- display:block;
- }
- padding:1em 0;
- ul{
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-between;
- padding:0; margin:0;
- li{
- max-width: 7em;
- list-style: none;
- padding:0; margin: 0;
- a{
- // color: $bleu;
- text-decoration: none;
- font-weight: 600;
- display:block;
- min-height: 3em;
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- span{
- display: block;
- }
- @mixin anchor($bg, $sb_bg, $coul){
- background-image: $bg;
- color:$coul;
- &.en_attente{
- // opacity: 0.4;
- color:#aaa;//transparentize($coul, 0.8);//saturate(lighten($coul, 40%), 90%);
- background-image: $sb_bg;
- cursor: default;
- }
- }
- &.node-32{
- @include anchor(
- url(../../images/menu-fond-theme-0-flat.jpg),
- url(../../images/menu-fond-theme-0-flat-nb.jpg),
- $coul0);
- }
- &.node-14{
- @include anchor(
- url(../../images/menu-fond-theme-1-flat.jpg),
- url(../../images/menu-fond-theme-1-flat-nb.jpg),
- $coul1);
- }
- &.node-38{
- @include anchor(
- url(../../images/menu-fond-theme-2-flat.jpg),
- url(../../images/menu-fond-theme-2-flat-nb.jpg),
- $coul2);
- }
- &.node-3{
- @include anchor(
- url(../../images/menu-fond-theme-3-flat.jpg),
- url(../../images/menu-fond-theme-3-flat-nb.jpg),
- $coul3);
- }
- &.node-20{
- @include anchor(
- url(../../images/menu-fond-theme-4-flat.jpg),
- url(../../images/menu-fond-theme-4-flat-nb.jpg),
- $coul4);
- }
- &.node-26{
- @include anchor(
- url(../../images/menu-fond-theme-5-flat.jpg),
- url(../../images/menu-fond-theme-5-flat-nb.jpg),
- $coul5);
- }
- &:hover{
- // TODO: anchor link over effect
- }
- }
- }
- }
- }
- //
- // html,
- // body,
- // #container,
- // #main,
- // #main>.region,
- // #block-system-main,
- // #block-system-main>.content,
- // .node-thematique{
- // overflow-x: visible;
- // }
- @mixin vidlabel(){
- font-size: 1em;
- font-weight: 600;
- padding:0.2em 0.4em;
- background-color: rgba(255,255,255,0.9);
- display: inline-block;
- }
- // thematique
- .node-thematique{
- // min-height:766px;
- margin-bottom: 7em;
- position: relative;
- &::before{
- position: absolute;
- content:" ";
- z-index: -1;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- width:100%; height:100%;
- top:0; left:0;
- @media #{$large-up} {
- background-size: contain;
- width:110%; height:110%;
- top:-5%; left:-5%;
- }
- }
- &.en_attente::before{
- background-size: contain;
- background-position: left;
- }
- @mixin node_thema($bg, $sb_bg, $coul){
- &::before{background-image: $bg;}
- >h2,
- .group-video .field-name-field-description h3,
- .group-description .field-name-field-ecouter,
- .node-documentair .field-name-field-doc,
- .node-documentair .field-name-title-field,
- .field-name-field-episodes .field-label,
- .node-episode .field-name-title-field{color: $coul;}
- .field-name-body .summary{
- border-left-color: $coul;
- }
- // article.main{
- // .field-name-body{
- // .summary{background-color: $coul;}
- // }
- // }
- // &.en_attente::before{background-image: $sb_bg;}
- // &.en_attente{
- // >h2,
- // .group-video .field-name-field-description h3,
- // .group-description .field-name-field-ecouter,
- // .node-documentair .field-name-field-doc,
- // .node-documentair .field-name-title-field,
- // .field-name-field-episodes .field-label,
- // .node-episode .field-name-title-field{
- // color: #aaa;//lighten(desaturate($coul, 40%), 20%);
- // }
- // }
- }
- &.node-32{
- @include node_thema(
- url(../../images/fond-theme-0-flat.png),
- url(../../images/fond-theme-0-flat-nb.jpg),
- $coul0);
- }
- &.node-14{
- @include node_thema(
- url(../../images/fond-theme-1-flat.png),
- url(../../images/fond-theme-1-flat-nb.jpg),
- $coul1);
- }
- &.node-38{
- @include node_thema(
- url(../../images/fond-theme-2-flat.png),
- url(../../images/fond-theme-2-flat-nb.jpg),
- $coul2);
- }
- &.node-3{
- @include node_thema(
- url(../../images/fond-theme-3-flat.png),
- url(../../images/fond-theme-3-flat-nb.jpg),
- $coul3);
- }
- &.node-20{
- @include node_thema(
- url(../../images/fond-theme-4-flat.png),
- url(../../images/fond-theme-4-flat-nb.jpg),
- $coul4);
- }
- &.node-26{
- @include node_thema(
- url(../../images/fond-theme-5-flat.png),
- url(../../images/fond-theme-5-flat-nb.jpg),
- $coul5);
- }
- @mixin white_shadow(){
- $d:2px;
- $b:0;
- $c:white;
- text-shadow:
- $d $d $b $c,
- -$d $d $b $c,
- -$d -$d $b $c,
- $d -$d $b $c;
- }
- >h2{
- font-size: 4em;
- font-weight: 400;
- line-height: 0.9;
- text-indent: -0.09em;
- // padding-left: 0.18em;
- position:relative;
- margin:2em 0 0;
- padding: 0 2em 0 0;
- // @include white_shadow;
- @media #{$large-up} {
- padding:0;
- }
- span.target{
- position: absolute;
- top:-170px;
- }
- span.date{
- font-size: 0.3em;
- font-weight: 600;
- display: block;
- text-indent: 0.2em;
- // color: #000;
- }
- }
- .content{
- letter-spacing: -0.25em;
- >*{letter-spacing: normal;}
- $main_w : 69.5%;
- $right_w : 30.5%;
- $gouttiere: 1.2em;
- // _
- // ____ ___ ____ _(_)___
- // / __ `__ \/ __ `/ / __ \
- // / / / / / / /_/ / / / / /
- // /_/ /_/ /_/\__,_/_/_/ /_/
- article.main{
- @media #{$large-up} {
- display: inline-block;
- vertical-align: top;
- width:$main_w;
- }
- overflow: hidden;
- .field-name-body{
- position: relative; z-index: 3;
- >*{padding:0 1em 0 0;}
- .summary{
- position: relative;
- // background-color: transparentize(#fff, 0.2);
- transition: background-color 0.5 ease-in-out;
- @media #{$large-up} {
- height:7em; overflow: hidden;
- }
- p{
- font-size: 1.05em;
- padding:0.5em 1.2em 0.5em;
- margin: 0;
- font-weight: 500;
- // @include white_shadow;
- }
- border-left-style:solid;
- border-left-width: 0;
- }
- .value{
- display:none;
- @media #{$large-up} {
- display: block;
- }
- position:absolute;
- height:1px; margin-bottom: 0;
- transition:height 0.5s ease-in-out;
- background-color: #fff;
- overflow: hidden;
- p{
- font-size: 0.95em; padding: 1em 1em 0 1.5em; line-height: 1.3; margin:0;
- background-color: #fff;
- }
- }
- @media #{$large-up} {
- &:hover{
- // .summary{background-color: #fff;}
- .value{
- height:700px;
- }
- }
- }
- // p{padding:0 0 1em; margin: 0;}
- } //field-name-body
- .group-video{
- position: relative;
- @media #{$large-up} {
- // min-height: 432px;
- }
- .field-name-field-emvideo img{
- max-width: 100%; height: auto;
- }
- .field-name-field-emvideo a{ display: block; line-height: 0;}
- .group-description{
- cursor: pointer; pointer-events: none;
- position:absolute; z-index: 2;
- top:0; left: 0;
- width:100%; height:100%;
- .field-name-field-ecouter{
- @include vidlabel();
- margin:15px;
- // transition: background-color 0.3s ease-in-out;
- }
- .field-name-field-description{
- position: absolute;
- top:0; left:0;
- box-sizing: border-box;
- width:80%;
- height:70%;
- margin:10%;
- padding:5%;
- opacity: 0;
- background-color: rgba(255,255,255,0.9);
- transition: opacity 0.3s ease-in-out;
- h3{
- font-weight: 500; font-size: 2em; margin:0;
- }
- }
- }
- &:hover .group-description{
- // background-color: rgba(255,255,255,0.9);
- // .field-name-field-ecouter{
- // background-color: rgba(255,255,255,0);
- // }
- .field-name-field-description{opacity:1;}
- }
- }
- }
- // __
- // ____/ /___ __________
- // / __ / __ \/ ___/ ___/
- // / /_/ / /_/ / /__(__ )
- // \__,_/\____/\___/____/
- aside.right{
- margin-top:$gouttiere;
- @media #{$large-up} {
- display: inline-block;
- vertical-align: top;
- width: $right_w;
- margin-top: 0;
- }
- .field-name-field-eclairages{
- @media #{$large-up} {
- padding-left:1em;
- }
- .field-item:not(:last-child){
- padding-bottom: $gouttiere;
- }
- }
- .node-documentair{
- min-height: 150px;
- background-color: #fff;
- .content{
- position: relative;
- .group-txt{
- cursor: pointer; pointer-events: none;
- box-sizing: border-box;
- position:absolute; z-index: 2; overflow: hidden;
- top:0; left:0; width:90%; height:80%;
- margin:15px;
- // opacity: 0;
- .field-name-field-doc{
- @include vidlabel;
- z-index:5;
- transition:background-color 0.3s ease-in-out;
- }
- .field-name-title-field{
- position: absolute; z-index: -1;
- top:0; left:0; width: 100%;
- font-size: 1.5em;
- font-weight: 500;
- padding: 30px 7px 10px;
- background-color: rgba(255, 255, 255, 0.9);
- opacity: 0;
- transition:opacity 0.3s ease-in-out;
- }
- }
- .group-video img{ width:100%; height:auto;}
- .group-video a{ display: block; line-height: 0;}
- }
- &:not(.en_attente):hover .group-txt{
- .field-name-field-doc{background-color: transparent;}
- .field-name-title-field{opacity: 1;}
- }
- &.en_attente>.content{
- position: relative;
- &::before{
- position: absolute;
- top:0; left:0;
- width:100%; height:100%;
- content:" ";
- z-index: 10;
- background-color: #fff;
- opacity: 0.8;
- }
- }
- }
- }
- // _ __
- // ___ ____ (_)________ ____/ /__ _____
- // / _ \/ __ \/ / ___/ __ \/ __ / _ \/ ___/
- // / __/ /_/ / (__ ) /_/ / /_/ / __(__ )
- // \___/ .___/_/____/\____/\__,_/\___/____/
- // /_/
- aside.bottom{
- padding-top: $gouttiere;
- @media #{$large-up} {
- padding-top: $gouttiere*0.5;
- }
- .field-name-field-episodes{
- // letter-spacing: -0.25em;
- .field-label{
- @include vidlabel;
- margin-bottom: 0.3em;
- }
- &>.field-items{
- @media #{$large-up} {
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-between;
- }
- &>.field-item{
- display: block;
- background-color: #fff;
- @media #{$large-up} {
- width:19%;
- }
- .node-episode{
- .content{
- position: relative;
- .group-txt{
- cursor: pointer; pointer-events: none;
- box-sizing: border-box;
- position:absolute; z-index: 2; overflow: hidden;
- top:0; left:0; width:90%; height:80%;
- margin:5%; padding:5%;
- background-color: rgba(255, 255, 255, 0.9);
- opacity: 1;
- transition:opacity,background-color 0.3s ease-in-out;
- .field-name-title-field{
- font-size: 4em;
- font-weight: 800;
- font-style: italic;
- text-align: center;
- }
- }
- .group-video img{ width:100%; height:auto;}
- .group-video a{ display: block; line-height: 0;}
- }
- &:not(.en_attente):hover .content .group-txt{
- opacity: 0.9;
- background-color: rgba(255, 255, 255, 0.3);
- }
- &.en_attente>.content{
- position: relative;
- &::before{
- position: absolute;
- top:0; left:0;
- width:100%; height:100%;
- content:" ";
- z-index: 10;
- background-color: #fff;
- opacity: 0.8;
- }
- }
- }
- }
- }
- }
- .field-name-body{
- // display:none;
- }
- }
- }
- // &.en_attente{
- // .content>.main{
- // position: relative;
- // &::before{
- // position: absolute;
- // top:0; left:0;
- // width:100%; height:100%;
- // content:" ";
- // z-index: 10;
- // background-color: #fff;
- // opacity: 0.8;
- // }
- // }
- // }
- }
- // ____ __
- // / __ \_ _____ _____/ /___ ___ __
- // / / / / | / / _ \/ ___/ / __ `/ / / /
- // / /_/ /| |/ / __/ / / / /_/ / /_/ /
- // \____/ |___/\___/_/ /_/\__,_/\__, /
- // /____/
- #DOMWindowOverlay{
- // background-color: #fff!important;
- }
- #DOMWindow{
- .embedded-video, .player ,iframe{
- width:100%;
- height:100%;
- }
- }
- // ____
- // / __ \____ _____ ____
- // / /_/ / __ `/ __ `/ _ \
- // / ____/ /_/ / /_/ / __/
- // /_/ \__,_/\__, /\___/
- // /____/
- .page-title{
- font-size: 4em;
- font-weight: 400;
- color: $vert;
- text-transform: capitalize;
- text-indent: -0.09em;
- }
- body.node-type-page{
- h2{
- font-size: 1.5em;
- font-size: 400;
- }
- h3{
- font-size: 2em;
- font-weight: 300;
- margin:1em 0 0;
- }
- p{
- line-height: 1.3;
- }
- a{
- color: $vert;
- }
- }
- // ______ __
- // / ____/___ ____ / /____ _____
- // / /_ / __ \/ __ \/ __/ _ \/ ___/
- // / __/ / /_/ / /_/ / /_/ __/ /
- // /_/ \____/\____/\__/\___/_/
- #footer{
- }
- #block-menu-menu-footer-menu{
- padding:2em 0;
- ul{ margin:0; padding:0; text-align: center;}
- li{display:inline-block; list-style: none;}
- a{
- text-decoration: none;
- color: $vert;
- font-size: 1.4em;
- font-weight: 400;
- &:hover{
- font-weight: 500;
- }
- }
- }
- .region-footer-bottom{
- text-align: center;
- }
- .region-footer-bottom .block{
- display: inline-block;
- font-size:0.7em;
- margin: 2em 0;
- a{
- color: inherit;
- }
- }
- #content{padding:1em;}
- /** Messages. */
- div.messages {
- padding: 9px;
- margin: 0.5em 0 0;
- color: #036;
- background: #bdf;
- border: 1px solid #ace;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- div.warning {
- color: #840;
- background: #fe6;
- border-color: #ed5;
- }
- div.error {
- color: #fff;
- background: #e63;
- border-color: #d52;
- }
- div.error p.error {
- color: #333;
- }
- div.status {
- color: #360;
- background: #cf8;
- border-color: #be7;
- }
- /** Tab navigation */
- ul.primary, .views-admin-links ul {
- font:13px/1.231 sans-serif; *font-size:small;
- border-collapse: collapse;
- padding: 0 0 0 1em; /* LTR */
- white-space: nowrap;
- list-style: none;
- margin: 5px;
- height: auto;
- line-height: normal;
- // border-bottom: 1px solid #bbb;
- }
- ul.primary li, .views-admin-links li{
- display: inline;
- }
- ul.primary li a, .views-admin-links li a {
- // background-color: #ddd;
- // border-color: #bbb;
- border-width: 1px;
- border-style: solid solid none solid;
- height: auto;
- margin-right: 0.5em; /* LTR */
- padding: 0 1em;
- text-decoration: none;
- -moz-border-radius-topleft: 5px;
- -webkit-border-top-left-radius: 5px;
- border-top-left-radius: 5px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-right-radius: 5px;
- border-top-right-radius: 5px;
- }
- // ul.primary li.active a {
- // background-color: #fff;
- // border: 1px solid #bbb;
- // border-bottom: #fff 1px solid;
- // }
- // ul.primary li a:hover, .views-admin-links li a:hover{
- // background-color: #eee;
- // border-color: #ccc;
- // border-bottom-color: #eee;
- // }
- // ul.secondary {
- // border-bottom: 1px solid #bbb;
- // padding: 0.5em 1em;
- // margin: 5px;
- // }
- // ul.secondary li {
- // display: inline;
- // padding: 0 1em;
- // border-right: 1px solid #ccc; /* LTR */
- // }
- // ul.secondary a {
- // padding: 0;
- // text-decoration: none;
- // }
- // ul.secondary a.active {
- // border-bottom: 4px solid #999;
- // }
- //
- /** Form */
- #node-form .form-region-main{border-right: 1px solid #BFBFBF; padding-right:10px; width:68%;}
- #node-form .form-region-main label{float:left; min-width:25%;}
- #node-form .form-region-main input.form-text{width:40%;}
- #node-form .form-region-right{padding-left:5px;}
- #node-form .form-region-right label{float:left; min-width:35%;}
- #node-form .form-region-right input.form-text{width:60%;}
- #node-form .form-region-main label.option, #node-form .form-region-right label.option{float: none;}
- form:not( #views-ui-config-item-form ) .form-item {
- position:relative;
- /* padding:9px;*/
- }
- form:not( #views-ui-config-item-form ) .form-item .description{
- position:absolute;
- bottom:140%;
- /* right:-15px;*/
- z-index:5;
- left:50%;
- color:#1A1A1A;
- line-height:1.1;
- background:url(../images/popup.png) 50% 100% no-repeat;
- width:240px;
- margin:0px 0px -15px;
- padding:9px 10px 20px;
- display:none;
- border-top: 1px solid #9F9F9F;
- }
- form:not( #views-ui-config-item-form ) .form-item:hover {
- z-index:1;
- height:auto; /* Fix for flicker in IE7 */
- }
- form:not( #views-ui-config-item-form ) .form-item:hover > .description { display:block; }
- fieldset{
- border: 1px solid #D4D4D4;
- padding:10px;
- margin-bottom:1em;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- fieldset legend{
- font-size:1.6em;
- }
- input.form-text{max-width:95%;}
- /** TABLE */
- table{width:100%;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- table thead th{
- background-color: #CCC;
- padding:0.5em 1em;
- text-align: left;
- }
- table tbody tr.even, table tbody tr.odd{
- border-bottom: 0 solid #CCCCCC;
- padding: 0.1em 0.6em;
- }
- table tbody tr.even{background-color: #EEE;}
- table tbody tr.odd{background-color: #E5E5E5;}
- table tbody td{
- padding:0.5em 1em;
- text-align: left;
- }
- td.active {background-color: transparent;}
- #tasks{
- .tabs{
- border: none;
- padding:0;
- a{
- border:none;
- border-radius: 3px;
- background-color: #eee;
- padding:0.4em;
- color: #000;
- margin:0 1em 0 0;
- &.active{
- background-color: #999;
- }
- }
- }
- }
|