materio-base-d7/sites/all/themes/gui/materiobasetheme/scss/misc.scss

/*
    __  ___
   /  |/  /__  ______________ _____ ____  _____
  / /|_/ / _ \/ ___/ ___/ __ `/ __ `/ _ \/ ___/
 / /  / /  __(__  |__  ) /_/ / /_/ /  __(__  )
/_/  /_/\___/____/____/\__,_/\__, /\___/____/
                            /____/
*/
@mixin 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;
    @include fs12;

  &.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;
    @include fs14;
  }

}

div.messages { @include messages();}

.messages-label{display:none;}

#better-messages-wrapper{
  background-color: rgba(255,255,255,0.7); padding :10px; @include rounded(5px); @include drop-shadow(0, 0, 6px, 0.4);
  #better-messages-default{

    div.messages{
      @include 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; @include 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
*/
@mixin 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{
//   @include icon(20px, -42px, 0);
//   &.active{@include icon(21px, 0, 0); }
//   &:hover:not(.active){@include icon(21px, -21px, 0); }
// }
// i.icon-materio-viewmode-cardmedium{
//   @include icon(21px, -42px, -21px);
//   &.active{@include icon(21px, 0, -21px); }
//   &:hover:not(.active){@include icon(21px, -21px, -21px); }
// }
// i.icon-materio-viewmode-cardbig{
//   @include icon(21px, -42px, -42px);
//   &.active{@include icon(21px, 0, -42px); }
//   &:hover:not(.active){@include icon(21px, -21px, -42px); }
// }
// i.icon-materio-viewmode-cardfull{
//   @include icon(21px, -42px, -63px);
//   &.active{@include icon(21px, 0, -63px); }
//   &:hover:not(.active){@include icon(21px, -21px, -63px); }
// }

// i.icon-materio-search{
//   @include icon(21px, -63px, -63px);
// }

// i.icon-materio-folder{
//   @include 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;
}

i{
  transition: color 0.3s;
  &:hover{
    color:rgb(96, 96, 96);
    text-shadow: 1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF;
  }
}

/** COLORBOX */
#colorbox{
  @include rounded; @include drop-shadow(0, 0, 5px, 0.4);
  #cboxLoadedContent{ background-color: #fff; }
}


/** embed player */
.embedded-video{
  .player iframe{
    @media #{$medium-only}{
      max-width:100%;
      height:auto;
    }// change this
  }
}

/** devel */
.not-logged-in{
  #tasks ul.tabs.primary{display:none;}
}

/*
             __          _
  ____ _____/ /___ ___  (_)___     ____ ___  ___  ____  __  __
 / __ `/ __  / __ `__ \/ / __ \   / __ `__ \/ _ \/ __ \/ / / /
/ /_/ / /_/ / / / / / / / / / /  / / / / / /  __/ / / / /_/ /
\__,_/\__,_/_/ /_/ /_/_/_/ /_/  /_/ /_/ /_/\___/_/ /_/\__,_/
*/
#admin-menu{
  top:0;
}