misc.scss 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. /*
  2. __ ___
  3. / |/ /__ ______________ _____ ____ _____
  4. / /|_/ / _ \/ ___/ ___/ __ `/ __ `/ _ \/ ___/
  5. / / / / __(__ |__ ) /_/ / /_/ / __(__ )
  6. /_/ /_/\___/____/____/\__,_/\__, /\___/____/
  7. /____/
  8. */
  9. @mixin messages(){
  10. padding: 9px;
  11. margin: 0.5em 0 0;
  12. color: #3a87ad;//#360;
  13. background: #d9edf7;//#cf8;
  14. border: 1px solid #bce8f1;//#be7;
  15. -moz-border-radius: 5px;
  16. -webkit-border-radius: 5px;
  17. border-radius: 5px;
  18. @include fs12;
  19. &.warning {
  20. color: #c09853;//#840;
  21. background-color: #fcf8e3;//#fe6;
  22. border-color: #fbeed5;//#ed5;
  23. }
  24. &.error {
  25. color: #b94a48;//#fff;
  26. background-color: #f2dede;//#e63;
  27. border-color: #eed3d7;//#d52;
  28. }
  29. &.status {
  30. color: #468847;//#036;
  31. background-color: #dff0d8;//#bdf;
  32. border-color:#d6e9c6;//#ace;
  33. @include fs14;
  34. }
  35. }
  36. div.messages { @include messages();}
  37. .messages-label{display:none;}
  38. #better-messages-wrapper{
  39. background-color: rgba(255,255,255,0.7); padding :10px; @include rounded(5px); @include drop-shadow(0, 0, 6px, 0.4);
  40. #better-messages-default{
  41. div.messages{
  42. @include messages(); margin:0 0 10px 0;
  43. }
  44. .footer{
  45. border:none; padding:0; margin:0;
  46. a.message-close{
  47. background: #fff url('../img/close.png') no-repeat center center;
  48. width:15px; height:15px; @include rounded(3px); display:block;
  49. }
  50. }
  51. }
  52. }
  53. /** Tab navigation */
  54. // .primary(){
  55. // font:13px/1.231 sans-serif; *font-size:small;
  56. // border-collapse: collapse;
  57. // padding: 0 0 0 1em; /* LTR */
  58. // white-space: nowrap;
  59. // list-style: none;
  60. // margin: 0;
  61. // height: auto;
  62. // line-height: normal;
  63. // border-bottom: 0 solid #bbb;
  64. // li{
  65. // display: inline;
  66. // a {
  67. // background-color: #ddd;
  68. // border-color: #bbb;
  69. // border-width: 1px;
  70. // border-style: solid solid none solid;
  71. // height: auto;
  72. // margin-right: 0.5em; /* LTR */
  73. // padding: 0 1em;
  74. // text-decoration: none;
  75. // -moz-border-radius: 5px;
  76. // -webkit-border-radius: 5px;
  77. // border-radius: 5px;
  78. // &:hover{
  79. // background-color: #eee;
  80. // border-color: #ccc;
  81. // border-bottom-color: #eee;
  82. // }
  83. // }
  84. // &.active a {
  85. // background-color: #fff;
  86. // border: 1px solid #bbb;
  87. // border-bottom: #fff 1px solid;
  88. // }
  89. // }
  90. // }
  91. // ul.primary, .views-admin-links ul { .primary(); }
  92. // .secondary(){
  93. // border-bottom: 1px solid #bbb;
  94. // padding: 0.5em 1em;
  95. // margin: 5px;
  96. // li {
  97. // display: inline;
  98. // padding: 0 1em;
  99. // border-right: 1px solid #ccc; /* LTR */
  100. // a {
  101. // padding: 0;
  102. // text-decoration: none;
  103. // &.active {
  104. // border-bottom: 4px solid #999;
  105. // }
  106. // }
  107. // }
  108. // }
  109. // ul.secondary { .secondary(); }
  110. /**
  111. * icons
  112. */
  113. @mixin icon($w, $x, $y, $color : #fff){
  114. background-image: url('../img/sprite.png');
  115. width:$w; height:$w; line-height:$w;
  116. background-position: $x $y ;
  117. background-color: $color;
  118. }
  119. // [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
  120. // .icon(20px);
  121. // }
  122. // i.icon-materio-viewmode-cardsmall{
  123. // @include icon(20px, -42px, 0);
  124. // &.active{@include icon(21px, 0, 0); }
  125. // &:hover:not(.active){@include icon(21px, -21px, 0); }
  126. // }
  127. // i.icon-materio-viewmode-cardmedium{
  128. // @include icon(21px, -42px, -21px);
  129. // &.active{@include icon(21px, 0, -21px); }
  130. // &:hover:not(.active){@include icon(21px, -21px, -21px); }
  131. // }
  132. // i.icon-materio-viewmode-cardbig{
  133. // @include icon(21px, -42px, -42px);
  134. // &.active{@include icon(21px, 0, -42px); }
  135. // &:hover:not(.active){@include icon(21px, -21px, -42px); }
  136. // }
  137. // i.icon-materio-viewmode-cardfull{
  138. // @include icon(21px, -42px, -63px);
  139. // &.active{@include icon(21px, 0, -63px); }
  140. // &:hover:not(.active){@include icon(21px, -21px, -63px); }
  141. // }
  142. // i.icon-materio-search{
  143. // @include icon(21px, -63px, -63px);
  144. // }
  145. // i.icon-materio-folder{
  146. // @include icon(21px, -84px, -63px);
  147. // }
  148. /**
  149. * figures
  150. */
  151. figure{
  152. figcaption{
  153. display:none;
  154. }
  155. .blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
  156. }
  157. /* ==|== print styles =======================================================
  158. Print styles.
  159. Inlined to avoid required HTTP connection: h5bp.com/r
  160. ========================================================================== */
  161. // @media print {
  162. // * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  163. // a, a:visited { text-decoration: underline; }
  164. // a[href]:after { content: " (" attr(href) ")"; }
  165. // abbr[title]:after { content: " (" attr(title) ")"; }
  166. // .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  167. // pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  168. // thead { display: table-header-group; } /* h5bp.com/t */
  169. // tr, img { page-break-inside: avoid; }
  170. // img { max-width: 100% !important; }
  171. // @page { margin: 0.5cm; }
  172. // p, h2, h3 { orphans: 3; widows: 3; }
  173. // h2, h3 { page-break-after: avoid; }
  174. // }
  175. a:focus {
  176. outline: 0;
  177. }
  178. /*
  179. * Improves readability when focused and also mouse hovered in all browsers.
  180. */
  181. a:active,
  182. a:hover {
  183. outline: 0;
  184. }
  185. /** COLORBOX */
  186. #colorbox{
  187. @include rounded; @include drop-shadow(0, 0, 5px, 0.4);
  188. #cboxLoadedContent{ background-color: #fff; }
  189. }
  190. /** embed player */
  191. .embedded-video{
  192. .player iframe{
  193. @media #{$medium-only}{
  194. max-width:100%;
  195. height:auto;
  196. }// change this
  197. }
  198. }
  199. /** devel */
  200. .not-logged-in{
  201. #tasks ul.tabs.primary{display:none;}
  202. }
  203. /*
  204. __ _
  205. ____ _____/ /___ ___ (_)___ ____ ___ ___ ____ __ __
  206. / __ `/ __ / __ `__ \/ / __ \ / __ `__ \/ _ \/ __ \/ / / /
  207. / /_/ / /_/ / / / / / / / / / / / / / / / / __/ / / / /_/ /
  208. \__,_/\__,_/_/ /_/ /_/_/_/ /_/ /_/ /_/ /_/\___/_/ /_/\__,_/
  209. */
  210. #admin-menu{
  211. top:0;
  212. }