style.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  1. @font-face {
  2. font-family: 'icomoon';
  3. src:url('../20140725/icomoon.eot?rva9ir');
  4. src:url('../20140725/icomoon.eot?#iefixrva9ir') format('embedded-opentype'),
  5. url('../20140725/icomoon.woff?rva9ir') format('woff'),
  6. url('../20140725/icomoon.ttf?rva9ir') format('truetype'),
  7. url('../20140725/icomoon.svg?rva9ir#icomoon') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. [class^="icon-"], [class*=" icon-"] {
  12. font-family: 'icomoon';
  13. speak: none;
  14. font-style: normal;
  15. font-weight: normal;
  16. font-variant: normal;
  17. text-transform: none;
  18. line-height: 1;
  19. /* Better Font Rendering =========== */
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23. .icon-images:before {
  24. content: "\e60f";
  25. }
  26. .icon-music:before {
  27. content: "\e610";
  28. }
  29. .icon-camera:before {
  30. content: "\e604";
  31. }
  32. .icon-bullhorn:before {
  33. content: "\e605";
  34. }
  35. .icon-book:before {
  36. content: "\e611";
  37. }
  38. .icon-qprofile:before {
  39. content: "\e60e";
  40. }
  41. .icon-cart:before {
  42. content: "\e613";
  43. }
  44. .icon-coin:before {
  45. content: "\e612";
  46. }
  47. .icon-calculate:before {
  48. content: "\e626";
  49. }
  50. .icon-alarm:before {
  51. content: "\e61c";
  52. }
  53. .icon-calendar:before {
  54. content: "\e602";
  55. }
  56. .icon-drawer:before {
  57. content: "\e616";
  58. }
  59. .icon-user:before {
  60. content: "\e60d";
  61. }
  62. .icon-wand:before {
  63. content: "\e617";
  64. }
  65. .icon-aid:before {
  66. content: "\e624";
  67. }
  68. .icon-gift:before {
  69. content: "\e60b";
  70. }
  71. .icon-trophy:before {
  72. content: "\e609";
  73. }
  74. .icon-lab:before {
  75. content: "\e656";
  76. }
  77. .icon-briefcase:before {
  78. content: "\e615";
  79. }
  80. .icon-airplane:before {
  81. content: "\e607";
  82. }
  83. .icon-accessibility:before {
  84. content: "\e627";
  85. }
  86. .icon-signup:before {
  87. content: "\e606";
  88. }
  89. .icon-menu:before {
  90. content: "\e60c";
  91. }
  92. .icon-bookmarks:before {
  93. content: "\e60a";
  94. }
  95. .icon-heart:before {
  96. content: "\e603";
  97. }
  98. .icon-heart2:before {
  99. content: "\e61d";
  100. }
  101. .icon-thumbs-up:before {
  102. content: "\e622";
  103. }
  104. .icon-evil:before {
  105. content: "\e628";
  106. }
  107. .icon-info:before {
  108. content: "\e625";
  109. }
  110. .icon-close:before {
  111. content: "\e601";
  112. }
  113. .icon-plus:before {
  114. content: "\e600";
  115. }
  116. .icon-shuffle:before {
  117. content: "\e629";
  118. }
  119. .icon-arrow-left:before {
  120. content: "\e61e";
  121. }
  122. .icon-checkbox-checked:before {
  123. content: "\e608";
  124. }
  125. .icon-checkbox-unchecked:before {
  126. content: "\e623";
  127. }
  128. .icon-radio-checked:before {
  129. content: "\e614";
  130. }
  131. .icon-radio-unchecked:before {
  132. content: "\e62b";
  133. }
  134. .icon-joomla:before {
  135. content: "\e62a";
  136. }
  137. .icon-circle-full:before {
  138. content: "\e618";
  139. }
  140. .icon-heart3:before {
  141. content: "\e61f";
  142. }
  143. .icon-diamond:before {
  144. content: "\e61b";
  145. }
  146. .icon-study:before {
  147. content: "\e64d";
  148. }
  149. .icon-lab2:before {
  150. content: "\e619";
  151. }
  152. .icon-food:before {
  153. content: "\e61a";
  154. }
  155. .icon-calendar2:before {
  156. content: "\e651";
  157. }
  158. .icon-pencil:before {
  159. content: "\e620";
  160. }
  161. .icon-droplet:before {
  162. content: "\e657";
  163. }
  164. .icon-record:before {
  165. content: "\e621";
  166. }
  167. /* new for name 2014 */
  168. .progress-sm{height:10px;}
  169. .progress-xs { height: 6px; }
  170. /* jp */
  171. /* jp1 */
  172. body.jp1{background: #00122a url("../images/jp_b2.jpg") top center no-repeat;background-size:100% auto;}
  173. .jp1 .btn-success, .jp1 .avatar .img-circle{background: #0a2957;border:none}
  174. /* jp2 */
  175. body.jp2{background: #000004 url("../images/jp_b3.jpg") top center no-repeat;background-size:100% auto;}
  176. .jp2 .btn-success, .jp2 .avatar .img-circle{background: #fd5d5d;border:none}
  177. /* jp3 */
  178. body.jp3{background: #774f4b url("../images/jp_b1.png") top center no-repeat;background-size:100% auto;}
  179. .jp3 .btn-success, .jp3 .avatar .img-circle{background: #160404;border:none}
  180. /* tibet */
  181. /* tibet2 */
  182. body.tibet2{background: #082630 url("../images/tibet_b2.jpg") top center no-repeat;background-size:100% auto;}
  183. .tibet2 .btn-success, .tibet2 .avatar .img-circle{background: #0e726b;border:none}
  184. /* tibet1 */
  185. body.tibet1{background: #100e0f url("../images/tibet_b1.jpg") top center no-repeat;background-size:100% auto;}
  186. .tibet1 .btn-success, .tibet1 .avatar .img-circle{background: #780811;border:none}
  187. /* jingzhui */
  188. body#jingzhui{background: #100e0f url("../images/jingzhui_b1.jpg") top center no-repeat;background-size:100% auto;}
  189. body#jingzhui .avatar .img-circle{background: #0e6796;}
  190. body#jingzhui form .btn{background: #0e6796;border-color:#0e6796;}
  191. body#jingzhui form .btn1{background: #0e6796;border-color:#0e6796;}
  192. /* eye */
  193. body#eye{background: #321302 url("../images/eye_b1.jpg") top center no-repeat;background-size:100% auto;}
  194. body#eye .avatar .img-circle{background: #249b0d;}
  195. body#eye form .btn{background: #249b0d;border-color:#249b0d;}
  196. /* test1 */
  197. body#test1{background: #321302 url("../images/test1.jpg") top center no-repeat;background-size:100% auto;}
  198. body#test1 .avatar .img-circle{background: #321302;}
  199. body#test1 form .btn{background: #321302;border-color:#321302;}
  200. body#test1 form .btn1{background-color: #D9534F;border-color: #D43F3A;}
  201. #content{color:#fff;}
  202. #header h1{text-shadow: 2px 2px 2px rgba(0,0,0,0.5);margin-top: 0;padding:8px 0}
  203. #header .progress{max-width:80%;margin:0 auto;}
  204. #header h1,#header p{
  205. background: -moz-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.23) 13%, rgba(0,0,0,0.5) 29%, rgba(0,0,0,0.67) 50%, rgba(0,0,0,0.55) 71%, rgba(0,0,0,0.36) 81%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  206. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.01)), color-stop(13%,rgba(0,0,0,0.23)), color-stop(29%,rgba(0,0,0,0.5)), color-stop(50%,rgba(0,0,0,0.67)), color-stop(71%,rgba(0,0,0,0.55)), color-stop(81%,rgba(0,0,0,0.36)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  207. background: -webkit-linear-gradient(left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.23) 13%,rgba(0,0,0,0.5) 29%,rgba(0,0,0,0.67) 50%,rgba(0,0,0,0.55) 71%,rgba(0,0,0,0.36) 81%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  208. background: -o-linear-gradient(left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.23) 13%,rgba(0,0,0,0.5) 29%,rgba(0,0,0,0.67) 50%,rgba(0,0,0,0.55) 71%,rgba(0,0,0,0.36) 81%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  209. background: -ms-linear-gradient(left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.23) 13%,rgba(0,0,0,0.5) 29%,rgba(0,0,0,0.67) 50%,rgba(0,0,0,0.55) 71%,rgba(0,0,0,0.36) 81%,rgba(0,0,0,0) 100%); /* IE10+ */
  210. background: linear-gradient(to right, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.23) 13%,rgba(0,0,0,0.5) 29%,rgba(0,0,0,0.67) 50%,rgba(0,0,0,0.55) 71%,rgba(0,0,0,0.36) 81%,rgba(0,0,0,0) 100%); /* W3C */
  211. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  212. border-radius:50px;
  213. }
  214. #header p,#ad h3{text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
  215. #ad p{margin-top:5px}
  216. a:hover{text-decoration: none;}
  217. .bold{font-weight: bold;}
  218. .mgn{margin: 0 !important;}
  219. .pdn{padding: 0 !important;}
  220. h1{font-size: 26px;}
  221. h2{font-size: 24px;}
  222. h3{font-size: 16px;}
  223. h4{font-size: 14px;}
  224. .avatar .img-circle{display: block;width:80px;height: 80px;background: #5CB85C;font-size: 34px;line-height: 80px;margin:0 auto;color:#fff}
  225. .form-control{padding:12px;font-size: 18px; height:40px;border-radius:0;box-shadow:none;border-color:#aaa}
  226. .sm_container #bd{margin-top: 30px;}
  227. .sm_container #bd form{padding-top: 0;}
  228. #bd{margin-top: 60px;background:rgba(255,255,255,0.7)}
  229. #bd form{position: relative; padding-top: 40px;}
  230. #bd .avatar{width:100%;position: absolute;top:-60px;}
  231. #bd dl, #bd p{color:#222;}
  232. #bd h1{margin-top: 0;}
  233. #bd dl dt{font-size: 18px;}
  234. #bd dl dd{font-size: 16px;text-shadow: 0 1px 0 rgba(255,255,255,0.3)}
  235. #bd .list-group {color:#222;}
  236. #bd form .list-group li.active{background: #006fba;color:#fff;}
  237. #bd .list-group-item{font-size: 16px;}
  238. #header_bar { height: 44px; padding: 8px 10px; }
  239. #header_bar a { color: #FFFFFF; font-size: 24px; }
  240. #header_bar a:hover { text-decoration: none;}
  241. .btn-primary { background:rgba(0, 0, 0, 0); border-color: #666; color: #666;}
  242. .btn-primary:hover, .btn-primary.current { background-color: rgba(0, 0, 0, 0.05); border-color: #444; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; color: #444;}
  243. #menu-right {text-align: center;}
  244. #menu-left .mm-header{padding-top: 15px;}
  245. #menu-left h2{background: rgba(0,0,0,0.1); padding: 6px 0;border-radius:34px;}
  246. /* mc 澶氶」閫夋嫨 */
  247. .mc .list-unstyled{font-size: 16px;color:#222;font-weight: bold;}
  248. .mc .list-unstyled li{padding:8px 18px 8px 0;position: relative;}
  249. .mc .list-unstyled li .icon-checkbox-checked{color:#179406;}
  250. .mc .list-unstyled li .icon-checkbox-unchecked {color:#888;}
  251. .mc .list-unstyled .icon-info{float: right;position: absolute;right:-4px;top:8px;color:#006fba;font-size: 20px;}
  252. .mc .list-unstyled a{color: #383838;}
  253. .mc .list-unstyled a:hover{text-decoration: none;}
  254. .popover{max-width:240px;font-size: 14px;}
  255. /* wheel */
  256. .wheel-wrap { position: relative; width: 290px; height: 290px; overflow: hidden; margin: 0 auto; z-index: 1; }
  257. .marker { top: 80px; left:106px; z-index: 2; position: absolute; }
  258. .wheel { top: 20px; left: 75px; width: 290px; z-index: 1;}
  259. /* new cate */
  260. .cate_table td{border:none !important}
  261. .cate_items{display: block; height:90px;background-color: #212121;position: relative;}
  262. .cate_items i{font-size: 30px;font-weight:normal;color:rgba(255,255,255,0.9);font-style:normal;line-height:70px}
  263. .cate_items span{display: block;width:100%;font-weight:bold;color:#fff;background: rgba(0,0,0,0.2);position: absolute;bottom:0;font-size:16px;padding:3px 0}
  264. #cate1{background: url("../images/cat1.jpg") 0 0 no-repeat;background-size:cover}
  265. #cate4{background: url("../images/cat2.jpg") 0 0 no-repeat;background-size:cover}
  266. #cate5{background: url("../images/cat3.jpg") 0 0 no-repeat;background-size:cover}
  267. #cate8{background: url("../images/cat4.jpg") 0 0 no-repeat;background-size:cover}
  268. /* copy */
  269. #copy a{font-size: 10px;color:rgba(255,255,255,0.4);}
  270. /* more */
  271. h3.text-muted,#ad h3.text-muted{text-shadow:none;color:rgba(255,255,255,0.8);}
  272. #more ul{padding-left: 20px;}
  273. #more ul li{font-size: 14px;line-height: 1.8;color:rgba(255,255,255,0.5);}
  274. #more ul li a,#ad ul li a,#ad ul li a,#ad a{color:rgba(255,255,255,0.6);}
  275. #more ul li a:hover,#ad ul li a:hover,#ad a:hover{color:rgba(255,255,255,0.8);}
  276. #ad{padding-bottom: 30px;}
  277. #ad h4{padding-top: 3px;}
  278. #more h3 .more_link{font-size: 12px;color:rgba(255,255,255,0.5);}
  279. /* cate */
  280. #cate .table tr > td{border-top: none;text-align: center;background:rgba(255,255,255,0.1);}
  281. #cate .table tr td a{color:rgba(255,255,255,0.6);}
  282. #cate .table tr td:hover{background-color:rgba(255,255,255,0.3) }
  283. #cate .table tr td a:hover{color:rgba(255,255,255,0.8);}
  284. /* pop share */
  285. #pop_success{position: absolute;width: 100%;height:236px;top:77px;z-index: 100;}
  286. #pop_success .glyphicon{font-size: 60px;color:#27B10A;}
  287. #pop_success .bd{width: 180px;padding-top: 26px;height: 170px;border-radius:8px;background: rgba(0,0,0,0.8);margin: 0 auto;}
  288. #pop_success .bd p{font-size: 22px;color:#fff;}
  289. .mm-menu.mm-bottom{height:85px !important;overflow: hidden;}
  290. .mm-menu > .mm-panel{padding: 10px 20px;}
  291. #popup-1 #close1{ background: #999; text-align: center; line-height: 40px; height: 40px; display: block; width:40px; font-size: 20px; position: absolute;right:6px;top:0; color:#fff; z-index: 10; }
  292. #mcover {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
  293. #mcover img {position: fixed; right: 18px; top: 5px; width: 260px!important; height: 180px!important; z-index: 20001; }
  294. /* fun */
  295. .avatar img.img-circle{width:100px;height:100px;border-radius:140px;}
  296. .input-group .btn{padding: 8px 16px;font-size: 16px;}
  297. .input-group .btn1{padding: 8px 16px;font-size: 16px;}
  298. #bd.panel-fun .buttons{margin-top: 20px;}
  299. .btn-nbg{background: none !important;border:none !important}
  300. body form .btn.btn-nbdc{background: none !important;}
  301. body form .btn1.btn-nbdc{background: none !important;}
  302. /* follow */
  303. #follow{position: fixed;bottom:0; border-radius: 8px 8px 0 0; margin: 0; width:100%; /* Rectangle 2: */ background: #E9E9E9; -moz-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.20); box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.20);padding-bottom: 5px; padding-top: 15px;}
  304. #follow a#close1{position: absolute;display: block;text-align: center;background: #ddd;color:#555;border-radius:0 8px 0 8px;right: 0;top: 0;width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
  305. #follow a#close1:hover{color:#fff;background: #D9534F;}
  306. #follow p{margin: 0;}
  307. /* exam */
  308. #exam_review{display:table}
  309. #exam_review li{display: inline-block;width:30px;height:30px;margin:0 6px 8px;}
  310. #exam_review li a{display: block;width:30px;height:30px;background: #2ca61b;line-height: 30px;color:#fff;text-align: center;}
  311. #exam_review li a:hover{background: #097c25;}
  312. #exam_review li a.wrong{background: #a40000;}
  313. #exam_review li a.wrong:hover{background: #e60012;}