diff --git a/css/guibik.css b/css/guibik.css index 1be6e5c5..5da96963 100644 --- a/css/guibik.css +++ b/css/guibik.css @@ -1 +1 @@ -a{color:#0092d2}table th{background-color:#e0e0e0}.block,.item-list,.help-items ul,.form-item,.confirmation ul,.admin-list,.node-type-list,.admin-panel{border-width:0;border-style:solid;border-color:#fff}.text-format-wrapper .form-item{background:#f4f4f4;margin:0 0 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%}.fieldset{margin:0 0 10px;display:block;position:relative;min-height:28px;border:0 solid #eee}.item-list h3,.block .block-title,.fieldset-title,.collapsible .fieldset-legend a{display:block;font-size:14px;margin:0;padding:4px 9px 5px;color:#1a1a1a;background:#e0e0e0}.block .block-content,.container-inline .fieldset-content,.fieldset-content{padding:10px 9px 9px;background:#f4f4f4}.page-content .form-item .description{color:#0092d2;border-top:1px solid #e0e0e0}li{list-style:none inside url()}.node-form div.form-type-checkboxes>label,.node-form div.form-type-checkboxes>div.form-checkboxes{display:inline-block}.node-form .form-item-language>label,.node-form .form-item-language>select{display:inline-block}.node-form .form-type-textfield>label,.node-form .form-type-textfield>input.form-text{display:inline-block;margin:0}.node-form .form-type-textfield>label{width:35%}.node-form .form-type-textfield>input.form-text{max-width:60%}.node-form fieldset.filter-wrapper{display:none}.node-form input.fid.form-text{display:none}.node-form .form-region-right{position:relative}.node-form .form-region-right fieldset.form-wrapper{max-width:100%;padding:0;margin:0}.node-form .form-region-right .fieldset-wrapper{padding:0}.node-form .form-region-right input.form-text{width:100%}.vertical-tabs{background:#f4f4f4;border:1px solid #bfbfbf;margin:0 0 10px;position:relative}.vertical-tabs .fieldset-content,.vertical-tabs fieldset.titled .fieldset-content{border:0;padding:10px}.vertical-tabs .fieldset-content .fieldset-content{margin-top:20px}.vertical-tabs-list li a{display:block;text-shadow:#fff 0 1px 0;padding:5px 10px 4px 10px;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;color:#494949;background:#e0e0e0}.vertical-tabs-list li.last a{border-bottom:0 solid #bfbfbf}.vertical-tabs-list .selected a,.vertical-tabs-list li:hover a{background:#f4f4f4;color:#1a1a1a}.vertical-tabs-list .selected a{border-right:0 solid #f4f4f4}.vertical-tabs-list .summary{font-size:11px}.page-admin table tr.even,.page-admin table tr.even td{background:#efefef}.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}input.teaser-button,input.form-submit,.node-edit,.button,.node-delete{cursor:pointer;padding:2px 7px;color:#333;text-align:center;font-size:10px;font-weight:normal;border-width:1px;border-style:solid;border-color:#ddd #ddd #ccc;background:#bdf url();-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}input.form-submit:hover,.node-edit:hover,.button:hover,.node-delete:hover{border-color:#ddd #ddd #ccc;-webkit-box-shadow:#ace 0 0 0;color:#bdf;background-color:#848484}input.button-yes,.node-edit{background-color:#ccff2f}input.button-yes:hover,.node-edit:hover{color:#ccff2f}input.button-no,.node-delete{background-color:#ea4b4a}input.button-no:hover,.node-delete:hover{color:#ea4b4a}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}#views-ui-edit-form div.changed{background-color:#fff98e}#views-ui-edit-form .views-ui-display-tab-bucket h3{font-weight:bold;background-color:#DDD}#views-ui-edit-form .defaulted,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd{color:#666;background-color:#ededed;font-style:italic}#views-ui-edit-form .defaulted a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a{color:#3188d1}#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-display-setting.overridden,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-display-setting.overridden.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-display-setting.overridden.odd{color:#7f7f7f;background-color:#f9f9f9;font-style:normal}#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-display-setting.overridden a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-display-setting.overridden.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-display-setting.overridden.odd a{color:#3188d1} \ No newline at end of file +.inline-block{display:inline-block;display:moz-inline-stack;*display:inline;*zoom:1}a{color:#0092d2}table th{background-color:#e0e0e0}.block,.item-list,.help-items ul,.form-item,.confirmation ul,.admin-list,.node-type-list,.admin-panel{border-width:0;border-style:solid;border-color:#fff}.text-format-wrapper .form-item{background:#f4f4f4;margin:0 0 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%}.fieldset{margin:0 0 10px;display:block;position:relative;min-height:28px;border:0 solid #eee}.item-list h3,.block .block-title,.fieldset-title,.collapsible .fieldset-legend a{display:block;font-size:14px;margin:0;padding:4px 9px 5px;color:#1a1a1a;background:#e0e0e0}.block .block-content,.container-inline .fieldset-content,.fieldset-content{padding:10px 9px 9px;background:#f4f4f4}.page-content .form-item .description{color:#0092d2;border-top:1px solid #e0e0e0}.page-content .form-item .description a{text-decoration:underline}li{list-style:none inside url()}.node-form div.form-type-checkboxes>label,.node-form div.form-type-checkboxes>div.form-checkboxes{display:inline-block}.node-form .form-item-language>label,.node-form .form-item-language>select{display:inline-block}.node-form .form-type-textfield>label,.node-form .form-type-textfield>input.form-text{display:inline-block;margin:0}.node-form .form-type-textfield>label{width:35%}.node-form .form-type-textfield>input.form-text{max-width:60%}.node-form fieldset.filter-wrapper{display:none}.node-form input.fid.form-text{display:none}.node-form .form-region-right{position:relative}.node-form .form-region-right fieldset.form-wrapper{max-width:100%;padding:0;margin:0}.node-form .form-region-right .fieldset-wrapper{padding:0}.node-form .form-region-right input.form-text{width:100%}.vertical-tabs{background:#f4f4f4;border:1px solid #bfbfbf;margin:0 0 10px;position:relative}.vertical-tabs .fieldset-content,.vertical-tabs fieldset.titled .fieldset-content{border:0;padding:10px}.vertical-tabs .fieldset-content .fieldset-content{margin-top:20px}.vertical-tabs-list li a{display:block;text-shadow:#fff 0 1px 0;padding:5px 10px 4px 10px;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;color:#494949;background:#e0e0e0}.vertical-tabs-list li.last a{border-bottom:0 solid #bfbfbf}.vertical-tabs-list .selected a,.vertical-tabs-list li:hover a{background:#f4f4f4;color:#1a1a1a}.vertical-tabs-list .selected a{border-right:0 solid #f4f4f4}.vertical-tabs-list .summary{font-size:11px}.page-admin table tr.even{background:#efefef}.page-admin table tr.even td,.page-admin table tr.odd td,.page-admin table tr.even h3,.page-admin table tr.odd h3{background-color:transparent}.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}input.teaser-button,input.form-submit,.node-edit,.button,.node-delete{cursor:pointer;padding:2px 7px;color:#333;text-align:center;font-size:10px;font-weight:normal;border-width:1px;border-style:solid;border-color:#ddd #ddd #ccc;background:#bdf url();-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}input.form-submit:hover,.node-edit:hover,.button:hover,.node-delete:hover{border-color:#ddd #ddd #ccc;-webkit-box-shadow:#ace 0 0 0;color:#bdf;background-color:#848484}input.button-yes,.node-edit{background-color:#ccff2f}input.button-yes:hover,.node-edit:hover{color:#ccff2f}input.button-no,.node-delete{background-color:#ea4b4a}input.button-no:hover,.node-delete:hover{color:#ea4b4a}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}#views-ui-edit-form div.changed{background-color:#fff98e}#views-ui-edit-form .views-ui-display-tab-bucket h3{font-weight:bold;background-color:#d8d8d8}#views-ui-edit-form .defaulted,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd{color:#666;background-color:#e0e0e0;font-style:italic}#views-ui-edit-form .defaulted a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a{color:#3f80b3}#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-display-setting.overridden,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-display-setting.overridden.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-display-setting.overridden.odd{color:#7f7f7f;background-color:#f9f9f9;font-style:normal}#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-display-setting.overridden a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-display-setting.overridden.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-display-setting.overridden.odd a{color:#3188d1}.view.inline-block-list .views-row{display:inline-block;display:moz-inline-stack;*display:inline;*zoom:1;vertical-align:top;padding:5px;margin:5px;width:250px;min-height:150px;background-color:#e3e3e3;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.view.inline-block-list .views-row .float-left{float:left}.view.inline-block-list .views-row .float-left>div{margin:0 10px 10px 0}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.path-admin-content-nodes span.icon{background-position:0 -30px} \ No newline at end of file diff --git a/less/elements.less b/less/elements.less new file mode 100755 index 00000000..229b2968 --- /dev/null +++ b/less/elements.less @@ -0,0 +1,128 @@ +/** COMMONS */ + +.inline-block{ + display:inline-block; + display:moz-inline-stack; + *display:inline; + *zoom:1; +} + + + +/** HTML5 */ +.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { + background: @color; + background: -webkit-gradient(linear, + left bottom, + left top, + color-stop(0, @start), + color-stop(1, @stop)); + background: -ms-linear-gradient(bottom, + @start, + @stop); + background: -moz-linear-gradient(center bottom, + @start 0%, + @stop 100%); +} +.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { + background: @color; + background: -webkit-gradient(linear, + left bottom, + left top, + color-stop(0, rgb(@start,@start,@start)), + color-stop(1, rgb(@stop,@stop,@stop))); + background: -ms-linear-gradient(bottom, + rgb(@start,@start,@start) 0%, + rgb(@start,@start,@start) 100%); + background: -moz-linear-gradient(center bottom, + rgb(@start,@start,@start) 0%, + rgb(@stop,@stop,@stop) 100%); +} +.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) { + border-top: solid 1px @top-color; + border-left: solid 1px @left-color; + border-right: solid 1px @right-color; + border-bottom: solid 1px @bottom-color; +} +.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { + -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + +} +.rounded(@radius: 2px) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; + -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; +} +.border-radius(@topleft: 0, @topright: 0, @bottomright: 0, @bottomleft: 0) { + -webkit-border-radius:@topleft @topright @bottomright @bottomleft; + -moz-border-radius:@topleft @topright @bottomright @bottomleft; + border-radius:@topleft @topright @bottomright @bottomleft; + -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; +} + +.opacity(@opacity: 0.5) { + -moz-opacity: @opacity; + -khtml-opacity: @opacity; + -webkit-opacity: @opacity; + opacity: @opacity; +} +.transition-duration(@duration: 0.2s) { + -moz-transition-duration: @duration; + -webkit-transition-duration: @duration; + transition-duration: @duration; +} +.rotation(@deg:5deg){ + -webkit-transform: rotate(@deg); + -moz-transform: rotate(@deg); + transform: rotate(@deg); +} +.scale(@ratio:1.5){ + -webkit-transform:scale(@ratio); + -moz-transform:scale(@ratio); + transform:scale(@ratio); +} +.transition(@duration:0.2s, @ease:ease-out) { + -webkit-transition: all @duration @ease; + -moz-transition: all @duration @ease; + transition: all @duration @ease; +} +.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { + -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); +} +.box-shadow(@arguments) { + -webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + box-shadow: @arguments; +} +.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { + -moz-column-width: @colwidth; + -moz-column-count: @colcount; + -moz-column-gap: @colgap; + -moz-column-rule-color: @columnRuleColor; + -moz-column-rule-style: @columnRuleStyle; + -moz-column-rule-width: @columnRuleWidth; + -webkit-column-width: @colwidth; + -webkit-column-count: @colcount; + -webkit-column-gap: @colgap; + -webkit-column-rule-color: @columnRuleColor; + -webkit-column-rule-style: @columnRuleStyle; + -webkit-column-rule-width: @columnRuleWidth; + column-width: @colwidth; + column-count: @colcount; + column-gap: @colgap; + column-rule-color: @columnRuleColor; + column-rule-style: @columnRuleStyle; + column-rule-width: @columnRuleWidth; +} +.translate(@x:0, @y:0) { + -moz-transform: translate(@x, @y); + -webkit-transform: translate(@x, @y); + -o-transform: translate(@x, @y); + -ms-transform: translate(@x, @y); + transform: translate(@x, @y); +} diff --git a/less/guibik.less b/less/guibik.less index e3732179..77aa98bf 100644 --- a/less/guibik.less +++ b/less/guibik.less @@ -1,3 +1,5 @@ +@import 'elements.less'; + /** table */ @grey:#E0E0E0; @grey-lite:#F4F4F4; @@ -83,6 +85,7 @@ select.form-select { .page-content .form-item .description { color:#0092D2; border-top:1px solid #E0E0E0; + a{text-decoration: underline;} } @@ -150,9 +153,13 @@ li{list-style: none inside url();} } .vertical-tabs-list .summary { font-size:11px; } -.page-admin table tr.even, .page-admin table tr.even td { +.page-admin table tr.even{ background: #EFEFEF; } +.page-admin table tr{ + &.even, &.odd{ td, h3 {background-color: transparent;} } +} + .admin-block-description, .help-items ul li, @@ -241,15 +248,15 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32 .views-ui-display-tab-bucket h3{ font-weight:bold; - background-color: #DDD; + 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: #EDEDED; + background-color: #E0E0E0; font-style: italic; /* font-weight:bold;*/ - a{color: #3188D1} + a{color: #3F80B3} } .views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting, @@ -267,3 +274,27 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32 } +/** media browser */ +.view.inline-block-list{ + .views-row { + .inline-block; 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;} + } + + } +} + + + +/* 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; } diff --git a/template.php b/template.php index 3941e7d0..6f4dd498 100644 --- a/template.php +++ b/template.php @@ -79,3 +79,23 @@ function guibik_theme() { return $items; } + + +/** + * Preprocessor for theme('page'). + */ +function guibik_preprocess_page(&$vars) { + // Show a warning if base theme is not present. + if (!function_exists('rubik_theme') && user_access('administer site configuration')) { + drupal_set_message(t('The Guibik theme requires the !rubik base theme in order to work properly.', array('!rubik' => l('Rubik', 'http://code.developmentseed.org/tao'))), 'warning'); + } + + // Process local tasks. Only do this processing if the current theme is + // indeed Rubik. Subthemes must reimplement this call. + global $theme; + if ($theme === 'guibik') + _rubik_local_tasks($vars); + + + +}