dashboard.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. a {
  2. text-decoration: none!important;
  3. }
  4. /*logo*/
  5. a.logo {
  6. display: block;
  7. }
  8. a.logo img {
  9. display: block;
  10. width: 60%;
  11. margin: auto;
  12. }
  13. /*The User Profile bar */
  14. .user-bar {
  15. margin-top: 2.8em;
  16. margin-bottom: 3.1em;
  17. }
  18. .user-bar span {
  19. font-size: 2em;
  20. }
  21. .user-bar img {
  22. margin-right: 1.2em;
  23. vertical-align: middle;
  24. }
  25. /*--------------------------------
  26. create new canvas
  27. ----------------------------------*/
  28. .create-canvas-btn {
  29. display: block;
  30. border: 2px solid #546e7a;
  31. color: #546e7a;
  32. border-radius: 5px;
  33. padding: 1.8em;
  34. margin-top: 2.8em;
  35. margin-bottom: 3.2em;
  36. font-size: 1.25em;
  37. transition: 0.2s all;
  38. }
  39. /*the icon for the add canvas*/
  40. .create-canvas-btn span {
  41. margin-right: 0.25em;
  42. font-size: 1.5em;
  43. vertical-align: middle;
  44. margin-bottom: 0.1em;
  45. }
  46. .create-canvas-btn:hover {
  47. background-color: #546e7a;
  48. color: #fff;
  49. }
  50. /*-------------------------------
  51. CANVAS GALARY
  52. ---------------------------------*/
  53. .canvas-gallery-item {
  54. margin-bottom: 1.8%;
  55. cursor: pointer;
  56. }
  57. .canvas-gallery-item .col-md-12 {
  58. width: 95%;
  59. margin: 2.5% 2.5% 0 2.5%;
  60. background-color: #546e7a;/*default*/
  61. border-radius: 5px;
  62. padding: 2.5em 1em 1em 1em;
  63. height:15em;
  64. transition:all 0.3s;
  65. }
  66. .canvas-gallery-item .col-md-12:hover {
  67. background-color: #546e7a!important;
  68. color:white;
  69. }
  70. /*These colors will be dynamically added by jQuery*/
  71. .canvas-gallery-item .col-md-12.color0 {
  72. background-color: #85ade5;
  73. }
  74. .canvas-gallery-item .col-md-12.color1 {
  75. background-color: #aed581;
  76. }
  77. .canvas-gallery-item .col-md-12.color2 {
  78. background-color: #6bb5b4;
  79. }
  80. .canvas-gallery-item .col-md-12.color3 {
  81. background-color: #a281d1;
  82. }
  83. .canvas-gallery-item .col-md-12.color4 {
  84. background-color: #29bca4;
  85. }
  86. /*Remove Button*/
  87. /*<button type="button" class="remove-canvas"><span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>Remove canvas</button>*/
  88. .remove-canvas{
  89. color:#37474f;
  90. margin-top:0;
  91. border:none;
  92. border-radius: 0 0 5px 5px;
  93. padding:0.5em;
  94. background-color:#cfd8dc;
  95. transition:all 0.3s;
  96. }
  97. .remove-canvas:hover{
  98. color:#fff;
  99. background-color:#546e7a;
  100. }
  101. .remove-canvas span{
  102. margin-right:0.5em;
  103. }
  104. /* ------------------------------
  105. Footer
  106. ------------------------------ */
  107. footer {
  108. font-size: 1em;
  109. clear: both;
  110. margin-top: 2em;
  111. padding: 1.5em;
  112. background-color: #37474f;
  113. ;
  114. color: white;
  115. }
  116. footer .license a {
  117. color: #759BCF;
  118. }
  119. footer .contact p{
  120. color: #18AE90;
  121. font-size:1em;
  122. }
  123. footer .contact h2{
  124. color:#6bb5b4;
  125. }
  126. footer .license {
  127. margin: 0.5em auto 1.8em auto;
  128. }
  129. footer p.ethics-copy.terms, footer p.ethics-copy.privacy {
  130. text-decoration: none;
  131. padding: 0 0.5em;
  132. display: inline-block;
  133. }
  134. footer p.cc {
  135. margin-top: 2.8em;
  136. }
  137. footer p.terms, footer p.privacy {
  138. margin: 1.9em auto;
  139. }
  140. footer .privacy a {
  141. color: #a67de0;
  142. }
  143. footer .terms a {
  144. color: #aed581;
  145. }
  146. /*footer license icons */
  147. footer .license-icons ul {
  148. list-style-type: none;
  149. margin-left: 0;
  150. padding-left: 0;
  151. }
  152. footer .license-icons li {
  153. display: inline-block;
  154. margin: 1.2em 0.2em;
  155. }
  156. footer .license-icons ul img {
  157. width: 3.5em;
  158. }