主 页 >
皮肤名称 Default_cust.css
ctlName BIWeb.Platform.Products.Product
皮肤类型 styles
标准样式 ---
样式表(CSS Style Sheet) /Communities/n00000317/Themes/Theme_CUST/C00223358/Styles/Default_cust.css
修改代码
/*****************************
  Common--Default Style Elements
*****************************/






.main {
    margin: auto;
    width: 1080px;
}


h3 {
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: bold;
}


h4 {
    text-align: center;
    color: #ccc;
    font-size: 14px;
}


{
    text-decoration: none;
}


a:hover {
    text-decoration: none;
}


@-webkit-keyframes mymove {
    from {
        left: 0px;
    }


    to {
        left: -100%;
    }

}

.photobox {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    overflow: hidden;
    animation: mymove 10s infinite linear;
    /* Apply the animation */
}


.itemPhoto img {
    width: 180px;
    height: 180px;
    display: inline-block;
}


.photobox:hover {
    animation-play-state: paused;
}


/* Define the animation */



.itemCatParent {
    display: block;
    padding: 12px 10px;
    background-color: #5f98e1;
    color: #fff;
    position: relative;
    font-size: 18px;
}


.itemCatParent:hover {
    background: #c4565a;
}


.itemCatParent:before {
    content: '';
    opacity: 0;
    transition: opacity 0.3s;
}


.itemCatParent:hover:before {
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    left: 0;
    top: 0;
    opacity: 1;
    /* background-color: #d8d824; */
    border-top: 24px solid transparent;
    border-left: 11px solid #FFF;
    border-bottom: 24px solid transparent;
}


.itemCatParent:after {
    content: '';
    opacity: 0;
    transition: opacity 0.3s;
}


.itemCatParent:hover:after {
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    right: 0px;
    top: 0;
    opacity: 1;
    /* background-color: #d8d824; */
    border-top: 24px solid transparent;
    border-right: 11px solid #FFF;
    border-bottom: 24px solid transparent;
}


