Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

_adminlte.scss 15KB

před 2 měsíci
před 7 měsíci
před 7 měsíci
před 8 měsíci
před 6 roky
před 6 roky
před 6 roky
před 6 roky
před 8 měsíci
před 8 měsíci
před 6 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604
  1. /**
  2. * Copyright Guillaume Bourgeois (2018)
  3. *
  4. * contact@souke.fr
  5. *
  6. * Ce logiciel est un programme informatique servant à aider les producteurs
  7. * à distribuer leur production en circuits courts.
  8. *
  9. * Ce logiciel est régi par la licence CeCILL soumise au droit français et
  10. * respectant les principes de diffusion des logiciels libres. Vous pouvez
  11. * utiliser, modifier et/ou redistribuer ce programme sous les conditions
  12. * de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  13. * sur le site "http://www.cecill.info".
  14. *
  15. * En contrepartie de l'accessibilité au code source et des droits de copie,
  16. * de modification et de redistribution accordés par cette licence, il n'est
  17. * offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  18. * seule une responsabilité restreinte pèse sur l'auteur du programme, le
  19. * titulaire des droits patrimoniaux et les concédants successifs.
  20. *
  21. * A cet égard l'attention de l'utilisateur est attirée sur les risques
  22. * associés au chargement, à l'utilisation, à la modification et/ou au
  23. * développement et à la reproduction du logiciel par l'utilisateur étant
  24. * donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  25. * manipuler et qui le réserve donc à des développeurs et des professionnels
  26. * avertis possédant des connaissances informatiques approfondies. Les
  27. * utilisateurs sont donc invités à charger et tester l'adéquation du
  28. * logiciel à leurs besoins dans des conditions permettant d'assurer la
  29. * sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  30. * à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  31. *
  32. * Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  33. * pris connaissance de la licence CeCILL, et que vous en avez accepté les
  34. * termes.
  35. */
  36. body.skin-black {
  37. .badge-environment-beta {
  38. top: 7px;
  39. font-size: 11px;
  40. padding: 0px 7px;
  41. }
  42. // Labels
  43. .label {
  44. &.outline {
  45. background-color: white !important;
  46. }
  47. &.label-default.outline {
  48. color: #444 !important;
  49. border: solid 1px #444;
  50. }
  51. &.label-success.outline {
  52. color: #00a65a !important;
  53. border: solid 1px #00a65a;
  54. }
  55. &.label-warning.outline {
  56. color: #f39c12 !important;
  57. border: solid 1px #f39c12;
  58. }
  59. &.label-danger.outline {
  60. color: #dd4b39 !important;
  61. border: solid 1px #dd4b39;
  62. }
  63. }
  64. // Gestion des retours à la ligne (à cause de la difficulté à gérer du HTMl dans les tooltip)
  65. .ui-tooltip {
  66. white-space: pre-wrap;
  67. }
  68. // Utilisateurs
  69. .user-without-account {
  70. color: gray;
  71. font-style: italic;
  72. }
  73. // Points de vente
  74. .locality {
  75. color: gray;
  76. }
  77. .main-header {
  78. .dropdown-toggle::after {
  79. display: none;
  80. }
  81. .logo {
  82. background-color: white ;
  83. font-family: 'highvoltageregular';
  84. font-size: 23px;
  85. position: relative;
  86. &:hover, &:focus {
  87. background-color: white ;
  88. text-decoration: none;
  89. }
  90. img {
  91. position: relative;
  92. max-width: 300px;
  93. max-height: 300px;
  94. height: auto;
  95. }
  96. .logo-lg {
  97. img {
  98. width: 90px ;
  99. top: -2px;
  100. }
  101. }
  102. .logo-mini {
  103. img {
  104. width: 50px ;
  105. }
  106. }
  107. }
  108. .navbar {
  109. display: block;
  110. background-color: white ;
  111. padding: 0px;
  112. .producer-panel {
  113. position: relative;
  114. float: left;
  115. padding: 15px;
  116. padding-left: 50px;
  117. margin-left: 7px;
  118. &.without-logo {
  119. padding-left: 10px;
  120. }
  121. .logo {
  122. position: absolute;
  123. top: 5px;
  124. left: 0px;
  125. background-color: white;
  126. width: 40px;
  127. height: 40px;
  128. @include border-radius(50px);
  129. border: solid 1px #e0e0e0;
  130. text-align: center;
  131. overflow: hidden;
  132. .img-logo {
  133. position: absolute;
  134. top: 50%;
  135. left: 50%;
  136. transform: translate(-50%, -50%);
  137. max-width: 35px;
  138. max-height: 35px;
  139. }
  140. }
  141. .title {
  142. position: relative;
  143. top: 2px;
  144. text-transform: uppercase;
  145. a {
  146. color: #333;
  147. &:hover {
  148. text-decoration: underline;
  149. }
  150. }
  151. .producer-id {
  152. color: gray;
  153. font-size: 13px;
  154. }
  155. }
  156. }
  157. .sidebar-toggle {
  158. color: #333 ;
  159. }
  160. .link-support {
  161. float: left;
  162. padding: 15px 15px;
  163. border-right: solid 1px #e0e0e0;
  164. color: #333;
  165. &:hover {
  166. text-decoration: none;
  167. color: $color1;
  168. }
  169. }
  170. .navbar-custom-menu .nav {
  171. display: block;
  172. }
  173. .navbar-custom-menu .navbar-nav > li > a,
  174. .navbar-right > li > a {
  175. border-left: solid 1px #e0e0e0 ;
  176. color: #333 ;
  177. }
  178. .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus,
  179. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
  180. .nav > .active > a {
  181. color: $color1 ;
  182. }
  183. .dropdown-menu {
  184. @include box-shadow(0px 0px 4px gray) ;
  185. }
  186. }
  187. .logo, .navbar .sidebar-toggle {
  188. border-right: solid 1px #e0e0e0 ;
  189. }
  190. .link-control-sidebar {
  191. display: none ;
  192. }
  193. .notifications-menu {
  194. ul.menu {
  195. max-height: 300px ;
  196. li {
  197. a {
  198. padding-top: 4px ;
  199. padding-bottom: 4px ;
  200. h5 {
  201. margin-bottom: 2px ;
  202. small {
  203. float: right ;
  204. }
  205. }
  206. p {
  207. margin-left: 10px ;
  208. }
  209. }
  210. }
  211. }
  212. }
  213. .navbar .nav li.producer-menu {
  214. .dropdown-menu {
  215. width: 400px;
  216. }
  217. .search-producer {
  218. margin: 10px;
  219. width: 94%;
  220. }
  221. .li-alert-no-results {
  222. display: none;
  223. .alert {
  224. margin-bottom: 0px;
  225. margin-left: 10px;
  226. margin-right: 10px;
  227. padding: 15px 15px 10px 15px;
  228. }
  229. }
  230. .label {
  231. position: relative ;
  232. top: -2px ;
  233. left: 0px ;
  234. }
  235. #link-display-producers-offline {
  236. color: $color1;
  237. }
  238. .offline {
  239. display: none;
  240. }
  241. a {
  242. color: #333;
  243. }
  244. .producer-id {
  245. position: relative;
  246. top: 4px;
  247. color: gray;
  248. font-size: 12px;
  249. float: right;
  250. }
  251. }
  252. }
  253. .sidebar {
  254. .sidebar-menu > li.header {
  255. color: #899397;
  256. }
  257. .label {
  258. padding-top: 5px;
  259. position: relative;
  260. top: -3px;
  261. }
  262. }
  263. .sidebar-menu > li.active > a {
  264. border-color: $color1 ;
  265. }
  266. section.sidebar {
  267. .user-panel {
  268. text-align: center;
  269. .image {
  270. margin-bottom: 3px;
  271. }
  272. .title {
  273. font-weight: bold;
  274. color: white;
  275. }
  276. }
  277. }
  278. .content-wrapper {
  279. background-color: #f5f5f5 ;
  280. .content-header {
  281. background-color: #F5F5F5 ;
  282. padding-bottom: 15px ;
  283. border-bottom: solid 1px #e0e0e0 ;
  284. border-top: solid 1px #e0e0e0 ;
  285. .btn {
  286. padding: 3px 6px;
  287. font-size: 10px;
  288. font-family: Arial;
  289. text-transform: uppercase;
  290. }
  291. h1 {
  292. font-family: 'myriadpro-light';
  293. font-size: 20px;
  294. }
  295. }
  296. .col-no-padding-left {
  297. padding-left: 0px;
  298. }
  299. .col-no-padding-right {
  300. padding-right: 0px;
  301. }
  302. a {
  303. color: darken($color1, 5) ;
  304. &.disable {
  305. pointer-events: none;
  306. cursor: default;
  307. }
  308. }
  309. .label {
  310. padding-top: 4px;
  311. padding-bottom: 1px;
  312. }
  313. .btn {
  314. color: white ;
  315. }
  316. .btn-default {
  317. color: #333 ;
  318. background-color: white ;
  319. }
  320. .btn-primary {
  321. background-color: $color1 ;
  322. color: white ;
  323. border-color: $color1 ;
  324. }
  325. .nav.nav-tabs {
  326. .badge {
  327. margin-left: 4px;
  328. background-color: #e0e0e0;
  329. color: #444;
  330. }
  331. }
  332. .tab-content {
  333. border-left: solid 1px #ddd;
  334. border-bottom: solid 1px #ddd;
  335. border-right: solid 1px #ddd;
  336. padding: 30px 15px 15px 15px;
  337. background-color: white;
  338. }
  339. .alert {
  340. position: relative;
  341. a {
  342. color: white ;
  343. }
  344. a.btn {
  345. color: #333 ;
  346. text-decoration: none ;
  347. }
  348. .close {
  349. font-size: 30px;
  350. position: absolute;
  351. top: 10px;
  352. right: 15px;
  353. text-decoration: none;
  354. color: white;
  355. opacity: 0.6;
  356. &:hover {
  357. opacity: 1;
  358. }
  359. }
  360. &.alert-dark {
  361. background-color: #ece4d8;
  362. color: black;
  363. }
  364. }
  365. .small-box {
  366. h3 {
  367. font-size: 28px;
  368. font-family: 'Source Sans Pro',sans-serif;
  369. }
  370. .icon {
  371. top: -2px;
  372. }
  373. .small-box-footer {
  374. color: white;
  375. padding-top: 6px;
  376. padding-bottom: 2px;
  377. }
  378. }
  379. .callout {
  380. h4 .fa {
  381. margin-right: 7px ;
  382. }
  383. a {
  384. color: white ;
  385. }
  386. .btn {
  387. color: #333 ;
  388. text-decoration: none ;
  389. }
  390. }
  391. .table {
  392. th {
  393. font-size: 13px ;
  394. }
  395. th.column-actions, td.column-actions {
  396. width: 172px;
  397. text-align: right ;
  398. }
  399. td.text-small, th.text-small {
  400. font-size: 12px ;
  401. }
  402. &.table-bordered > thead > tr > th,
  403. &.table-bordered > tbody > tr > th,
  404. &.table-bordered > tfoot > tr > th,
  405. &.table-bordered > thead > tr > td,
  406. &.table-bordered > tbody > tr > td,
  407. &.table-bordered > tfoot > tr > td {
  408. border: 1px solid #ddd;
  409. }
  410. &.table-bordered > thead > tr > th,
  411. &.table-bordered > thead > tr > td {
  412. border-bottom-width: 2px;
  413. }
  414. }
  415. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  416. background-color: $color1 ;
  417. border: solid 1px $color1 ;
  418. color: white ;
  419. }
  420. .pagination > li > a, .pagination > li > span {
  421. color: $color1 ;
  422. &:hover {
  423. color: darken($color1, 10) ;
  424. }
  425. }
  426. .submenu {
  427. margin-bottom: 25px ;
  428. }
  429. .form-actions {
  430. position: fixed;
  431. bottom: 0;
  432. left: 0;
  433. right: 0;
  434. width: 100%;
  435. padding: 15px 30px 15px 30px;
  436. margin: 0px;
  437. background-color: white;
  438. text-align: right;
  439. z-index: 10;
  440. border-top: solid 1px #e0e0e0;
  441. a, button {
  442. margin-left: 10px;
  443. }
  444. .field-redirect-url {
  445. display: none;
  446. }
  447. }
  448. .form-buttons {
  449. margin-top: 25px;
  450. text-align: right;
  451. }
  452. }
  453. .main-footer {
  454. a {
  455. color: $color1 ;
  456. }
  457. }
  458. .gridview-pagesize {
  459. float: right;
  460. margin-bottom: 8px;
  461. }
  462. #yii-debug-toolbar {
  463. bottom: 64px;
  464. }
  465. }
  466. body.login-page {
  467. background: none ;
  468. background-color: $color2 ;
  469. .login-box {
  470. .login-logo {
  471. text-align: center ;
  472. font-family: 'worksans_bold';
  473. img {
  474. width: 150px ;
  475. }
  476. }
  477. .login-box-body {
  478. &,
  479. input#loginform-email,
  480. input#loginform-password,
  481. .btn-primary {
  482. font-size: 14px;
  483. }
  484. .btn-primary {
  485. background-color: $color1 ;
  486. border-color: $color1 ;
  487. padding: 5px 10px ;
  488. margin-bottom: 15px;
  489. &:active {
  490. background-color: lighten($color1, 5) ;
  491. border-color: $color1 ;
  492. }
  493. }
  494. a {
  495. color: $color1 ;
  496. &:hover {
  497. color: lighten($color1, 5) ;
  498. }
  499. }
  500. .checkbox label input {
  501. position: relative;
  502. top: 0px;
  503. }
  504. }
  505. }
  506. }