From a575bce27500387934532aba0ecdb876087cc891 Mon Sep 17 00:00:00 2001 From: bachy Date: Thu, 28 Feb 2013 15:38:54 +0100 Subject: [PATCH] less compile to css Signed-off-by: bachy --- less/guibik.less.orig | 635 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 635 insertions(+) create mode 100644 less/guibik.less.orig diff --git a/less/guibik.less.orig b/less/guibik.less.orig new file mode 100644 index 00000000..b279f3b5 --- /dev/null +++ b/less/guibik.less.orig @@ -0,0 +1,635 @@ +//@import 'elements.less'; +@import "gui.less"; + +/** table */ +@grey:#E0E0E0; +@greylite:#F4F4F4; + + +/** GENERAL FORM */ +a{color:#0092D2;} + +table th{background-color: @grey;} + +.block, +.item-list, +.help-items ul, +.form-item, +.confirmation ul, +.admin-list, +.node-type-list, +.admin-panel { + border-width:0px; + border-style:solid; + border-color:#fff; +} + +.text-format-wrapper .form-item { + background:#F4F4F4; + margin:0px 0px 10px; + + border-width:0; + border-style:solid; + border-color:#ddd; + padding: 9px; + } + + +.form-item label { + color:#1A1A1A; + font-weight:normal; + font-size:12px; + text-transform: none; +} + +input.form-autocomplete, +input.form-text, +textarea.form-textarea, +select.form-select { + padding:3px; + border-width:1px; + border-style:solid; + border-color:#BFBFBF; + background:#fff; + color:#1A1A1A; + max-width:100%; +} + + +span.autocomplete-deluxe-button{top:0.25em;} + +.fieldset { + &.titled{margin:20px 0px 10px!important;} + display:block; + position:relative; + min-height:28px; + border: 0 solid #eee; + border-top:1px solid #4C4C4C; + legend{ + margin-top:-0.9em; + } + &.collapsible legend{ + a.fieldset-title{ + padding-right:15px; + &:after{ + content:"-"; + padding:0 3px 2px; + margin:-5px 0 0 10px; + .rounded(); + color:#000; + background-color: #FFF; +/* font-size:9px;*/ + line-height:0; + font-weight:bold; + } + &:hover{color:#fff; font-weight:bold;} + } + } + + &.collapsed legend{ + a.fieldset-title:after{ + content:"+"; +/* padding:2px 5px 3px; + .rounded(); + color:#fff; + background-color: #1A1A1A; +*/ } + } + +} + +.tabledrag-processed{ + border:0 solid #fff; + padding-bottom:2em; +/* border-top:1px solid #4C4C4C;*/ + thead{ + background-color: transparent; + label{color:inherit; text-shadow: none; padding:0 0 0 0.5em;} + th{background-color: transparent; text-transform:uppercase; font-weight:bold;} + } +} + + +.item-list h3, +.block .block-title, +.fieldset-title, +.collapsible .fieldset-legend a{ + display:inline-block; width:auto; + .rounded(); + font-size:12px; + font-weight:normal; + text-transform: uppercase; + margin:0px; + padding:2px 9px 3px; + color:#fff; + background:#666; + +} + +.block .block-content, +.container-inline .fieldset-content, +.fieldset-content { + padding:10px 9px 9px; + background:#F4F4F4; +} + +/** popup description */ +.page-content .form-item .description { + color:#fff; + border-top:1px solid #E0E0E0; +/* background: #1A1A1A url() no-repeat scroll top left;*/ + background:url(../images/popup.png) 50% 100% no-repeat; + a{text-decoration: underline;} +} + + +li{list-style: none inside url();} + +/** NODE FORM */ +#user-profile-form, .node-form{ + label{text-transform: uppercase; font-size:1em;} + + .fieldset-title, + .vertical-tab-button strong, .horizontal-tab-button strong{text-transform: uppercase; font-size:0.8em; font-weight:bold;} + + div.form-type-checkboxes{ + &>label, &>div.form-checkboxes{.inlineblock();} + } + + .form-item-language, .form-type-select{ + &>label, &>select{.inlineblock();} + &>label{width:35%;} + &>select{max-width:60%;} + + } + + .form-type-textfield{ + &>label, &>input.form-text{.inlineblock(); margin:0; vertical-align:middle;} + &>label{width:35%;} + &>input.form-text{max-width:60%;} + } + .form-type-link-field{ + &>label, &>input.form-text{.inlineblock(); margin:0;} + &>label{width:35%;} + div{.inlineblock(); margin:0; width:100%;} + &>div{width:60%;} + input.form-text{max-width:100%;} + } + .form-phone-number{ + .form-item{.inlineblock();} + input.form-text{width:100%;} + } + + .autocomplete-deluxe-button{ + margin-top:-3px; + } + + .addressfield-container-inline{ + &>div.form-item{.inlineblock(); margin:0; width:30%;} + } + + fieldset.filter-wrapper{display:none;} + input.fid.form-text{display:none;} + + .form-region-right{ + position:relative; + fieldset.form-wrapper{max-width:100%; padding:0; margin:0;} + .fieldset-wrapper{padding:0;} + input.form-text{width:100%;} + } + + tr.draggable{ + fieldset{ + legend{display:none;} + .fieldset-content{ + padding:0; + .date-padding{padding:0;} + } + } + } + + + .field-widget-term-reference-tree .form-item.form-type-checkbox-tree{ + display: block; + .term-reference-tree{ + &>ul.term-reference-tree-level{.inlineblock(); padding:0 2em 0 0; min-width:30%;} + .term-reference-track-list-container{.inlineblock(); border-left:1px solid #848484; padding:0 0 2em 1em;} + } + + } + +} + +/** VERTICAL TABS */ +.vertical-tabs { + background:@greylite; + border:1px solid #BFBFBF; + margin:0px 0px 10px; + position:relative; +} + +.vertical-tabs .fieldset-content, +.vertical-tabs fieldset.titled .fieldset-content { + border:0px; + padding:10px; + } +.vertical-tabs .fieldset-content .fieldset-content { + margin-top: 20px; +} + +.vertical-tabs-list li a { + display:block; + text-shadow:#fff 0px 1px 0px; + padding:5px 10px 4px 10px; + border-bottom:1px solid #BFBFBF; + border-right:1px solid #BFBFBF; + color:#494949; + background: @grey; + } +.vertical-tabs-list li.last a{ + border-bottom:0px solid #BFBFBF +} +.vertical-tabs-list .selected a , +.vertical-tabs-list li:hover a { + background:@greylite; + color:#1A1A1A; +} +.vertical-tabs-list .selected a{ + border-right:0 solid @greylite; +} +.vertical-tabs-list .summary { font-size:11px; } + +<<<<<<< HEAD +.page-admin table, +.update tr.warning .version-recommended, +.update tr.error .version-recommended{ + background-color: transparent; + border:0px solid transparent; + tr{ + border:0px solid transparent; + } +} + + +.page-admin table tr.even{ + background: #EFEFEF; +} +======= + +>>>>>>> d3b84b77338e29b835ff6348fb9f12a810dea950 +.page-admin table tr{ + &.even, &.odd{ + td, h3 {background-color: transparent;} + &:hover{ background: #D4EFEE;} + &.ok{ + background-color: #d1f2a3; + } + &.warning{ + background-color: #e9e2a6; + } + &.error{ + background-color: #ffc4be; + } + + } + &.even{ + background: #EFEFEF; + } + &.ok, &.ok:hover{ + color: #468847;//#036; + background-color: #dff0d8;//#bdf; + // td{ + // border-bottom:3px solid #d6e9c6;//#ace; + // } + } + &.warning, &.warning:hover{ + color: #c09853;//#840; + background-color: #fcf8e3;//#fe6; + // td{ + // border-bottom: 3px solid #fbeed5;//#ed5; + // } + } + &.error, &.error:hover{ + color: #b94a48;//#fff; + background-color: #f2dede;//#e63; + // td{ + // border-bottom: 3px solid #eed3d7; + // } + } + + // td{ border:0 solid #fff;} +} + + +.admin-block-description, +.help-items ul li, +.confirmation ul li, +.item-list ul li, +.prose .item-list li, +.menu li { + border-bottom:0 solid #f4f4f4; + } + +form .form-actions { + background:#eee; + border:0 solid #ddd; + padding:9px; +} + + +/** boutons */ +input.teaser-button, +input.form-submit, +.node-edit, .button, .node-delete{ + cursor:pointer; + padding:0.3em 0.9em; + color:#333; + + text-align:center; + + font-size:12px; + font-weight:normal; + border-width:1px; + border-style:solid; + border-color:#ddd #ddd #ccc; + background:#bdf url(); + .rounded(); + + &.field-add-more-submit{ + padding:0.1em 0.4em 0; + font-size:10px; + } + + +} +.node-edit, .button, .node-delete{font-size:10px;padding:0.1em 0.6em;} + + + +input.form-submit:hover, +.node-edit:hover, .button:hover, .node-delete:hover{ + border-color:#ddd #ddd #ccc; + -webkit-box-shadow:#ace 0px 0px 0px; + + color:#bdf; + background-color: #848484; +} + +input.button-yes:not(.field-add-more-submit), .node-edit{ + background-color: #CCFF2F; + &:hover{ + color:#CCFF2F; + } +} + +input.button-no, .node-delete{ + background-color: #EA4B4A; + &:hover{ + color:#EA4B4A; + } + +} + +/** admin module */ +/** +* +* /!\ CUSTOM HERE /!\ +* +* Provide better display for admin menu ============================== +*/ +body.admin-vertical #admin-menu{background:#222;background-image:none;} +body.admin-vertical #admin-menu-wrapper{margin-left:35px!important;} +body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #323232;margin-left:260px!important;} +#admin-toolbar{z-index:1000!important;} + + +/* --- */ + + +/** + * VIEW + */ +#views-ui-edit-form{ + div.changed { + background-color: #FFF98E; + } + + .views-ui-display-tab-bucket h3{ + font-weight:bold; + background-color: #D8D8D8; + } + + .defaulted, .views-ui-display-tab-bucket .views-display-setting.even, .views-ui-display-tab-bucket .views-display-setting.odd{ //:not(.overriden) + color: #666; + background-color: #E0E0E0; + font-style: italic; + /* font-weight:bold;*/ + a{color: #3F80B3} + } + + .views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting, + .views-display-setting.overridden{ //:not(.overriden) + &, &.even, &.odd{ + color: #7F7F7F; + background-color: #F9F9F9; + font-style: normal; + /* font-weight:bold;*/ + a{color: #3188D1;} + } + } +} +.view{ + .view-header{ + padding:0.5em; margin:0 0 1em 0; + border: 1px solid #CCC; .border-radius(5px,5px,5px,5px); + font-weight:bold; + } + .pager{ + padding:1em 0; margin:0; text-align: right; height:auto; + ul{ + .inlineblock(); padding:0; + li{ + height:20px; + a, span{padding:1px 10px 2px;} + } + + } + } + + // EXPOSED + .view-filters{ + padding:1em 0; margin:0 0 1em 0; + border: 1px solid #CCC; .border-radius(5px,5px,5px,5px); + + &>span.title, &>form{.inlineblock();width:auto;position:relative;vertical-align: top;} + &>span.title{padding:0.7em 1em;} + fieldset{ + .inlineblock(); padding:0 1em; + .fieldset-content{padding:0;} + legend{display:none;} + } +/* .views-exposed-form{ */ + label{font-weight:normal; font-size:0.75em;} + .form-item{.inlineblock(); padding:0 0.5em 0 0; + select, input{font-size:0.8em;} + } +/* }*/ + } + + // VBO + fieldset#edit-select{ + padding:1em 0; margin:0 0 1em 0; + border: 1px solid #CCC; .border-radius(5px,5px,5px,5px); + + legend, .fieldset-content{.inlineblock();} + + legend{ + width:auto; + *{background-color: transparent;} + } + + .fieldset-content{ + padding:0; + select, input{font-size:0.8em;} + } + } + .vbo-fieldset-select-all{ + width:50%; text-align:left; + .form-item{.inlineblock();vertical-align:top;} + em{padding:0 1em;} + } + +} + +/** media browser */ +.view.inline-block-list{ + .views-row { + .inlineblock(); vertical-align:top; + padding: 5px; margin:5px; width:250px; min-height:150px; background-color: #E3E3E3; + .border-radius(5px,5px,5px,5px); border: 1px solid #ddd; + .drop-shadow; + .float-left{ + float:left; + &>div{margin:0 10px 10px 0;} + } + + } +} + +*:focus{ + border: 1px solid #BDF!important; +} + +/* Contain floats: h5bp.com/q */ +.clearfix:before, .clearfix:after { content: ""; display: table; } +.clearfix:after { clear: both; } +.clearfix { zoom: 1; } + + +.path-admin-content-nodes span.icon { background-position:0px -30px; } + + +/** admin view */ +.custom-admin{ + table{ + + caption{ text-align: left; padding:2em 0 0 0; font-weight:bold;} + + th{line-height:1; background-color: @greylite!important;} + td{padding-top:1em;padding-bottom:1em;} + + td.views-field-field-media{ + width:100px; + img{max-width:100%; height:auto;} + } + + &.has-caption{ + th, td.views-field-field-media, td.views-field-views-bulk-operations{ + background: @grey!important; + } + } + + td.views-field-title{ width:350px; } + a.node-title-link{font-size:1.1em; padding:0 0 0.3em; display:inline-block;} + td.views-field-field-people{width:100px;} + } + +} + + +#modalContent{ + +} + +#modalContent div.ctools-modal-content{ + padding:5px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + + border: 1 solid #999; + +} +#modalContent div.ctools-modal-content .modal-header, +#modalContent div.ctools-modal-content .modal-header a, +#modalContent div.ctools-modal-content .modal-header span{ + background-color: transparent; color:#000!important; +} + + +/** Messages. */ +.messages(){ + padding: 9px; + margin: 0.5em 0 0; + color: #3a87ad;//#360; + background: #d9edf7;//#cf8; + border: 1px solid #bce8f1;//#be7; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + + + &.warning { + color: #c09853;//#840; + background-color: #fcf8e3;//#fe6; + border-color: #fbeed5;//#ed5; + } + + &.error { + color: #b94a48;//#fff; + background-color: #f2dede;//#e63; + border-color: #eed3d7;//#d52; + } + + + &.status { + color: #468847;//#036; + background-color: #dff0d8;//#bdf; + border-color:#d6e9c6;//#ace; + } + +} + +div.messages { + .messages(); +} + + +#better-messages-wrapper{ + background-color: rgba(255,255,255,0.6); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4); + #better-messages-default{ + .messages-label{display:none;} + div.messages{ + .messages(); margin:0 0 10px 0; + + } + .footer{ + border:none; padding:0; margin:0; + a.message-close{ + background: #fff url('../images/close.png') no-repeat center center; + width:15px; height:15px; .rounded(3px); display:block; + + } + } + } +}