.itemCatParent:hover {
    background: #273057;
    background: -moz-linear-gradient(top, #c4565a 0%, #c4565a 50%, #a97375 51%, #a97375 100%);
    background: -webkit-linear-gradient(top, #c4565a 0%,#c4565a 50%,#a97375 51%,#a97375 100%);
    background: linear-gradient(to bottom, #c4565a 0%,#c4565a 50%,#a97375 51%,#a97375 100%);
    filterprogid:DXImageTransform.Microsoft.gradient( startColorstr='#273057', endColorstr='#394c7f',GradientType=0 );
    transition: all 0.3s;
    border-bottom: 1px solid #394c7f;
}


.itemCatParent:last-child {
    border: none;
}


.item:target .itemCatParent {
    max-height: 10em;
}




.boxRecomm {
    width: 250px;
    height: 200px;
    border-style: groove;
    border-width: 1px;
    border-color: gray;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    margin: 5px;
}


.boxRecommImage img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 120px;
}


.boxHeader {
    font-weight: bold;
    font-size: 16px;
}


.menuItemNew {
    font-size: 18px;
    color: white;
    display: block;
    padding: 5px 20px;
}


.menuItemNew:hover {
    font-size: 18px;
    background: #fff;
    color: #3984e6;
}


.menuItem {
    font-size: 20px;
    font-weight: bold;
    color: black;
    padding: 22px 49px;
}


.menuItem:hover {
    background: #c4565a;
    color: #fff;
}


.SubmenuItem {
    color: white;
    text-align: center;
    padding: 10px;
    margin: 20px;
    font-size: 14px;
    width: 150px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    display: inline-block;
}


.SubmenuItem a {
    color: white;
}



.sectiontitle {
    color: white;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px;
    width: 220px;
    background: #777777;
    padding: 5px 20px;
}


.sidebar {
    text-align: center;
}


.topstrip {
    /* fallback */
    background-color: #0587ee;
    height: 68px;
    padding: 20px;
    /*background: -ms-linear-gradient(top, #AF0E16, #E1797F);*/
}


.bottomstrip {
    background-color: #72AFE2;
    background: linear-gradient(#72AFE2, #191e29);
}


.boxtitle {
    background-color: #1E6094;
    padding: 7px;
    background: linear-gradient( #1E6094, #72AFE2);
    color: white;
    font-weight: bold;
}


.middlestrip {
    /* fallback */
    background-color: #F6F2EF;
}



.boxItem {
    width: 200px;
    display: inline-block;
    padding: 5px;
    margin: 16px;
}


.boxItem img {
    width: 200px;
    border-radius: 6px 6px 6px 6px;
}


.boxItem2 {
    width: 200px;
    height: 368px;
    float: left;
    padding: 5px;
    margin: 16px;
    border-bottom-style: dotted;
    border-width: 1px;
}


.boxItem2 img {
    width: 190px;
    height: 190px;
    text-align: center;
}


.briefdesp {
    height: 180px;
    overflow: hidden;
}



.sidebar {
    background-color: #ccc;
    background: -ms-linear-gradient(top, #b81313, #da8282);
}


.sidebar a {
    color: white;
}


.boxBorder {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: cornflowerblue;
    border-radius: 8px;
}


.boxBorder2 {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: cornflowerblue;
}


.mainBody {
    background: #191e29;
}


.we {
    width: 100%;
    height: 800px;
    background-image: url("/DBSkin/Communities/n00000317/Themes/Theme_CUST/C00223358v1/Images/homepage-bg.png ");
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 100%;
    background-color: transparent;
}


.we h2 {
    font-size: 36px;
    color: #fff;
    line-height: 94px;
}


.we p {
    font-size: 29px;
    color: #fff;
    line-height: 79px;
}


.logoMun {
    width: 24%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
}


.sin {
    border: 1px solid #dcdbdb;
    height: 153px;
    width: 100%;
    box-shadow: 2px 0px 8px #dcdbdb;
}


.fot {
    display: inline-block;
    text-align: center;
}


.fot span {
    font-size: 18px;
    color: #9f9f9f;
}


.lis {
    margin: 1%;
    float: left;
    overflow: hidden;
    box-shadow: 0px 1px 9px #ccc;
    width: 31%;
    height: 280px;
}


.syl {
    display: inline-block;
    margin: auto;
    box-shadow: 0px 1px 9px #ccc;
    min-width: 100%;
    height: 191px;
    overflow: hidden;
    margin-bottom: 15px;
}


.syll {
    margin-right: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    height: 200px;
}


.lists {
    position: absolute;
    top: 179px;
    background: #236ed8;
    line-height: 34px;
}


.lists a:hover {
    background-color: #72AFE2;
}


.tops {
    background: #fff;
    padding: 35px;
    font-size: 18px;
    margin-bottom: 20px;
}


.tops a:hover {
    background-color: #11aa8c;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
}


.CustomTabStyle .ajax__tab_header {
    font-size: 11px;
    background-color: red;
}


.Fats .ajax__tab_header .ajax__tab_outer {
    background-image: url();
}


.curriculum {
    width: 50%;
    border: 1px solid #ccc;
    float: left;
    display: inline-flex;
    margin-bottom: 10px;
    align-items: center;
}



.centre {
    width: 1080px;
    margin: auto;
}


.FormSys_ItemBoxs {
    width: 261px;
    max-height: 321px;
    margin: 10px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 1px 1px 5px #ccc;
    padding: 5px;
}


.FormSys_ItemBoxsxue {
    width: 330px;
    height: 390px;
    margin: 10px;
    overflow: hidden;
    display: inline-block;
    background: #cfdff5;
}


.FormSys_ItemBoxImageBoxs {
    width: 330px;
    height: 265px;
    overflow: hidden;
    padding: 10px;
    display: inline-block;
}


.FormSys_ItemBoxconten {
    padding: 10px;
}


.single-member {
    width: 215px;
    float: left;
    margin: 30px 2.5%;
    background-color: #fff;
    text-align: center;
    position: relative;
}


.member-image img {
    max-width: 100%;
    vertical-align: middle;
}


h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0 0;
    text-transform: uppercase;
}


h5 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 22px;
}


.social-touch a {
    display: inline-block;
    width: 27px;
    height: 26px;
    vertical-align: middle;
    margin: 0 2px;
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
    opacity: 0.7;
    transition: 0.3s;
}


.social-touch a:hover {
    opacity: 1;
    transition: 0.3s;
}


.fb-touch {
    background-position: 0 0;
}


.tweet-touch {
    background-position: -35px 0;
}


.linkedin-touch {
    background-position: -71px 0;
}


.icon-colored .fb-touch {
    background-position: 0 -27px;
}


.icon-colored .tweet-touch {
    background-position: -35px -27px;
}


.icon-colored .linkedin-touch {
    background-position: -71px -27px;
}




.effect-3 {
    max-height: 200px;
    min-height: 390px;
    overflow: hidden;
}


.effect-3 h3 {
    padding-top: 7px;
    line-height: 33px;
}


.effect-3 p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    padding: 0 30px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 300px;
}


.effect-3 .member-image {
    border-bottom: 5px solid #e5642b;
    transition: 0.4s;
    height: 300px;
    width: 100%;
    display: inline-block;
    float: none;
    vertical-align: middle;
    overflow: hidden;
}


.effect-3 .member-info {
    transition: 0.4s;
}


.effect-3 .member-image img {
    width: 100%;
    vertical-align: bottom;
}


.effect-3 .social-touch {
    background-color: #e5642b;
    float: left;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding: 5px 0;
    width: 100%;
    transition: 0.4s;
}


.effect-3:hover .member-image {
    border-bottom: 0;
    border-radius: 0 0 50px 50px;
    height: 81px;
    display: inline-block;
    overflow: hidden;
    width: 109px;
    transition: 0.4s;
}


.snav img {
    width: 120px;
    height: 120px;
    margin: 3px;
    display: inline-block;
}


.FormSys_ItemBoxss {
    width: 267px;
    height: 350px;
    border: solid;
    border-color: #d4d7dd;
    margin: 5px;
    padding: 5px;
    overflow: hidden;
    display: inline-block;
}


.images img {
    width: 100%;
}


.Sign_in {
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-family: 黑体;
    font-size: 16px;
    border-width: 1px;
    margin: 5px;
}


.Return {
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-size: 16px;
    font-family: 黑体;
}


.rem {
    padding: 20px;
}


.rem a:hover img {
    border-radius: 50%;
    transition: all 0.5s ease;
}


.FormSys_Boxbor {
    border: none;
}


.FormSys_Table_NoBorders {
    background-color: #FFFFFF;
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}


.FormSys_Table_NoBorders td {
    padding: 0;
}


.FormSys_lists {
    width: 400px;
    padding: 5px;
    position: absolute;
    visibility: hidden;
    background-color: #FFFFFF;
    z-index: 200;
    color: #333333;
}


.FormSys_MenuItems {
    color: #6d6969;
    font-size: 14px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    width: 140px;
    display: inline-block;
    white-space: nowrap;
}


.remen {
    width: 100%;
    height: 220px;
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px 0;
}


.FormSys_accordionHeaders {
    color: white;
    background-color: #3984e6;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
}


.bottnbotm {
    padding: 5px 28px;
    background: #3984e6;
    color: White;
    font-size: 16px;
}



/*二级页面导航*/
上海市新知进修学院     版权所有 © 2016-- 2022
    中国上海上海黄浦区北海路8号福申大厦18楼     400-870-2886     
    
Powered by :