elements less
less elements import page preprocess Signed-off-by: bachy <git@g-u-i.net>
This commit is contained in:
bachy
parent
0c65f95fbb
commit
7f1b21c912
File diff suppressed because one or more lines are too long
128
less/elements.less
Executable file
128
less/elements.less
Executable file
@ -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);
|
||||
}
|
||||
@ -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; }
|
||||
|
||||
20
template.php
20
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);
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user