a { text-decoration: none; } div[data-role="page"] { padding-bottom: 0!important; } .clear:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .main-menu { display: block; position: fixed; width: 100%; left: 0; top: -50px; display: block; z-index: 49; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .main-menu.expanded { top: 50px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .main-menu ul { background-color: #333; width: 210px; list-style: none; margin: 0 auto; padding: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.8), inset 0 3px 15px rgba(0,0,0,.3);; -webkit-border-radius: 0 0 10px 10px; } .main-menu ul li { float: left; width: 58px; border-right: 1px solid #292929; border-left: 1px solid #3F3F3F; padding: 0 5px; } .main-menu ul li:last-child { -webkit-border-radius: 0 0 10px 0; border-right-color: transparent; } .main-menu ul li:first-child { -webkit-border-radius: 0 0 0 10px; border-left-color: transparent; } .main-menu ul li:hover { background-color: #b4111a; } .main-menu ul i { font-size: 1.4em; width: 100%; display: block; margin: 10px auto 0; } .main-menu ul span { display: block; margin-bottom: 10px; text-align: center; } .main-menu ul li a:link, .main-menu ul li a:visited { font-size: .6em; color: #DFDFDF!important; text-shadow: 0 -1px 0px #000; text-decoration: none; display: block; } .main-menu ul li a:hover, .main-menu ul li a:active { color: #DFDFDF!important; } .global { position: relative; background-color: #333; overflow-x: hidden; width: 100%; -webkit-box-shadow: -3px 0px 15px rgba(0,0,0,.5); padding-top: 50px; padding-bottom: 64px; /*margin-bottom: -64px;*/ } .header { position: fixed; top: 0; left: 0; right: 0; background-color: #000; padding: 0; border: none; z-index: 50; /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));*/ background-image: -webkit-linear-gradient(top, #5282A6, #133757); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; } .header h1.ui-title { margin: 8px 30%; position: relative; } .header i.openmenu { position: absolute; display: block; top: 40px; left: 50%; margin-left: -15px; font-size: 20px; /*color: #727272;*/ color: #7CA6C5; /*background-color: #252525;*/ background-color: #144366; border-radius: 0 0 5px 5px; height: 15px; line-height: 16px; box-shadow: 1px 2px 2px rgba(0, 0, 0, .5); } .header .language .ui-btn-text { left: 0; } .header .language .ui-btn-text i { font-size: 1.1em; margin-top: .33em; } .header .language .ui-icon { background-image: none; } .header .ui-btn-up-a { border: 1px solid #133547; background-color: #0C4C64; background-image: -webkit-gradient(linear, left top, left bottom, from( #0D6691 ), to( #0E3A4B )); background-image: -webkit-linear-gradient( #0D6691 , #0E3A4B ); background-image: -moz-linear-gradient( #0D6691 , #0E3A4B ); background-image: -ms-linear-gradient( #0D6691 , #0E3A4B ); background-image: -o-linear-gradient( #0D6691 , #0E3A4B ); background-image: linear-gradient( #0D6691 , #0E3A4B ); } .header h1 img { height: 30px; width: auto; } .header.ui-header > .ui-btn { margin-top: 6px; } .content { position: relative; background-color: #FFF; min-height: 330px; background: url(<%= asset_path "mobile/newlist-bg.jpg" %>) repeat 0 0 transparent; } /*.content .list { position: relative; z-index: 5; box-shadow: -5px 0px 15px rgba(0,0,0,.8) }*/ .content .newlist { margin: 0 auto; padding: 10px; } .content .newitem { display: inline-block; float: left; width: 280px; min-height: 490px; max-height: 490px; background-color: #FFFFFF; padding: 10px; margin: 0 10px 10px 0; box-shadow: 0px 3px 5px rgba(0,0,0,.1); } #index .content .newpic { width: 280px; height: 200px; margin: 0 auto; } #index .content .newstitle { font-size: 1.4em; margin: 1em 0; } #index .content .newsDate { font-size: 1em; color: #8D8D8D; } #index .content .newsummary { padding: 0 0 20px; margin-bottom: 0; } #announcement_content .content .newpic { width: 320px; height: 220px; margin: 0 auto; } #announcement_content .content .newstitle { font-size: 1.4em; padding: 0 10px; margin: 1em 0; } #announcement_content .content .newsDate { padding: 0 10px; font-size: 1em; color: #8D8D8D; } #announcement_content .content .newsummary { padding: 0 10px 20px; margin-bottom: 0; } #announcement_content .content { padding: 10px; } #map div[data-role="content"] { padding: 0; } #map .global { padding: 0; } #page_content .global { overflow-x: auto; -webkit-box-shadow: none; background-color: #f9f9f9; } #page_content .content { background-image: none; padding: 10px; background-color: #f9f9f9; } #page_content .content .newsummary > * { width: 750px!important; } #page_content .content .newsummary > *:after { clear: both; height: 0; display: block; content: ""; visibility: hidden; } div[id^="dialog"] .global { padding: 0; } div[id^="dialog"] .content { padding: 10px; height: auto!important; min-height: 70px; } /*.content .newitem:first-child { margin-left: 0; } .content .newitem:last-child { margin-right: 0; }*/ .pagination { height: 36px; margin: 18px 0 0; padding-bottom: 18px; text-align: center; } .pagination ul { padding: 0; display: inline-block; margin-left: 0; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination .active a { color: #999; cursor: default; } .pagination a:hover, .pagination .active a { background-color: #E8E8E8; } .pagination a { background-color: white; } .pagination a { float: left; padding: 0 10px; line-height: 30px; text-decoration: none; border: 1px solid #DDD; border-left-width: 0; font-size: .8em; } .footer { color: #999; /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));*/ background-image: -webkit-linear-gradient(top, #5282A6, #133757); } .footer div[data-role="navbar"] i { display: block; width: 100%; margin-bottom: 5px; } @media(min-width:320px){ } @media(min-width: 480px){ .content .newitem { width: 440px; } } @media(min-width:600px) { .main-menu ul { width: 420px; } .main-menu ul li { width: 128px; } } @media(min-width:768px) { .main-menu ul { width: 480px; } .main-menu ul li { width: 148px; } .content .newitem { width: 280px; } } @media(min-width:800px) { .main-menu ul { width: 480px; } .main-menu ul li { width: 148px; } } @media(min-width:961px) { .main-menu ul { width: 480px; } .main-menu ul li { width: 148px; } } @media(min-width: 1024px) { .main-menu ul { width: 600px; } .main-menu ul li { width: 188px; } .content .newitem { width: 280px; } } @media(min-width:1280px) { }