misc.less.orig 5.2 KB

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