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.

358 lines
7.0 KiB

7 years ago
7 years ago
  1. /* 좌측메뉴 */
  2. #logo-group #logo>a {font-family:Arial;}
  3. nav ul ul li>a {font-size:12px;}
  4. /* 회원 메뉴 */
  5. .dropdown-menu>li>a {font-size:12px;}
  6. /* 페이지네이션 */
  7. .pagination>li>a, .pagination>li>span { color:#777; }
  8. .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color :#ddd;}
  9. .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:$btn-primary-bg; border-color:$btn-primary-border;}
  10. /* Input */
  11. input[type="checkbox"], input[type="radio"] { display: inline-block; position: static; margin: 0 3px; vertical-align: middle; }
  12. .form-control{ display: block; width: 100%; height: 26px; padding: 3px 6px; font-size: 13px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
  13. .nav-cards {
  14. margin-bottom:20px;
  15. > li {
  16. float:none;
  17. margin:0;
  18. > .card {
  19. padding: 10px 20px;
  20. overflow: hidden;
  21. text-overflow: ellipsis;
  22. white-space: nowrap;
  23. color:#eee;
  24. background-color: rgba(0,0,0,.15);
  25. &:focus,
  26. &:hover {
  27. text-decoration: none;
  28. background-color: hsla(0,0%,100%,.08);
  29. }
  30. &.selected {
  31. color:#f9be03;
  32. }
  33. }
  34. }
  35. }
  36. .nav-card-tabs {
  37. margin-bottom:0px;
  38. &:after {
  39. clear:both;
  40. content:'';
  41. display:table;
  42. }
  43. > li {
  44. float:left;
  45. margin:0;
  46. > .card {
  47. padding: 10px 20px;
  48. overflow: hidden;
  49. text-overflow: ellipsis;
  50. white-space: nowrap;
  51. color:#eee;
  52. background-color: hsla(0,0%,100%,.08);
  53. &:focus,
  54. &:hover {
  55. text-decoration: none;
  56. background-color: hsla(0,0%,100%,.08);
  57. color:#f9be03;
  58. }
  59. &.selected,
  60. &.selected:hover {
  61. color:#f9be03;
  62. background-color:rgba(0,0,0,.15);
  63. }
  64. }
  65. }
  66. }
  67. label,
  68. label.control-label {font-weight:400;}
  69. .panel.panel-dark {
  70. background-color:transparent;
  71. .panel-heading {
  72. position: relative;
  73. background-color: rgba(0,0,0,.15);
  74. line-height:50px;
  75. .panel-title {
  76. font-size:16px;
  77. }
  78. }
  79. .panel-body {
  80. border-left:1px solid rgba(0,0,0,.15);
  81. border-right:1px solid rgba(0,0,0,.15);
  82. border-bottom:1px solid rgba(0,0,0, .15);
  83. &.no-padding {
  84. padding:0px;
  85. }
  86. .cke_chrome {
  87. border:0px;
  88. }
  89. }
  90. .panel-footer {
  91. position: relative;
  92. background-color: rgba(0,0,0,.15);
  93. border:0px;
  94. text-align:right;
  95. }
  96. }
  97. .form-control {
  98. color:#eee;
  99. height: 38px;
  100. padding: 6px 12px;
  101. font-size: 14px;
  102. vertical-align: middle;
  103. background-color: hsla(0,0%,100%,.25);
  104. -webkit-transition: background-color .2s;
  105. -moz-transition: background-color .2s;
  106. -ms-transition: background-color .2s;
  107. -o-transition: background-color .2s;
  108. transition: background-color .2s;
  109. box-shadow:none;
  110. border:0;
  111. line-height:1.5em;
  112. &:focus {
  113. outline: 0;
  114. -webkit-box-shadow: none;
  115. box-shadow: none;
  116. }
  117. &:focus:not([disabled]):not([readonly]) {
  118. color: #555;
  119. background-color: #eee;
  120. }
  121. &[disabled],
  122. &[readonly] {
  123. background:rgba(0,0,0,0.1);
  124. color:#797979;
  125. }
  126. }
  127. select.form-control {
  128. margin-top:1px;
  129. }
  130. .form-control-inline {
  131. display:inline-block;
  132. width:auto;
  133. }
  134. textarea.form-control {
  135. resize:vertical;;
  136. }
  137. .form-flex {
  138. .form-group {
  139. -webkit-display:flex;
  140. display:flex;
  141. .control-label {
  142. width:150px;
  143. display:block;
  144. text-align:right;
  145. padding-top:11px;
  146. &.control-label-sm {
  147. width:100px;
  148. }
  149. &.control-label-xs {
  150. width:50px;
  151. }
  152. }
  153. .controls {
  154. margin-left:15px;
  155. flex:1;
  156. vertical-align: middle;
  157. .form-control-static {
  158. padding-top:11px;
  159. }
  160. }
  161. }
  162. }
  163. .alert-info {
  164. color: #fff;
  165. background-color: rgba(0,0,0,0.14);
  166. border-color: transparent;
  167. }
  168. .alert-danger {
  169. background-color: rgba(0,0,0,0.14);
  170. border-color: transparent;
  171. }
  172. .w-check {
  173. position: relative;
  174. margin:0;
  175. line-height:21px;
  176. padding:7.5px 0;
  177. & + .w-check {
  178. margin-left:30px;
  179. }
  180. input[type="checkbox"] {
  181. position: absolute;
  182. width: 1px;
  183. height: 1px;
  184. padding: 0;
  185. margin: -1px;
  186. overflow: hidden;
  187. clip:rect(0,0,0,0); border: 0;
  188. & + span {
  189. display: inline-block;
  190. position: relative;
  191. padding-left: 30px;
  192. cursor: pointer;
  193. -webkit-user-select: none;
  194. -moz-user-select: none;
  195. -ms-user-select: none;
  196. &:before {
  197. content: '';
  198. position: absolute;
  199. left: 0;
  200. width: 21px;
  201. height: 21px;
  202. line-height:21px;
  203. text-align: center;
  204. background: rgba(0,0,0,0.15);
  205. border: 0px;
  206. font-family:'Font Awesome 5 Pro';
  207. }
  208. }
  209. &:checked + span:before {
  210. content:'\f00c';
  211. background: rgba(0,0,0,0.5);
  212. color: #cc7b19;
  213. }
  214. }
  215. }
  216. .w-radio {
  217. position: relative;
  218. margin:0;
  219. line-height:21px;
  220. padding:7.5px 0;
  221. & + .w-radio {
  222. margin-left:30px;
  223. }
  224. input[type="radio"] {
  225. position: absolute;
  226. width: 1px;
  227. height: 1px;
  228. padding: 0;
  229. margin: -1px;
  230. overflow: hidden;
  231. clip:rect(0,0,0,0); border: 0;
  232. & + span {
  233. display: inline-block;
  234. position: relative;
  235. padding-left: 30px;
  236. cursor: pointer;
  237. -webkit-user-select: none;
  238. -moz-user-select: none;
  239. -ms-user-select: none;
  240. &:before {
  241. content: '';
  242. position: absolute;
  243. left: 0;
  244. width: 21px;
  245. height: 21px;
  246. line-height:21px;
  247. text-align: center;
  248. background: rgba(0,0,0,0.15);
  249. border: 0px;
  250. border-radius: 100%;
  251. font-family:'Font Awesome 5 Pro';
  252. }
  253. }
  254. &:checked + span:before {
  255. content:'\f00c';
  256. background: rgba(0,0,0,0.5);
  257. color: #cc7b19;
  258. }
  259. }
  260. }
  261. .pagination {
  262. > li {
  263. > a,
  264. > span {
  265. color:#fff;
  266. background:rgba(0,0,0, 0.15);
  267. border:0px;
  268. &:focus,
  269. &:hover {
  270. color:#cc7b19;
  271. background-color:rgba(0,0,0,0.15);
  272. border:0px;
  273. }
  274. }
  275. &.active {
  276. > a,
  277. > a:focus,
  278. > a:hover,
  279. > span,
  280. > span:focus,
  281. > span:hover {
  282. background:rgba(0,0,0, 0.5);
  283. color:#fff;
  284. }
  285. }
  286. &.disabled {
  287. > a,
  288. > a:focus,
  289. > a:hover,
  290. > span,
  291. > span:focus,
  292. > span:hover {
  293. background:rgba(0,0,0, 0.15);
  294. color:#797979;
  295. }
  296. }
  297. }
  298. }
  299. .dropdown-menu-dark {
  300. background:#3f4245;
  301. .divider {
  302. background:rgba(0,0,0,0.15);
  303. }
  304. }
  305. hr {
  306. border-top:1px solid rgba(0,0,0,0.15);
  307. }