theme.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
  1. /* Cpanel Extended StyleSheet */
  2. .module-main-header{
  3. border-bottom: 1px solid #DDDDDD;
  4. }
  5. .module-main-header h2{
  6. letter-spacing: 0;
  7. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  8. font-size: 22px;
  9. font-weight: lighter;
  10. }
  11. .module-main-header .btn-back{
  12. border: 0;
  13. background: none;
  14. font-size: 15px;
  15. line-height: 36px;
  16. color: #8a8e99;
  17. }
  18. #mg-wrapper{
  19. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  20. font-size: 14px;
  21. line-height: 1.42857143;
  22. color: #333;
  23. }
  24. #mg-wrapper .btn:hover,
  25. #mg-wrapper .btn:active,
  26. #mg-wrapper .btn:focus,
  27. #mg-wrapper a:focus,
  28. #mg-wrapper a:active,
  29. #mg-wrapper a:hover,
  30. #mg-wrapper a{
  31. text-decoration: none!important;
  32. outline: none!important;
  33. }
  34. @media (min-width: 768px){
  35. #mg-wrapper .text-center-sm{
  36. text-align: center;
  37. }
  38. }
  39. #mg-wrapper .buttons-content .big-button{
  40. background: #fff;
  41. border: 0;
  42. color: #337ab7;
  43. cursor: pointer;
  44. text-align: left;
  45. }
  46. #mg-wrapper .buttons-content .big-button:hover{
  47. color: #000;
  48. }
  49. #mg-wrapper .form-group .fa-question-circle{
  50. font-size: 16px;
  51. color: #337ab7;
  52. line-height: 36px;
  53. }
  54. #mg-wrapper .module-sidebar .sidebar-header h3{
  55. font-size: 18px;
  56. font-weight: 400;
  57. line-height: 30px;
  58. }
  59. #mg-wrapper .module-sidebar .btn.cp-sidebar-toggle {
  60. background: none;
  61. box-shadow: none;
  62. }
  63. #mg-wrapper .module-sidebar .cp-sidebar-toggle .icon-bar {
  64. background-color: #8a8e99;
  65. border-radius: 0;
  66. }
  67. #mg-wrapper .module-sidebar .module-menu li a{
  68. color: #5c5e66;
  69. background: #fff;
  70. line-height: 30px;
  71. }
  72. #mg-wrapper .module-sidebar .module-menu li a:hover{
  73. color: #000;
  74. }
  75. @media (min-width: 768px){
  76. #mg-wrapper .module-sidebar .module-menu li a:hover{
  77. box-shadow: 0 0 5px rgba(0,0,0,0.1);
  78. }
  79. }
  80. @media (max-width: 768px){
  81. #mg-wrapper .module-sidebar .module-menu li a:hover{
  82. background-color: #e6e6e6;
  83. }
  84. }
  85. #mg-wrapper .module-sidebar .module-menu li.active a{
  86. font-weight: 700;
  87. }
  88. #mg-wrapper .module-content{
  89. background-color: #fff;
  90. }
  91. #mg-wrapper .module-header .icon-header{
  92. background-repeat: no-repeat;
  93. }
  94. /* icons */
  95. #mg-wrapper .icon-installapp{
  96. background-image: url('../img/icon-installapp.png');
  97. }
  98. #mg-wrapper .icon-ftp{
  99. background-image: url('../img/icon-ftp.png');
  100. }
  101. #mg-wrapper .icon-files{
  102. background-image: url('../img/icon-files.png');
  103. }
  104. #mg-wrapper .icon-backups{
  105. background-image: url('../img/icon-backups.png');
  106. }
  107. #mg-wrapper .icon-emails{
  108. background-image: url('../img/icon-emails.png');
  109. }
  110. #mg-wrapper .icon-emailsforwarders{
  111. background-image: url('../img/icon-emailsforwarders.png');
  112. }
  113. #mg-wrapper .icon-databases{
  114. background-image: url('../img/icon-databases.png');
  115. }
  116. #mg-wrapper .icon-cron{
  117. background-image: url('../img/icon-cron.png');
  118. }
  119. #mg-wrapper .icon-subdomains{
  120. background-image: url('../img/icon-subdomains.png');
  121. }
  122. #mg-wrapper .icon-addondomains{
  123. background-image: url('../img/icon-addondomains.png');
  124. }
  125. #mg-wrapper .icon-forwarddomains{
  126. background-image: url('../img/icon-forwarddomains.png');
  127. }
  128. #mg-wrapper .icon-parkeddomains{
  129. background-image: url('../img/icon-parkeddomains.png');
  130. }
  131. #mg-wrapper .icon-graphsstats{
  132. background-image: url('../img/icon-graphsstats.png');
  133. }
  134. #mg-wrapper .icon-ssl{
  135. background-image: url('../img/icon-ssl.png');
  136. }
  137. #mg-wrapper .icon-bans{
  138. background-image: url('../img/icon-bans.png');
  139. }
  140. #mg-wrapper .icon-mx{
  141. background-image: url('../img/icon-mx.png');
  142. }
  143. #mg-wrapper .icon-ssh{
  144. background-image: url('../img/icon-ssh.png');
  145. }
  146. #mg-wrapper .icon-cpanel{
  147. background-image: url('../img/icon-cpanel.png');
  148. }
  149. #mg-wrapper .icon-webmail{
  150. background-image: url('../img/icon-webmail.png');
  151. }
  152. #mg-wrapper .icon-phpmyadmin{
  153. background-image: url('../img/icon-phpmyadmin.png');
  154. }
  155. #mg-wrapper .icon-rv{
  156. background-image: url('../img/icon-rv.png');
  157. }
  158. #mg-wrapper .icon-managedns{
  159. background-image: url('../img/icon-managedns.png');
  160. }
  161. #mg-wrapper .module-sub-header h2,
  162. #mg-wrapper .module-header h1{
  163. font-size: 20px;
  164. color: #45464c;
  165. line-height: 34px;
  166. }
  167. #mg-wrapper .module-body h4{
  168. font-size: 16px;
  169. }
  170. /* forms */
  171. #mg-wrapper .form-group .btn span{
  172. line-height: 1.5;
  173. }
  174. #mg-wrapper .form-group span:not(.input-group-addon),
  175. #mg-wrapper .form-fluid span:not(.input-group-addon){
  176. line-height: 36px;
  177. }
  178. #mg-wrapper label:not(.control-label){
  179. font-weight: 400;
  180. font-size: 12px;
  181. line-height: 34px;
  182. }
  183. #mg-wrapper label.control-label{
  184. font-size: 12px;
  185. font-weight: 800;
  186. }
  187. #mg-wrapper .input-group .form-control.first{
  188. border-radius: 4px 0 0 4px!important;
  189. }
  190. #mg-wrapper .input-group .form-control.last{
  191. border-radius: 0 4px 4px 0!important;
  192. }
  193. #mg-wrapper .input-group-addon:not(.first):not(.last),
  194. #mg-wrapper .input-group-btn:not(.first):not(.last),
  195. #mg-wrapper .input-group .form-control:not(.first):not(.last) {
  196. border-radius: 0;
  197. border-width: 1px 0;
  198. }
  199. #mg-wrapper .advanced-options{
  200. /*background: rgba(0,0,0,0.05);
  201. border-radius: 4px;*/
  202. }
  203. #mg-wrapper .well .form-actions{
  204. border-top: 1px solid #e6e6e6;
  205. }
  206. #mg-wrapper p{
  207. line-height: 22px;
  208. }
  209. /* tables */
  210. #mg-wrapper .table{
  211. border-bottom: 1px solid #e4e8f0;
  212. }
  213. #mg-wrapper .table > tbody > tr > td.cell-actions{
  214. text-align: right;
  215. }
  216. #mg-wrapper .table > tbody > tr > td.cell-actions > * {
  217. display: inline-block;
  218. margin: 0;
  219. }
  220. #mg-wrapper .table > tbody > tr > td .btn-icon .fa{
  221. font-size: 16px;
  222. line-height: 22px;
  223. }
  224. #mg-wrapper .table > tbody > tr > td.cell-actions .btn-icon .fa,
  225. #mg-wrapper .table > tbody > tr > td.cell-actions .btn-icon .caret{
  226. color: #8a8e99;
  227. }
  228. #mg-wrapper .table tr th,
  229. #mg-wrapper .table tr td{
  230. border-color: #e4e8f0;
  231. }
  232. #mg-wrapper .table thead tr th{
  233. font-size: 11px;
  234. text-transform: uppercase;
  235. font-weight: 800;
  236. color: #a1a5b3;
  237. }
  238. #mg-wrapper .table tr td{
  239. font-size: 12px;
  240. line-height: 22px;
  241. }
  242. #mg-wrapper .table tr td a{
  243. cursor: pointer;
  244. }
  245. /* buttons */
  246. #mg-wrapper .btn{
  247. font-size: 12px;
  248. line-height: 22px;
  249. }
  250. #mg-wrapper .btn.btn-icon, #mg-wrapper .btn.btn-icon:hover, #mg-wrapper .btn.btn-icon:active, #mg-wrapper .btn-group.open .btn.btn-icon {
  251. background: transparent;
  252. border: none;
  253. box-shadow: none;
  254. border-radius: 0;
  255. }
  256. #mg-wrapper .fa-question-circle{
  257. cursor: pointer;
  258. }
  259. #mg-wrapper a.panel-heading h6{
  260. color: #5c5e66;
  261. }
  262. #mg-wrapper a.panel-heading:hover h6{
  263. color: #000;
  264. }