718 lines
20 KiB
CSS
718 lines
20 KiB
CSS
@charset "utf-8";
|
|
/***************
|
|
United International College (UIC)
|
|
28 Jinfeng Road,Tangjiawan,Zhuhai,Guangdong Prov.
|
|
Author:Coco Lin ED Li
|
|
***************/
|
|
|
|
|
|
|
|
/*comm used header,content,footer*/
|
|
img,object,video,embed {
|
|
max-width: 100%; height:auto;}
|
|
|
|
.mainWrap {padding-left:0px; padding-right:0px;}
|
|
.mainWrap{margin:auto;min-width:320px;}
|
|
.mainWrap,.footer,.division{ margin:auto;}
|
|
#carousel-example-generic{ margin:auto!important;}
|
|
|
|
.header{}
|
|
|
|
|
|
|
|
.header .topWrap
|
|
{
|
|
height:102px;
|
|
padding-top:20px!important;}
|
|
|
|
.header .logo
|
|
{
|
|
|
|
_display:inline;
|
|
display:inline;}
|
|
|
|
.header .search1
|
|
{
|
|
float:right;
|
|
_display:inline;}
|
|
.header .search1 label{ display:none;}
|
|
|
|
.header .search1 .ext
|
|
{
|
|
padding:0px 0 10px 0;
|
|
text-align:right;}
|
|
|
|
.header .search1 .ext a
|
|
{
|
|
color:#444;
|
|
text-align:right;}
|
|
.search label{color:#ccc;}
|
|
.search input{ border:1px solid #999;}
|
|
.header .search1 .ext a:hover{ color:#900;}
|
|
.both{ clear:both;}
|
|
.events_title{ width:98%; border-bottom:0px solid #C30; clear:both; padding-top:15px; margin-bottom:10px ;}
|
|
.rightp_title{border-bottom:0px solid #C30; clear:both; padding-top:15px; margin-bottom:10px;width:100%;}
|
|
.aidanews2_title{ line-height:30px;}
|
|
.aidanews2_text{ line-height:22px; text-align:left;}
|
|
.events_title h3,.rightp_title h3{
|
|
float: left;
|
|
padding: 0px;
|
|
color: #0084ce;
|
|
display: block;
|
|
margin: 0px 0px 6px 0px;
|
|
line-height: 22px;
|
|
font-size: 16px;
|
|
-webkit-font-weight: 500!important;
|
|
font-weight: bold;}
|
|
.events_title span a, .rightp_title span a{ float:right; color:#666666;}
|
|
.aidanews2_title a{ font-weight:bold!important; color:#484848;}
|
|
.rightp h1{line-height:22px; width:100%;}
|
|
.rightp .aidanews2_title {border-bottom:1px dashed #f2f2f2; width:100%;}
|
|
.rightp .aidanews2_title a{color:#000;}
|
|
.rightp .aidanews2_line{ height:6px;}
|
|
.line{ height:1px;
|
|
background:linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
|
|
|
|
background:-moz-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
|
|
background:-webkit-llinear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
|
|
background:-o-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
|
|
background:--ms-linear-gradient(90deg, #278de6 0%, #63a3d8 50%, #fff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#278de6, endColorstr=#fff);/*ie<9>*/
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#278de6, endColorstr=#fff)";}
|
|
|
|
|
|
.line2{ height:1px;background: linear-gradient(90deg, #f5f5f5 0%, #ccc 50%, #f5f5f5 100%); margin-top:15px; margin-bottom:15px;}
|
|
.red{ color:#f00;}
|
|
.events .aidanews2_mainL{ float:left; width:30%; margin-right:5%; vertical-align:top!important; padding:0px;}
|
|
.events .aidanews2_mainR{ float:right; width:65%;}
|
|
.events .aidanews2_img1{ max-height:150px;}
|
|
|
|
.events .aidanews2_line{ height:10px; margin-bottom:15px;}
|
|
.rightp .aidanews2_line{ height:4px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
|
|
|
|
|
|
.well{ margin-top:15px;}
|
|
.well h3{ padding:0px; margin:0px; line-height:30px;}
|
|
.well ul { padding:0px; margin-top:10px;}
|
|
.well ul li{ display:inline; margin-right:20px;}
|
|
.well ul li a{ color:#000;}
|
|
|
|
.itemid-138 .sidebar, .itemid-129 .sidebar,.itemid-153 .sidebar,.itemid-164 .sidebar,.itemid-203 .sidebar,.itemid-204 .sidebar{ display:none;}
|
|
.itemid-138 .conta, .itemid-129 .conta,.itemid-153 .conta, .itemid-164 .conta, .itemid-203 .conta, .itemid-204 .conta{ width:100%;}
|
|
.article-info dt{ display:none;}
|
|
.article-info dd{ font-weight: normal;
|
|
line-height: 150%;
|
|
color: #999; font-size: 65%;}
|
|
.sidebar{ width:22%; float:left; border:1px solid #ccc ; border-radius:5px; box-shadow:0px 3px 3px 0px #f1f1f1;background-color: #f1f5f8;}
|
|
.sidebar li{width:100%; line-height:18px;border-bottom:1px solid #e6e6e6;}
|
|
.sidebar li a{ line-height:18px!important; font-weight:bold;}
|
|
.current.active a, #sidebar .active a {
|
|
display: block;
|
|
background-color: #cee8ff;}
|
|
ul#sidebar li a {
|
|
padding: 5px 10px;}
|
|
.conta{width:72%; float:right;}
|
|
.page-header h2,.content-category h2{ font-size:22px;color:#000;}
|
|
.sidebar h2{font-size:14px; color:#fff; background-color:#225a9c;
|
|
|
|
margin:0px; text-align:center; line-height:32px; border-bottom:none; font-weight:bold;}
|
|
/*.active a{ color:#c00}*/
|
|
.footter_line{ height:6px; width:100%; background-color:#c00;}
|
|
.sitemap{}
|
|
.panel-footer{ margin-top:15px;}
|
|
.copyright{ float:left;}
|
|
.foot_logo{ float:right;}
|
|
.allfoot{ color:#ffffff!important; line-height:22px; font-size:90%;}
|
|
.allfoot a{color:#ffffff!important;}
|
|
.sitemap ul li{}
|
|
.sitemap ul li a{ color:#5a5a5a;font-weight: bold;}
|
|
.sitemap ul li{ list-style:none;}
|
|
.sitemap ul li ul{ padding:0px; margin-top:10px!important;}
|
|
.sitemap ul li ul li {margin-bottom:5px; display: block!important;}
|
|
.sitemap ul li ul li a{ color:#444;font-weight: normal;}
|
|
.unstyled li{ list-style-type:none;}
|
|
.unstyled li a{line-height:22px;}
|
|
|
|
/*20150821*/
|
|
|
|
.edit fieldset{margin-top:15px;}
|
|
|
|
.inputbox{width:100%;}
|
|
#jform_tags, #jform_tags-lbl{height:25px!important;width:400px;line-height:25px!important;}
|
|
|
|
|
|
|
|
@font-face {
|
|
font-family: 'IcoMoon';
|
|
src: url(../../../media/jui/fonts/icomoon.jpg);
|
|
src: url(../../../media/jui/fonts/icomoon.eot?#i.jpg) format('embedded-opentype'), url(../../../media/jui/fonts/icomoon..jpg) format
|
|
|
|
('woff'), url(../../../media/jui/fonts/icomoon.jpg) format('truetype'), url(../../../media/jui/fonts/icomoon.svg#ico.jpg) format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;}
|
|
|
|
.icon-publish:before,
|
|
.icon-save:before,
|
|
.icon-ok:before,
|
|
.icon-checkmark:before {
|
|
content: "\47";}
|
|
.icon-unpublish:before,
|
|
.icon-cancel:before {
|
|
content: "\4a";}
|
|
.icon-archive:before,
|
|
.icon-drawer-2:before {
|
|
content: "\50";}
|
|
.icon-calendar:before {
|
|
content: "\43";}
|
|
.icon-apply:before,
|
|
.icon-edit:before,
|
|
.icon-pencil:before {
|
|
content: "\e065";}
|
|
[data-icon]:before {
|
|
font-family: 'IcoMoon';
|
|
content: attr(data-icon);
|
|
speak: none;}
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: .25em;
|
|
line-height: 14px;}
|
|
dd > span[class^="icon-"] + time,
|
|
dd > span[class*=" icon-"] + time {
|
|
margin-left: -0.25em;}
|
|
dl.article-info dd.hits span[class^="icon-"],
|
|
dl.article-info dd.hits span[class*=" icon-"] {
|
|
margin-right: 0;}
|
|
[class^="icon-"]:before,
|
|
[class*=" icon-"]:before {
|
|
font-family: 'IcoMoon';
|
|
font-style: normal;
|
|
speak: none;}
|
|
[class^="icon-"].disabled,
|
|
[class*=" icon-"].disabled {
|
|
font-weight: normal;}
|
|
.control-label .hasTooltip {
|
|
display: inline-block;}
|
|
.icon-edit{ background:url(../images/edit.jpg);width:40px;height:18px;}
|
|
footer.panel_footer {
|
|
margin-top: 10px;}
|
|
@media (min-width: 1200px) {
|
|
|
|
.mainWrap
|
|
{
|
|
|
|
width:980px; padding-left:0px!important; padding-right:0px!important;}
|
|
|
|
.mainWrap .logo2 img{ width:290px!important; height:78px!important;display:inline-block;}
|
|
.zh-cn .mainWrap .logo2 img{ width:290px!important; height:78px!important;}
|
|
|
|
.container{ width:980px;padding-left:0px!important; padding-right:0px!important;}
|
|
.footer{width:980px;padding-left:0px!important; padding-right:0px!important;}
|
|
#carousel-example-generic{width:980px;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
|
|
.events{ float:left; width:100%;}
|
|
.rightp{float:right!important; width:39%;}
|
|
.events-bg{width:60%;}
|
|
.sitemap ul{ margin:0px; padding:0px;}
|
|
.sitemap ul li{ float:left; margin-right:100px;width:auto;}
|
|
.sitemap ul li ul{ padding:0px; margin:0px;}
|
|
.sitemap ul li ul li{ float: bolck;
|
|
float:none;margin-right:20px;}
|
|
.navbar-collapse{ margin-left:-15px!important;}
|
|
}
|
|
|
|
@media screen and (min-width: 1025px) and (max-width: 1199px)
|
|
{
|
|
|
|
.sitemap ul{ margin:0px; padding:0px;}
|
|
.sitemap ul li{ float:left; margin-right:100px;width:auto;}
|
|
.sitemap ul li ul{ padding:0px; margin:0px;}
|
|
.sitemap ul li ul li{ float: bolck;
|
|
float:none;margin-right:20px;}
|
|
.navbar-collapse{ margin-left:-15px!important;}
|
|
.events {
|
|
float: left;
|
|
width: 100%;}
|
|
.rightp {
|
|
float: right!important;
|
|
width: 39%;}
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 1024px){
|
|
|
|
.mainWrap
|
|
{
|
|
|
|
width:960px; padding-left:0px!important; padding-right:0px!important;}
|
|
.container{ width:960px;padding-left:0px!important; padding-right:0px!important;}
|
|
.footer{width:960px;padding-left:0px!important; padding-right:0px!important;}
|
|
#carousel-example-generic{width:960px;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
|
|
.events{ float:left; width:100%;}
|
|
.rightp{float:right!important; width:39%;}
|
|
|
|
.navbar-collapse{ margin-left:-15px!important;}
|
|
|
|
.sitemap ul{ margin:0px; padding:0px;}
|
|
.sitemap ul li{ float:left; margin-right:30px;width:auto;}
|
|
.sitemap ul li ul{ padding:0px; margin:0px;}
|
|
.sitemap ul li ul li{ float: bolck;
|
|
float:none;margin-right:20px;}
|
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 980px){
|
|
|
|
.mainWrap
|
|
{
|
|
|
|
width:auto; padding-left:0px!important; padding-right:0px!important;}
|
|
|
|
.mainWrap .logo1 img{ width:247px; height:75px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
|
|
|
|
.container{ width:auto;padding-left:0px!important; padding-right:0px!important;}
|
|
.footer{width:920px;padding-left:0px!important; padding-right:0px!important;}
|
|
#carousel-example-generic{width:auto;padding-left:0px!important; padding-right:0px!important; margin:auto!important ;}
|
|
.events{ float:left; width:100%;}
|
|
.events-bg { width:60%;float:left;}
|
|
.rightp{float:right!important; width:39%;}
|
|
.sitemap ul{ margin:0px; padding:0px;}
|
|
.sitemap ul li{ float:left; margin-right:60px;width:auto;}
|
|
.sitemap ul li ul{ padding:0px; margin:0px;}
|
|
.sitemap ul li ul li{ float: bolck;
|
|
float:none;margin-right:20px;}
|
|
.navbar-collapse{ margin-left:-15px!important;}
|
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width:800px) {
|
|
.nav > li {
|
|
margin-right: 0px;}
|
|
}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.mainWrap
|
|
{
|
|
width:740px;}
|
|
.container{ width:740px;padding-left:0px!important; padding-right:0px!important;}
|
|
.footer{width:740px;padding-left:0px!important; padding-right:0px!important;}
|
|
#carousel-example-generic{width:100%;padding-left:0px!important; padding-right:0px!important;}
|
|
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:172px; height:60px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:60px;}
|
|
|
|
.rightp{ margin-top:15px; width:39%;}
|
|
.events{ margin-top:5px;width:100%;float: left;}
|
|
.events-bg {float: left;}
|
|
.well{ margin-top:15px;}
|
|
.sitemap ul{ margin:0px; padding:0px;}
|
|
.sitemap ul li{ float:left; margin-right:60px;width:auto;}
|
|
.sitemap ul li ul{ padding:0px; margin:0px;}
|
|
.sitemap ul li ul li{ float: bolck;
|
|
float:none;margin-right:20px;}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:768px) {
|
|
.mainWrap
|
|
{
|
|
width: 100%;padding-left:15px; padding-right:15px;
|
|
background: none;}
|
|
#carousel-example-generic{width:100%;}
|
|
.container{ width:100%;padding-left:15px!important; padding-right:15px!important;}
|
|
|
|
.sidebar ul li{ width:50%; float:left; text-align:left;}
|
|
.item-785,.item-782,.item-783,.item-784,.item-848,.item-849,.item-850,.item-851{
|
|
width: 100%!important;
|
|
float:none!important;}
|
|
.item-785 ul li,.item-782 ul li,.item-783 ul li,.item-784 ul li,.item-848 ul li,.item-849 ul li,.item-850 ul li,.item-851 ul li{
|
|
width:100%;}
|
|
.item-785 ul li a,.item-782 ul li a,.item-783 ul li a,.item-784 ul li a,.item-848 ul li a,.item-849 ul li a,.item-850 ul li a,.item-851 ul li a{
|
|
padding-top:10px;
|
|
padding-bottom:10px;}
|
|
li.item-783, li.item-784, li.item-785,li.item-848,li.item-849,li.item-850,li.item-851{
|
|
clear: left;}
|
|
|
|
.header .topWrap
|
|
{
|
|
position:relative;}
|
|
|
|
.header .logo
|
|
{
|
|
float:none!important;
|
|
margin:auto!important;
|
|
_display:block;
|
|
display:block;
|
|
position:absolute;
|
|
|
|
top:50px;
|
|
width:100%; clear:both;
|
|
text-align:center!important;}
|
|
|
|
.mainWrap .logo1{ width:100%; display:block;text-align:center!important;}
|
|
.mainWrap .logo2{ width:100%;display:block;text-align:center!important;}
|
|
.mainWrap .logo1 img{ width:214px; height:65px; margin:auto;}
|
|
.mainWrap .logo2 img{ width:190px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:190px; height:65px;}
|
|
|
|
|
|
|
|
.header .search1
|
|
{
|
|
float:none;
|
|
position:absolute;
|
|
width:100%;
|
|
top:0px;
|
|
background:#27568E;}
|
|
|
|
.header .search1 .ext
|
|
{
|
|
float:right;
|
|
padding:4px 30px 10px 0;}
|
|
.header .search1 .ext a
|
|
{
|
|
|
|
|
|
|
|
|
|
color:#fff;}
|
|
.mod_search102 .search-query{margin-left:15px;}
|
|
|
|
.header .topWrap
|
|
{
|
|
height:170px;}
|
|
|
|
|
|
|
|
|
|
.navbar-collapse{ padding-left:15px;}
|
|
|
|
.rightp{ margin-top:15px; width:100%;}
|
|
.events{ margin-top:5px;width:100%;}
|
|
.events-bg {width: 100%;}
|
|
|
|
|
|
.foot_logo{ display:none;}
|
|
|
|
.sitemap ul li ul{ display:none;}
|
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width:720px) {
|
|
|
|
.mainWrap .logo1 img{ width:214px; height:65px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
}
|
|
|
|
@media screen and (max-width:667px) {
|
|
|
|
|
|
.mainWrap .logo1 img{ width:214px; height:65px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:640px) {
|
|
|
|
.mainWrap
|
|
{
|
|
width: 100%;padding-left:15px; padding-right:15px;}
|
|
#carousel-example-generic{width:100%;}
|
|
.container{ width:100%;padding-left:15px!important; padding-right:15px!important;}
|
|
|
|
.sidebar,.conta{ width:100%;}
|
|
/*.sidebar ul li{ width:50%!important; float:left; text-align:left;}*/
|
|
.header .topWrap
|
|
{
|
|
position:relative;}
|
|
.header .topLine
|
|
{
|
|
border-top:7px solid #27568E;}
|
|
.header .logo
|
|
{
|
|
float:none!important;
|
|
margin:auto;
|
|
_display:block;
|
|
display:block;
|
|
position:absolute;
|
|
top:50px;}
|
|
/*
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:362px; height:60px;}*/
|
|
.mainWrap .logo1 img{ width:214px; height:65px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
.header .search1
|
|
{
|
|
float:none;
|
|
position:absolute;
|
|
width:100%;
|
|
top:0px;
|
|
background:#27568E;}
|
|
|
|
.header .search1 .ext
|
|
{
|
|
float:right;
|
|
padding:4px 30px 10px 0;}
|
|
.header .search1 .ext a
|
|
{
|
|
color:#fff;}
|
|
|
|
|
|
.header .topWrap
|
|
{
|
|
height:165px;}
|
|
|
|
.zh-cn .header .topWrap{height:170px;}
|
|
.navbar-collapse{ padding-left:15px;}
|
|
|
|
.rightp{ margin-top:15px; width:100%;}
|
|
.events{ margin-top:5px;width:100%;}
|
|
|
|
.foot_logo{ display:none;}
|
|
|
|
.sitemap ul li ul{ display:none;}
|
|
.en-gb .sidebar ul li{height:50px;}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:600px){
|
|
|
|
|
|
.mainWrap .logo1 img{ width:214px; height:65px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
|
|
.sidebar .nav > li > a:hover,
|
|
.sidebar .nav > li > a:focus {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
color:#27568E
|
|
;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:568px) {
|
|
|
|
.mainWrap .logo1 img{ width:214px; height:65px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:480px) {
|
|
.header .logo
|
|
{
|
|
float:none;
|
|
margin:auto;
|
|
display:block;
|
|
position:absolute;
|
|
top:50px;}
|
|
|
|
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
.sidebar,.conta{ width:100%;}
|
|
.sitemap ul ul{ display:none;}
|
|
}
|
|
@media screen and (max-width:414px) {
|
|
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.min360{ display:none;}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:384px) {
|
|
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width:375px) {
|
|
.header .logo
|
|
{
|
|
float:none;
|
|
margin:auto;
|
|
display:block;
|
|
position:absolute;
|
|
top:50px;
|
|
margin-left:10px;}
|
|
|
|
|
|
.mainWrap .logo1 img{ width:198px; height:60px;}
|
|
.mainWrap .logo2 img{ width:172px; height:65px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:65px;}
|
|
|
|
.sidebar,.conta{ width:100%;}
|
|
.sitemap ul ul{ display:none;}
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width:360px) {
|
|
|
|
|
|
.header .logo
|
|
{
|
|
float:none;
|
|
margin:auto;
|
|
display:block;
|
|
position:absolute;
|
|
top:50px;
|
|
margin-left:0px;}
|
|
|
|
/*
|
|
.mainWrap .logo1 img{ width:115px; height:35px;}
|
|
.mainWrap .logo2 img{ width:211px; height:35px;}*/
|
|
.mainWrap .logo1 img{ width:165px; height:50px;}
|
|
.mainWrap .logo2 img{ width:172px; height:55px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:172px; height:55px;}
|
|
.header .topWrap{height:150px;}
|
|
.zh-cn .header .topWrap{height:150px;}
|
|
.sidebar,.conta{ width:100%;}
|
|
.en-gb.itemid-167 .sidebar ul li{height:70px;}
|
|
.en-gb.itemid-168 .sidebar ul li{height:70px;}
|
|
.en-gb.itemid-166 .sidebar ul li{height:70px;}
|
|
/*.zh-cn .sidebar ul li{height:50px;}*/
|
|
|
|
}
|
|
|
|
@media screen and (max-width:320px) {
|
|
.sidebar,.conta{ width:100%;}
|
|
.header .logo
|
|
{
|
|
float:none;
|
|
margin:auto;
|
|
display:block;
|
|
position:absolute;
|
|
top:50px;
|
|
width:100%;
|
|
text-align:center!important;}
|
|
|
|
.mainWrap .logo1 img{ width:158px; height:48px;}
|
|
.mainWrap .logo2 img{ width:auto; height:26px;}
|
|
.zh-cn .mainWrap .logo2 img{ width:auto; height:26px;}
|
|
|
|
.header .topWrap{height:140px;}
|
|
.zh-cn .header .topWrap{height:140px;}
|
|
|
|
|
|
.header .search1{
|
|
width:100%; overflow:hidden;}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/* cpanel */
|
|
#cpanel {width:100%; min-width:1002px; font:normal 14px/110% Arial, Helvetica, sans-serif; position:fixed; left:0; top:0; z-index:1000000;}
|
|
#cpanel .cpanelContent {height:199px;display:none;background:url(cpanel/toppanel_bg.jpg) #999;}
|
|
#cpanel .cpanelControl {width:200px; height:19px; margin:auto; line-height:19px; white-space:nowrap; text-align:center; color:#ccc;
|
|
|
|
cursor:pointer; position:relative; background:url(cpanel/toppanel_trigger_m.jpg) #000;}
|
|
#cpanel .cpanelControl:before {width:20px;height:19px;content:"";display:block; float:left; position:absolute; left:-20px; top:0;background:url
|
|
|
|
(cpanel/toppanel_trigger_l.png);}
|
|
#cpanel .cpanelControl:after {width:20px;height:19px;content:"";display:block; float:left; position:absolute; right:-20px; top:0;background:url
|
|
|
|
(cpanel/toppanel_trigger_r.png);}
|
|
#cpanel .cpanelContent ul {margin:0 20px; padding:0;}
|
|
#cpanel .cpanelContent .moduletable {width:960px; margin:auto; padding:15px 0;}
|
|
|
|
#cpanel .cpanelContent #login-form {margin:0; color:#fff;}
|
|
|
|
#cpanel .cpanelContent .menu {list-style:none;}
|
|
#cpanel .cpanelContent .menu li {float:left; margin-right:5px;}
|
|
#cpanel .cpanelContent .menu li a {width:60px; height:80px; padding:5px; display:block; text-align:center; border:solid 1px #000; border-
|
|
|
|
radius:5px; text-decoration:none; background:#fff;}
|
|
#cpanel .cpanelContent .menu li a:hover { text-decoration:none;background:#E6F5F9;}
|
|
|
|
/* profile */
|
|
.profile {}
|
|
.profile dl {float:left;}
|
|
.profile dt {width:120px;float:left;clear:left;}
|
|
.profile dd {float:left; margin-left:10px;}
|
|
|
|
.head-right-top {
|
|
display: inline;
|
|
float:right;}
|
|
.head-right {
|
|
display: inline;
|
|
position: relative;}
|
|
|
|
.head-right a {
|
|
color: #27568e;}
|
|
.events-bg {
|
|
margin: auto;float: left;}
|
|
|
|
/*itrianing link*/
|
|
@media screen and (max-width: 980px){
|
|
|
|
.itrianing-link a img {
|
|
width: 10%;
|
|
margin: 18px;}
|
|
}
|
|
@media screen and (max-width: 768px){
|
|
.aidanews2_art {
|
|
clear:both!important;
|
|
width: 100%;
|
|
margin: auto;
|
|
text-align:left;}
|
|
.aidanews2 {
|
|
width: 100%;
|
|
margin: auto;}
|
|
|
|
.head-right-top{ float:none;}
|
|
.head-right{top:5px;}
|
|
.navbar-inverse {
|
|
background: none;
|
|
background-color: #27568E;
|
|
border: 1px solid #549fd6;
|
|
border-radius: 0px;}
|
|
.sidebar,.conta{ width:100%;}
|
|
|
|
|
|
}
|
|
|
|
@media (max-width: 760px){
|
|
.itrianing-link a img {
|
|
width: 17%;
|
|
margin: 5px 33px;}
|
|
.mainWrap {background: none;}
|
|
}
|
|
@media screen and (max-width:480px){
|
|
.itrianing-link {
|
|
width: 100%;}
|
|
|
|
|
|
} |