installed grunt
This commit is contained in:
240
sites/all/themes/gui/materiobasetheme/scss/misc.scss
Normal file
240
sites/all/themes/gui/materiobasetheme/scss/misc.scss
Normal file
@@ -0,0 +1,240 @@
|
||||
|
||||
//** 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;
|
||||
.12;
|
||||
|
||||
&.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;
|
||||
.14;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
div.messages { .messages();}
|
||||
|
||||
.messages-label{display:none;}
|
||||
|
||||
#better-messages-wrapper{
|
||||
background-color: rgba(255,255,255,0.7); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4);
|
||||
#better-messages-default{
|
||||
|
||||
div.messages{
|
||||
.messages(); margin:0 0 10px 0;
|
||||
}
|
||||
.footer{
|
||||
border:none; padding:0; margin:0;
|
||||
a.message-close{
|
||||
background: #fff url('../img/close.png') no-repeat center center;
|
||||
width:15px; height:15px; .rounded(3px); display:block;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** Tab navigation */
|
||||
|
||||
// .primary(){
|
||||
// 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: 0;
|
||||
// height: auto;
|
||||
// line-height: normal;
|
||||
// border-bottom: 0 solid #bbb;
|
||||
|
||||
// li{
|
||||
// display: inline;
|
||||
|
||||
// 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: 5px;
|
||||
// -webkit-border-radius: 5px;
|
||||
// border-radius: 5px;
|
||||
|
||||
// &:hover{
|
||||
// background-color: #eee;
|
||||
// border-color: #ccc;
|
||||
// border-bottom-color: #eee;
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// &.active a {
|
||||
// background-color: #fff;
|
||||
// border: 1px solid #bbb;
|
||||
// border-bottom: #fff 1px solid;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// ul.primary, .views-admin-links ul { .primary(); }
|
||||
|
||||
// .secondary(){
|
||||
// border-bottom: 1px solid #bbb;
|
||||
// padding: 0.5em 1em;
|
||||
// margin: 5px;
|
||||
// li {
|
||||
// display: inline;
|
||||
// padding: 0 1em;
|
||||
// border-right: 1px solid #ccc; /* LTR */
|
||||
|
||||
// a {
|
||||
// padding: 0;
|
||||
// text-decoration: none;
|
||||
|
||||
// &.active {
|
||||
// border-bottom: 4px solid #999;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// ul.secondary { .secondary(); }
|
||||
|
||||
|
||||
/**
|
||||
* icons
|
||||
*/
|
||||
.icon(@w, @x, @y, @color : #fff){
|
||||
background-image: url('../img/sprite.png');
|
||||
width:@w; height:@w; line-height:@w;
|
||||
background-position: @x @y ;
|
||||
background-color: @color;
|
||||
}
|
||||
// [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
|
||||
// .icon(20px);
|
||||
// }
|
||||
|
||||
i.icon-materio-viewmode-cardsmall{
|
||||
.icon(20px, -42px, 0);
|
||||
&.active{.icon(21px, 0, 0); }
|
||||
&:hover:not(.active){.icon(21px, -21px, 0); }
|
||||
}
|
||||
i.icon-materio-viewmode-cardmedium{
|
||||
.icon(21px, -42px, -21px);
|
||||
&.active{.icon(21px, 0, -21px); }
|
||||
&:hover:not(.active){.icon(21px, -21px, -21px); }
|
||||
}
|
||||
i.icon-materio-viewmode-cardbig{
|
||||
.icon(21px, -42px, -42px);
|
||||
&.active{.icon(21px, 0, -42px); }
|
||||
&:hover:not(.active){.icon(21px, -21px, -42px); }
|
||||
}
|
||||
i.icon-materio-viewmode-cardfull{
|
||||
.icon(21px, -42px, -63px);
|
||||
&.active{.icon(21px, 0, -63px); }
|
||||
&:hover:not(.active){.icon(21px, -21px, -63px); }
|
||||
}
|
||||
|
||||
i.icon-materio-search{
|
||||
.icon(21px, -63px, -63px);
|
||||
}
|
||||
|
||||
i.icon-materio-folder{
|
||||
.icon(21px, -84px, -63px);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* figures
|
||||
*/
|
||||
|
||||
figure{
|
||||
figcaption{
|
||||
display:none;
|
||||
}
|
||||
.blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ==|== print styles =======================================================
|
||||
Print styles.
|
||||
Inlined to avoid required HTTP connection: h5bp.com/r
|
||||
========================================================================== */
|
||||
|
||||
// @media print {
|
||||
// * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
|
||||
// a, a:visited { text-decoration: underline; }
|
||||
// a[href]:after { content: " (" attr(href) ")"; }
|
||||
// abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
// .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
||||
// pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
// thead { display: table-header-group; } /* h5bp.com/t */
|
||||
// tr, img { page-break-inside: avoid; }
|
||||
// img { max-width: 100% !important; }
|
||||
// @page { margin: 0.5cm; }
|
||||
// p, h2, h3 { orphans: 3; widows: 3; }
|
||||
// h2, h3 { page-break-after: avoid; }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Improves readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
/** COLORBOX */
|
||||
#colorbox{
|
||||
.rounded; .drop-shadow(0, 0, 5px, 0.4);
|
||||
#cboxLoadedContent{ background-color: #fff; }
|
||||
}
|
||||
|
||||
|
||||
/** embed player */
|
||||
.embedded-video{
|
||||
.player iframe{
|
||||
@media @max-768{
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** devel */
|
||||
.not-logged-in{
|
||||
#tasks ul.tabs.primary{display:none;}
|
||||
}
|
Reference in New Issue
Block a user