main.css.bak 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  1. .sidecontent{position:fixed;left:-750px;width:auto;display:none;background:rgba(0,0,0,0.8);top:70px;height: 100%;color: rgba(255,255,255,1);}
  2. .sidecontent h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;position:relative;}
  3. .sidecontent h1 span{font-size:12px;font-weight:normal;position:absolute;right:-10px;cursor:pointer;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
  4. #text
  5. {
  6. float:left;
  7. width:auto;
  8. font-size:18px;
  9. letter-spacing:2px;
  10. margin:30px;
  11. max-width:600px;
  12. height:500px;
  13. max-height:630px;
  14. line-height:22px;
  15. font-family:"宋体";
  16. }
  17. #sideimg{margin:5px 20px 30px 10px;float:left;}
  18. #gui-modes-map div img
  19. {
  20. width:48px;
  21. height:48px;
  22. }
  23. .progressbar{
  24. position:relative;
  25. display:block;
  26. width:14%;
  27. height:16px;
  28. padding:0px 20px;
  29. border-bottom:1px solid rgba(255,255,255,0.25);
  30. border-radius:16px;
  31. margin:40px auto;
  32. -webkit-box-shadow:0px 4px 4px -4px rgba(255, 255, 255, 0.4),0px -3px 3px -3px rgba(255, 255, 255, 0.25),inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
  33. box-shadow:0px 4px 4px -4px rgba(255, 255, 255, 0.4),0px -3px 3px -3px rgba(255, 255, 255, 0.25),inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
  34. }/*
  35. .progressbar:before{
  36. position:absolute;
  37. display:block;
  38. content:"";
  39. width:13.9%;
  40. height:18px;
  41. top:2px;
  42. left:0px;
  43. -webkit-border-radius:20px;
  44. border-radius:20px;
  45. background:#222;
  46. -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.85);;
  47. box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.85);
  48. border:1px solid rgba(0,0,0,0.8);
  49. }*/
  50. .bar {
  51. position:absolute;
  52. display:block;
  53. width:0px;
  54. height:16px;
  55. top:0px;
  56. left:1px;
  57. background:url("../images/loading_02.png");
  58. /*
  59. background:rgb(126,234,25);
  60. background:-moz-linear-gradient(top, rgba(126,234,25,1) 0%, rgba(83,173,0,1) 100%);
  61. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,234,25,1)), color-stop(100%,rgba(83,173,0,1)));
  62. background:-webkit-linear-gradient(top, rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
  63. background:-o-linear-gradient(top, rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
  64. background:-ms-linear-gradient(top, rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
  65. background:linear-gradient(to bottom, rgba(126,234,25,1) 0%,rgba(83,173,0,1) 100%);
  66. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eea19', endColorstr='#53ad00',GradientType=0 );
  67. */
  68. -webkit-border-radius:16px;
  69. border-radius:16px;
  70. /*
  71. -webkit-box-shadow:0px 0px 12px 0px rgba(126, 234, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
  72. box-shadow:0px 0px 12px 0px rgba(126, 234, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
  73. */
  74. overflow:hidden;
  75. }
  76. .bar span {
  77. position:absolute;
  78. display:block;
  79. width:100%;
  80. height:64px;
  81. -webkit-border-radius:16px;
  82. border-radius:16px;
  83. /*
  84. background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zX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") 0 0;
  85. */
  86. background:url("../images/loading_02.png");
  87. -webkit-animation:sparkle 1500ms linear infinite;
  88. -moz-animation:sparkle 1500ms linear infinite;
  89. -o-animation:sparkle 1500ms linear infinite;
  90. animation:sparkle 1500ms linear infinite;
  91. opacity:0.2;
  92. }
  93. .label {
  94. font-family:'Aldrich', sans-serif;
  95. position:absolute;
  96. margin-left: -20px;
  97. display:block;
  98. width:40px;
  99. height:22px;
  100. line-height:20px;
  101. left:0px;
  102. background:rgb(222,223,227);
  103. /*
  104. background:rgb(76,76,76);
  105. background:-moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(38,38,38,1) 100%);
  106. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(38,38,38,1)));
  107. background:-webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);
  108. background:-o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);
  109. background:-ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);
  110. background:linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%);
  111. */
  112. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#262626',GradientType=0 );
  113. /*
  114. font-weight:bold;
  115. */
  116. font-size:12px;
  117. color:#616161;
  118. text-align:center;
  119. -webkit-border-radius:6px;
  120. border-radius:6px;
  121. border:1px solid rgba(0,0,0,0.2);
  122. -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  123. box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  124. /*
  125. text-shadow:0px -1px 0px #000000,0px 1px 1px #000000;
  126. */
  127. filter:dropshadow(color=#000000, offx=0, offy=-1);
  128. top: -30px;
  129. }
  130. .label span {
  131. position:absolute;
  132. display:block;
  133. width:12px;
  134. height:9px;
  135. top:19px;
  136. left:14px;
  137. background:transparent;
  138. overflow:hidden;
  139. }
  140. .label span:before {
  141. position:absolute;
  142. display:block;
  143. content:"";
  144. width:8px;
  145. height:8px;
  146. top:-3px;
  147. left:2px;
  148. background:rgb(222,223,227);
  149. /*
  150. border:1px solid rgba(0,0,0,0.5);
  151. background:rgb(86,86,86);
  152. background:-moz-linear-gradient(-45deg, rgba(86,86,86,1) 0%, rgba(76,76,76,1) 50%);
  153. background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(50%,rgba(76,76,76,1)));
  154. background:-webkit-linear-gradient(-45deg, rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);
  155. background:-o-linear-gradient(-45deg, rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);
  156. background:-ms-linear-gradient(-45deg, rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);
  157. background:linear-gradient(135deg, rgba(86,86,86,1) 0%,rgba(76,76,76,1) 50%);
  158. */
  159. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#4c4c4c',GradientType=1 );
  160. -webkit-box-shadow:0px -1px 2px 0px rgba(0, 0, 0, 0.15);
  161. box-shadow:0px -1px 2px 0px rgba(0, 0, 0, 0.15);
  162. -moz-transform:rotate(45deg);
  163. -webkit-transform:rotate(45deg);
  164. -o-transform:rotate(45deg);
  165. -ms-transform:rotate(45deg);
  166. transform:rotate(45deg);
  167. }
  168. iframe{
  169. border: none;
  170. }
  171. #popup {
  172. z-index: 20;
  173. text-align: center;
  174. padding: 0;
  175. position: absolute;
  176. top: 50%;
  177. left: 50%;
  178. width: 960px;
  179. height: 580px;
  180. margin: -290px auto auto -480px;
  181. display: none;
  182. overflow-y: hidden;
  183. }
  184. #closepop {
  185. background: url(../images/closenew.png) no-repeat;
  186. width: 40px;
  187. height: 40px;
  188. cursor: pointer;
  189. position: absolute;
  190. right: 5px;
  191. top: 0px;
  192. text-indent: -999em;
  193. }
  194. .specialTitle{bottom:65%;
  195. width: 100%;
  196. padding: 0 25px;
  197. display: block;
  198. font-family: OpenSans,'Helvetica Neue',sans-serif;
  199. text-align: center;
  200. font-size: 40px;
  201. font-weight: 100;
  202. letter-spacing: .75px;
  203. text-shadow: 0 0 10px rgba(15,16,17,1);
  204. color: rgba(255,255,255,1);
  205. margin: 0;
  206. position: absolute;
  207. hyphens: auto;
  208. word-wrap: break-word;
  209. line-height: 45px;}
  210. .dropdown {position: relative;display: inline-block;float: right;height: 40px;line-height: 40px;right: 10px;}
  211. .floor{ width: 100px;text-align: center;display: block;height: 30px;background: rgba(0,0,0,0.4);line-height: 30px;margin-top: 10px;cursor: pointer;}
  212. .dropdown-content {display: none;position: absolute;background: rgba(0,0,0,0.6);min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);text-align:center;}
  213. .dropdown:hover .dropdown-content {display: block;}
  214. a{text-decoration:none;}
  215. #YY,#SZZ{display:none;}
  216. @media only screen and (max-width:487px){
  217. .dropdown {height: 30px;line-height: 30px;right:5px;}
  218. .floor {width: 80px;height: 20px;line-height: 20px;margin-top: 5px;}
  219. .dropdown-content{min-width: 80px;}
  220. }
  221. @media screen and (max-width: 1600px) {
  222. #popup {
  223. width: 816px;
  224. height: 510px;
  225. margin: -255px auto auto -408px;
  226. }
  227. .specialTitle{
  228. bottom:65%;
  229. font-size: 34px;
  230. }
  231. }
  232. @media screen and (max-width: 1400px) {
  233. #popup {
  234. width: 714px;
  235. height: 446px;
  236. margin: -223px auto auto -357px;
  237. }
  238. .specialTitle {
  239. bottom: 65%;
  240. font-size: 30px;
  241. }
  242. }
  243. @media screen and (max-width: 1200px) {
  244. #popup {
  245. width: 700px;
  246. height: 422px;
  247. margin: -211px auto auto -350px;
  248. }
  249. .specialTitle {
  250. bottom: 66%;
  251. font-size: 26px;
  252. }
  253. }
  254. /* @media screen and (max-width: 1024px) { */
  255. /* #popup { */
  256. /* width: 700px; */
  257. /* height: 438px; */
  258. /* margin: -219px auto auto -350px; */
  259. /* } */
  260. /* } */
  261. @media screen and (max-width: 768px) {
  262. #popup {
  263. width:600px;
  264. height:720px;
  265. margin: -360px auto auto -300px;
  266. }
  267. .specialTitle {
  268. bottom: 62%;
  269. font-size: 26px;
  270. line-height:40px;
  271. }
  272. #special-gui-name{display:none;}
  273. }
  274. @media screen and (min-width:669px) and (max-width: 736px){
  275. #popup {
  276. width:500px;
  277. height:260px;
  278. margin: -130px auto auto -250px;
  279. }
  280. #closepop{
  281. width: 32px;
  282. height: 32px;
  283. background-size: contain;
  284. right: 0px;
  285. }
  286. #model-title{
  287. height: 42px;
  288. }
  289. #title-toggle{
  290. padding-top: 18px;
  291. height: 42px;
  292. }
  293. .title-container{
  294. padding: 16px 10px 6px;
  295. height:42px;
  296. width: 259px;
  297. }
  298. #gui-name{
  299. font-size: 16px;
  300. line-height:16px;
  301. }
  302. .pinTop{top:8px;}
  303. #model-title {
  304. width: 70%;
  305. }
  306. }
  307. @media screen and (min-width:569px) and (max-width:667px){
  308. #popup {
  309. width:420px;
  310. height:230px;
  311. margin: -115px auto auto -210px;
  312. }
  313. #closepop{
  314. width: 30px;
  315. height: 30px;
  316. background-size: contain;
  317. right: 0px;
  318. }
  319. #model-title{
  320. height: 40px;
  321. }
  322. #title-toggle{
  323. padding-top: 17px;
  324. height: 40px;
  325. }
  326. .title-container{
  327. padding: 16px 10px 6px;
  328. height:40px;
  329. width: 240px;
  330. }
  331. #gui-name{
  332. font-size: 15px;
  333. line-height:15px;
  334. }
  335. #musicImg .fa-2x {
  336. font-size: 1.5em;
  337. }
  338. .pinTop{top:8px;}
  339. #model-title {
  340. width: 70%;
  341. }
  342. }
  343. @media screen and (min-width:447px) and (max-width:568px){
  344. #popup {
  345. width:340px;
  346. height:170px;
  347. margin: -85px auto auto -170px;
  348. }
  349. #closepop{
  350. width: 30px;
  351. height: 30px;
  352. background-size: contain;
  353. right: 0px;
  354. }
  355. #model-title{
  356. height: 38px;
  357. }
  358. #title-toggle{
  359. padding-top: 17px;
  360. height: 38px;
  361. }
  362. .title-container{
  363. padding: 16px 10px 6px;
  364. height:38px;
  365. width: 220px;
  366. }
  367. #gui-name{
  368. font-size: 14px;
  369. line-height:14px;
  370. }
  371. #musicImg .fa-2x {
  372. font-size: 1.5em;
  373. }
  374. .pinTop{top:8px;}
  375. #model-title {
  376. width: 70%;
  377. }
  378. }
  379. @media screen and (max-width:414px) {
  380. #popup {
  381. width: 280px;
  382. height: 520px;
  383. margin: -260px auto auto -140px;
  384. }
  385. #closepop{
  386. width: 30px;
  387. height: 30px;
  388. background-size: contain;
  389. right: 0px;
  390. }
  391. #model-title{
  392. height: 40px;
  393. }
  394. #title-toggle{
  395. padding-top: 17px;
  396. height: 40px;
  397. }
  398. .title-container{
  399. padding: 16px 10px 6px;
  400. height:40px;
  401. width: 220px;
  402. }
  403. #gui-name{
  404. font-size: 16px;
  405. line-height:16px;
  406. }
  407. #model-title {
  408. width: 70%;
  409. }
  410. }
  411. @media screen and (max-width:375px) {
  412. #popup {
  413. width: 252px;
  414. height: 490px;
  415. margin: -245px auto auto -126px;
  416. }
  417. #model-title{
  418. height: 38px;
  419. }
  420. #title-toggle{
  421. padding-top: 17px;
  422. height: 38px;
  423. }
  424. .title-container{
  425. padding: 16px 10px 6px;
  426. height:38px;
  427. width: 220px;
  428. }
  429. #gui-name{
  430. font-size: 15px;
  431. line-height:15px;
  432. }
  433. .pinTop{top:5px;}
  434. #model-title {
  435. width: 70%;
  436. }
  437. }
  438. @media screen and (max-width:320px) {
  439. #popup {
  440. width: 200px;
  441. height: 380px;
  442. margin: -200px auto auto -100px;
  443. }
  444. #model-title{
  445. height: 36px;
  446. }
  447. #title-toggle{
  448. padding-top: 16px;
  449. height: 36px;
  450. }
  451. .title-container{
  452. padding: 16px 10px 6px;
  453. height:36px;
  454. width: 200px;
  455. }
  456. #gui-name{
  457. font-size: 14px;
  458. line-height:14px;
  459. }
  460. .pinTop{top:0px;}
  461. #model-title {
  462. width: 70%;
  463. }
  464. }