name : style.css
/* CSS Document */
@font-face {
    font-family: "My Custom Font";
    src: url(DBFongNamX.ttf) format("truetype");
}
body {
    background: #272727;
    color: #D1D3D4;
    padding: 0;
    font-size:22px;
    font-family: "My Custom Font",sans-serif, Verdana, Arial, Helvetica;
    margin: 0px;
    overflow-x:hidden;
    font-smooth: large; 
    /*overflow-y:hidden;*/
}
a{text-decoration:none;color:#ccc;}
a:hover{color:#FF1700;}
div, p, h1, h2, h3, ul {padding: 0px;margin: 0px;}
img{border:0px;}
ul {list-style-type: none;}
/*filter: alpha(opacity=50);  opacity: 0.5;  -khtml-opacity: 0.5;  -moz-opacity: 0.5;*/
hr{padding:0;margin:0;border: none;border-top: 1px solid #414141;clear: both;}
.redline{border: none;border-top: 1px solid #FF1700;position: absolute;top:100px;width: 100%;}
.clear{clear:both;}
.formsent p{padding: 5px 0;}
.formsent label{width: 66px;display: block; float: left;}
.formsent .input{width: 280px;display: block; float: right;background-color: #272727;color:#D1D3D4;border:none;padding: 3px;}
.bttn{width:100px;height: 25px;border: none;background-color: #272727;color:#D1D3D4;display:inline-block;vertical-align: middle;line-height: 25px;}
.style-plus{display: block;float:left;text-align:right;margin-top: 5px;width:195px;padding-right: 10px;padding-left: 18px;background: url(images/bg-style-plus.png) no-repeat #272727;}
.highlight { color: #FF1700; }
/* interior - Layout*/
#wrapper{
    width:1230px;
    margin: 0 auto;
    /*    height: 720px;*/
    position: relative;
}
#header{
    z-index: 9000;
    width:1230px;
    /*    height: 107px;*/
    position: absolute;
    top:0px;left:0px;
}
#body{
    width:1230px;height: 540px;
    background-color:#111111;
    position: absolute;
    top:133px;left:0px;
}
#footer{
    width:1230px;height: 47px;
    position: absolute;
    top:673px;left:0px;
    font-size: 18px;
}
/* */
#logo{
    z-index: 9999;
    text-indent: -9999px;
    width: 65px;height: 68px;
    position: absolute;
    top: 21px;left: 0px;
    background: url('images/logo.png') no-repeat left top;
    cursor:pointer;
}
#menu{
    font-size: 22px;
    /*    font-weight: bold;*/
    width: 1000px;
    position: absolute;top: 103px;right:0px;
}
#submenu{
    font-size: 35px;
    font-smooth: always; 
    /*    font-weight: bold;*/
    width:1000px;
    position: absolute;top:62px;right:0px;
}
#langBar{
    text-align: right;
    font-size: 18px;
    position: absolute;
    top:10px;right: 0px;
    width: 70px;
}

#footertext{ position: absolute;top:10px;left: 0px;width: 250px;}
#footerlink{position: absolute; top:10px;right: 0px;width: 250px;text-align: right;}
#footerlink #co1:hover{color:#FFBF00;text-decoration: none;}
#footerlink #sep{padding:0 5px;}
#footerlink #co2:hover{color:#F16220;text-decoration: none;}
/* End Layout */

.bodyslider {
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
}
.bodyslider img {
    position:absolute;
    list-style: none;
    left:0px;
    top:0px;
}
.bodyslider ul li.show {
    z-index:500
}
/* menu */
ul.tabs{display: table;margin: 0;padding: 0;list-style: none;position: relative;float: right;}
ul.tabs li{margin: 0;padding: 0;list-style: none;display: table-cell;float: left;position: relative;padding-left:5px;text-align: right;}
ul.tabs li.sep{font-weight: normal;}
ul.tabs a{position: relative;display: block;}

/* menu2 */
ul.tabs2{display: table;margin: 0;padding: 0;list-style: none;position: relative;float: right;}
ul.tabs2 li{margin: 0;padding: 0;list-style: none;display: table-cell;float: left;position: relative;padding-left:52px;text-align: right;}
ul.tabs2 a{position: relative;display: block;}
/*.border-right{border-right: 1px solid #333;}*/

/*.pagename{
    width:720px;margin: 0 auto;
    font-size: 24px;
    padding-top:35px;
    height:26px;
      color:red;
}*/
/*.page_content{
    width:807px;margin:0 auto;
}*/
/*.scrollbar{
    width:807px;margin:0 auto;height: 540px;overflow-y: auto;overflow-x: hidden;
}*/
/* gallery */
/*#back_project{background-color: #FF1700;color: #FFF;text-align: center;width: 90px;position: absolute;top:442px;left:20px;z-index: 10000;}
#next_project{background-color: #FF1700;color: #FFF;text-align: center;width: 90px;position: absolute;top:442px;left:115px;z-index: 10000;}
#show_detail{background-color: #FF1700;color: #FFF;text-align: center;width: 80px;position: absolute;top:442px;right:30px;z-index: 10000;}
#show_projectname{text-align: right;width: 400px;position: absolute;top:460px;right:30px;z-index: 10000;}*/
.a_redbutton{color:#fff;line-height: 15px;font-size: 17px;}
.a_redbutton:hover{color:#ddd;}
/*
.locationLeftBox{background:url(images/locationpage-office.jpg) no-repeat top left; height: 439px;}
.joinusLeftBox{background:url(images/joinuspage-join.jpg) no-repeat top left; height: 439px;}
*/
#projectMenu{padding:20px;font-size:26px}
#projectMenu a.current{color:#FF1700;}
#projectList{padding-top:20px;}
/*#projectList #wn{position:relative; width:807px; height:500px;overflow:hidden;}*/
/*#projectList ul{width:760px;}*/
/*#projectList ul li{border-bottom:1px solid #717272;padding:3px 0px;}*/
/*#projectList ul li a{display:block;padding:0 10px;line-height: 23px;clear: both;}*/
/*#projectList ul li a:hover{background-color: #3a3a3a;color:#D1D3D4;}*/
.jobdetail{
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 1em;
    text-indent: -0.5em;
}
.jobdetail li:before {
    content: "- ";
}

© 2024 UnknownSec