THIS IS A TEST INSTANCE ONLY! REPOSITORIES CAN BE DELETED AT ANY TIME!

test
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

313 lines
7.6KB

  1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{
  2. margin:0;
  3. padding:0
  4. }
  5. body {
  6. background-color: @yobi-background;
  7. font-family: @base-font-family;
  8. text-rendering: auto !important;
  9. overflow-y: scroll;
  10. }
  11. textarea { font-family: @fixed-font-family !important; }
  12. button, select { font-family: @base-font-family !important; }
  13. h1,h2,h3,h4,h5,h6 { text-rendering:auto !important; }
  14. a {
  15. color: inherit;
  16. text-decoration: none;
  17. outline: none;
  18. &:hover { outline: none !important; text-decoration: underline; }
  19. &:focus { outline: none !important; text-decoration: underline; }
  20. }
  21. input[type=number]::-webkit-inner-spin-button,
  22. input[type=number]::-webkit-outer-spin-button {
  23. -webkit-appearance: none;
  24. margin: 0;
  25. }
  26. .btn-transparent { border: 0; padding: 0; background: transparent; }
  27. .d-link { color: @blue; }
  28. .nm { margin: 0 !important; }
  29. .hidden {
  30. display: none !important;
  31. visibility: hidden !important;
  32. }
  33. .cb { clear:both; }
  34. .blind {
  35. overflow:hidden;
  36. position:absolute;
  37. top:0;
  38. left:0;
  39. width:0;
  40. height:0;
  41. font-size:0;
  42. line-height:0
  43. }
  44. /** pagination **/
  45. .page-navigation-wrap {
  46. width:100%;
  47. text-align: center;
  48. margin: 20px 0;
  49. clear:both;
  50. .page-nums {
  51. margin: 0;
  52. padding: 0;
  53. list-style: none;
  54. font-size: 0;
  55. .inline-block;
  56. .page-num {
  57. .inline-block;
  58. padding: 0 10px;
  59. font-size: 12px;
  60. color: #8e9094;
  61. .current {
  62. color: @orange; /*#4489A4;*/
  63. font-weight: bold;
  64. }
  65. .input-mini {
  66. margin:0; width:30px;
  67. text-align:center; font-weight:bold;
  68. border:1px solid #eee;
  69. &:hover, &:focus {
  70. /*background:#f5f5f5;*/
  71. .box-shadow(inset -1px -1px 2px rgba(0,0,0,0.1));
  72. color:@primary; border-color:@primary;
  73. }
  74. }
  75. &.ikon {
  76. &:nth-child(4n-2) { //--- prev
  77. padding-right: 10px;
  78. }
  79. &:nth-child(5n-2) { //--- next
  80. padding-left: 10px;
  81. }
  82. padding: 0 5px;
  83. span {
  84. font-size: 11px;
  85. color: @orange; /*#4489A4;*/
  86. &.off {
  87. color: #8E9094;
  88. }
  89. }
  90. }
  91. &.delimiter { color:#ddd; padding:0 5px; }
  92. .nospinner { -moz-appearance:textfield; }
  93. }
  94. }
  95. }
  96. /** file uploader **/
  97. .upload-progress {
  98. height: 7px;
  99. margin-bottom: 5px;
  100. background:#f0f0f0;
  101. filter:none;
  102. &.done-outline {
  103. border: 1px solid @light-green;
  104. }
  105. &.red-outline {
  106. border: 1px solid @yona-red;
  107. }
  108. .box-shadow(inset 0px 1px 1px rgba(0,0,0,0.25));
  109. .bar {
  110. height:100%;
  111. filter:none;
  112. &.orange { background:@orange; .box-shadow(none); } // #f28149
  113. &.blue { background:@blue; .box-shadow(none); }
  114. &.grey { background:@gray-9e; .box-shadow(none); }
  115. &.red { background:@yona-red; .box-shadow(none); }
  116. &.done { background:@light-green; .box-shadow(none); }
  117. &.open { background:@state-open; .box-shadow(none); }
  118. &.closed { background:@state-closed; .box-shadow(none); }
  119. }
  120. &.avatar {
  121. height:5px;
  122. overflow: hidden;
  123. .border-radius(5px);
  124. }
  125. }
  126. /** images **/
  127. .img-rounded {
  128. .border-radius(3px) !important;
  129. border: 1px solid #ccc;
  130. }
  131. .avatar-wrap {
  132. width:32px; height:32px;
  133. vertical-align:top;
  134. overflow:hidden; display:inline-block;
  135. &.small { width:24px; height:24px; }
  136. &.smaller { width:20px; height:20px; }
  137. &.mid { width:64px; height:64px; }
  138. &.large { width:128px; height:128px; }
  139. }
  140. /** text style **/
  141. .bold { font-weight:bold; }
  142. .gray-txt { color:@gray-cc !important; }
  143. .darkgray-txt { color:@gray-99 !important; }
  144. .orange-txt { color:@orange !important; }
  145. .primary-txt { color:@primary !important; }
  146. .secondary-txt { color:@secondary !important; }
  147. .center-txt { text-align:center; }
  148. .right-txt { text-align:right; }
  149. .left-txt { text-align:left; }
  150. .blue-txt { color:@blue;}
  151. /** background **/
  152. .bgblack { background:#000; }
  153. .bgwhite { background:#fff; }
  154. .bgblue { background:@blue; /*#56B5D9;*/ }
  155. .bgorange { background:@orange; }
  156. .bggray { background:#f5f5f5; }
  157. .vmiddle { vertical-align:middle !important; }
  158. .vertical-top { vertical-align:top !important; }
  159. .vtop { vertical-align:top !important; }
  160. /** form elements **/
  161. .radio-btn {
  162. vertical-align:top;
  163. margin:2px !important;
  164. }
  165. .form-label {
  166. margin:0px 5px;
  167. }
  168. .text-right {
  169. text-align: right;
  170. padding-right: 20px;
  171. }
  172. .yobicon-middle{
  173. vertical-align: bottom;
  174. margin-bottom: 3px;
  175. }
  176. .bold{
  177. font-weight: bold;
  178. }
  179. .small-font{
  180. font-size: 10px;
  181. font-weight: normal;
  182. }
  183. .ml0 { margin-left:0; }
  184. .ml10 { margin-left:10px; }
  185. .mr10 { margin-right:10px; }
  186. .mt10 { margin-top:10px; }
  187. .mt20 { margin-top:20px; }
  188. .ml20 { margin-left:20px; }
  189. .mb10 { margin-bottom:10px; }
  190. .mb20 { margin-bottom:20px; }
  191. .mr20 { margin-right:20px; }
  192. .ml5 { margin-left:5px; }
  193. .ml6 { margin-left:6px; }
  194. .mr6 { margin-right:6px; }
  195. .mr5 { margin-right:5px; }
  196. .mt5 { margin-top:5px; }
  197. .mt4 { margin-top:4px; }
  198. .mr3 { margin-right:3px; }
  199. .pb4 { padding-bottom: 4px}
  200. .pl0 { padding-left: 0}
  201. .margin-top-20 { margin-top:20px; }
  202. .margin-left-20 { margin-left: 20px; }
  203. .margin-left-5 { margin-left:5px; }
  204. .margin-right-5 { margin-right:5px; }
  205. .margin-right-i2 { margin-right:-2px !important; }
  206. .font12 { font-size: 12px; }
  207. .no-border{ border: none !important; }
  208. .reverb {
  209. unicode-bidi: bidi-override;
  210. direction: rtl;
  211. }
  212. .z{
  213. float:right;
  214. font-size:.001px;
  215. color:transparent;
  216. display:inline-block;
  217. width:0px;
  218. }
  219. .font-blue {
  220. color: #0088cc;
  221. }
  222. .notification-badge {
  223. font-size:12px;
  224. border:2px solid #FFF;
  225. line-height:20px;
  226. padding:0 5px;
  227. background-color:@yobi-primary;
  228. color:#ECF0F1;
  229. .border-radius(10px);
  230. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
  231. -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
  232. -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
  233. box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
  234. }
  235. .vmiddle-inline {
  236. display:inline-block !important;
  237. vertical-align: middle !important;
  238. }
  239. input.dimgray { color:dimgray; }
  240. input.dimgray::-webkit-input-placeholder { color:dimgray; opacity:0.8; }
  241. input.dimgray:-moz-placeholder { color:dimgray; opacity:0.8; } /* Firefox 18- */
  242. input.dimgray::-moz-placeholder { color:dimgray; opacity:0.8; } /* Firefox 19+ */
  243. input.dimgray:-ms-input-placeholder { color:dimgray; opacity:0.8; }
  244. input.white { color:#fff; }
  245. input.white::-webkit-input-placeholder { color:#fff; opacity:0.8; }
  246. input.white:-moz-placeholder { color:#fff; opacity:0.8; } /* Firefox 18- */
  247. input.white::-moz-placeholder { color:#fff; opacity:0.8; } /* Firefox 19+ */
  248. input.white:-ms-input-placeholder { color:#fff; opacity:0.8; }
  249. .va-text-top {
  250. vertical-align: text-top !important;
  251. }
  252. .width100p {
  253. width: 100%
  254. }
  255. .text-ellipsis {
  256. white-space: nowrap;
  257. overflow: hidden;
  258. text-overflow: ellipsis;
  259. }
  260. .z-index-1 {
  261. z-index: 1 !important;
  262. }
  263. .hideFromDisplayOnly {
  264. display: none;
  265. }
  266. .fixed-height-my-issues-list {
  267. line-height: 36px;
  268. }
  269. .dimgray { color:dimgray; }
  270. .vertical-align {
  271. display: flex;
  272. align-items: center;
  273. }