organizr.css 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. /*Preloader*/
  2. .preloader {
  3. width: 100%;
  4. height: 100%;
  5. top: 0px;
  6. position: fixed;
  7. z-index: 99999;
  8. background: rgba(0, 0, 0, 0.88);
  9. }
  10. .preloader .cssload-speeding-wheel {
  11. position: absolute;
  12. top: calc(50% - 3.5px);
  13. left: calc(50% - 3.5px);
  14. }
  15. .w-100 {
  16. width: 100%;
  17. }
  18. .iframe{
  19. width:100%;
  20. height:calc(100vh - 60px);
  21. position: inherit;
  22. display: block;
  23. }
  24. /* Larger Images */
  25. #side-menu>li>a {
  26. padding: 18px 35px 18px 15px;
  27. display: block;
  28. }
  29. .sidebar .nav-second-level li a {
  30. padding: 14px 10px 14px 15px;
  31. }
  32. #side-menu .fa-fw {
  33. width: 30px!important;
  34. }
  35. .sttabs nav a {
  36. position: relative;
  37. display: block;
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. white-space: nowrap;
  41. line-height: 1.5;
  42. }
  43. @media screen and (max-width: 767px){
  44. .table-responsive {
  45. width: 100%;
  46. margin-bottom: 0;
  47. overflow-y: hidden;
  48. -ms-overflow-style: -ms-autohiding-scrollbar;
  49. border: transparent;
  50. }
  51. }
  52. .common-list .notify {
  53. position: relative;
  54. margin-top: .5px;
  55. margin-right: 9px;
  56. }
  57. .ajaxloader {
  58. width: 100%;
  59. height: 100%;
  60. top: 0px;
  61. position: absolute;
  62. z-index: 99999;
  63. background: rgba(0, 0, 0, 0.68);
  64. margin: 0 auto;
  65. border-radius: 10px;
  66. }
  67. .lock-screen {
  68. background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat!important;
  69. height: 100%;
  70. position: fixed;
  71. z-index: 999999;
  72. top: 0;
  73. width: 100%;
  74. -webkit-user-select: none; /* Chrome all / Safari all */
  75. -moz-user-select: none; /* Firefox all */
  76. -ms-user-select: none; /* IE 10+ */
  77. -o-user-select: none;
  78. user-select: none;
  79. }
  80. body.stop-scrolling {
  81. height: 100%;
  82. overflow: hidden;
  83. }
  84. .tabEditorIcon i {
  85. font-size: 35px;
  86. text-align: center !important;
  87. width: 35px !important;
  88. }
  89. .tabEditorIcon img {
  90. width: 35px !important;
  91. }
  92. .asColorPicker-wrap {
  93. position: relative;
  94. display: block;
  95. width: calc(100% - 35px);
  96. }
  97. .asColorPicker-trigger {
  98. position: absolute;
  99. top: 0;
  100. right: -32px;
  101. height: 38px;
  102. width: 37px;
  103. border: 0;
  104. border-radius: 0 4px 4px 0;
  105. }
  106. .asColorPicker-trigger span {
  107. width: 100%;
  108. height: 100%;
  109. display: inline-block;
  110. border-radius: 0 4px 4px 0;
  111. }
  112. .top-left-part {
  113. width: auto;
  114. max-width: 220px;
  115. float: left;
  116. border-right: transparent;
  117. }
  118. .tabs-style-flip {
  119. max-width: 1400px;
  120. margin: 0 auto;
  121. }
  122. .elip{
  123. white-space: nowrap;
  124. text-overflow: ellipsis;
  125. overflow: hidden;
  126. display: block;
  127. }
  128. .p-5{
  129. padding:5px!important
  130. }
  131. .error-page {
  132. width: 100%;
  133. background: #1b1a1a;
  134. height: 100%;
  135. position: fixed;
  136. display: none;
  137. z-index: 10;
  138. }
  139. img.lazyload.tabImages {
  140. height: 120px !important;
  141. object-fit: contain;
  142. }
  143. .recent-cover{
  144. background-position: center;background-size: cover;height: 150px;width: 150px;
  145. top: 74px;
  146. position: absolute;
  147. }
  148. .recent-poster{
  149. background-position: center;background-size: cover;height: 225px;width: 150px;
  150. }
  151. .recent-title{
  152. position: absolute;
  153. bottom: 0px;
  154. background: rgba(31, 31, 31, 0.73);
  155. width: inherit;
  156. color: white;
  157. }
  158. .nowPlayingHover{
  159. margin-bottom: 14px;
  160. }
  161. .nowPlayingUserThumb:hover{
  162. opacity: 0;
  163. -webkit-transition: all .4s ease-in-out;
  164. transition: all .4s ease-in-out;
  165. }
  166. .tabLoaded {
  167. -webkit-filter: drop-shadow(0px 0px 5px #2cabe4);
  168. filter: drop-shadow(0px 0px 5px #2cabe4);
  169. }
  170. .user-bg {
  171. margin: -25px;
  172. height: 338px;
  173. overflow: hidden;
  174. position: relative;
  175. background-size: cover;
  176. background-position: top;
  177. background-repeat: no-repeat;
  178. }
  179. h2.m-b-0.font-medium.pull-right {
  180. -webkit-filter: drop-shadow(1px 1px 0px #1f1f1f);
  181. filter: drop-shadow(1px 1px 0px #1f1f1f);
  182. color: white;
  183. }
  184. .text-plex {
  185. color: #E5A00D;
  186. }
  187. .text-emby {
  188. color: #4CAF50;
  189. }
  190. .genre-list {
  191. position: absolute;
  192. bottom: 0;
  193. left: 0;
  194. }
  195. .mouse {
  196. cursor: pointer;
  197. }
  198. .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceLeft {
  199. width: 56%;
  200. display:block;
  201. position: absolute;
  202. left:0px;
  203. overflow: hidden;
  204. filter: blur(0px) grayscale(1);
  205. }
  206. .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceRight {
  207. width: 56%;
  208. display:block;
  209. position: absolute;
  210. right:0px;
  211. overflow: hidden;
  212. filter: blur(0px) grayscale(1)
  213. }
  214. .mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active, .mailbox-widget .customtab li.active a:focus {
  215. background: 0 0;
  216. color: #fff;
  217. border-color: #53e69d;
  218. }
  219. .nav-tabs.pull-right>li>a:hover {
  220. background: transparent;
  221. border-radius: 0px;
  222. }
  223. .homepageImageTitle {
  224. height: 40px;
  225. margin-top: -7px;
  226. }
  227. .grayscale {
  228. -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  229. filter: grayscale(100%);
  230. }
  231. td span.label.label-info {
  232. min-width: 80px !important;
  233. display: inline-block !important;
  234. }
  235. .inbox-center.table-responsive {
  236. max-height: 300px;
  237. overflow-y: auto;
  238. }
  239. .fc-event {
  240. border-radius: 0;
  241. border: none;
  242. cursor: pointer;
  243. font-size: 13px;
  244. margin: 1px -1px 0;
  245. padding: 5px;
  246. text-align: left;
  247. background: #2cabe3;
  248. }
  249. .bg-calendar {
  250. background: transparent;
  251. color:inherit;
  252. }
  253. .fc-toolbar {
  254. margin: 0;
  255. padding: 19px 20px 11px 20px;
  256. }
  257. .fc-unthemed .fc-today {
  258. color: inherit !important;
  259. }