Difference between revisions of "Team:Elan Vital Korea/style"

Line 561: Line 561:
 
}
 
}
 
.human_list {
 
.human_list {
 +
margin-top:40px;
 
}
 
}
 
.human_list li {
 
.human_list li {

Revision as of 17:46, 16 September 2015

/* CSS Document */


/*default*/ .m-10 { margin-top:-10px; } .m-40 { margin-top:-40px; } .m0 { margin-top:0; } .m10 { margin-top:10px; } .m20 { margin-top:20px; } .m30 { margin-top:30px; } .m40 { margin-top:40px; } .m50 { margin-top:50px; } .m80 { margin-top:80px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .ml5 { margin-left:5px; } .ml10 { margin-left:10px; } .ml40 { margin-left:50px; } .ml50 { margin-left:50px; } .ml60 { margin-left:60px; } .ml160 { margin-left:160px; } .ml350 { margin-left:350px; } .mr0 { margin-right:0; } .p10 { padding:10px; } .p15 { padding:15px; } .pl5 { padding-left:5px; } .pl20 { padding-left:20px; } .pl30 { padding-left:30px; } .pl40 { padding-left:40px; } .pl50 { padding-left:50px; } .pl960 { padding-left:px; } .pt20 { padding-top:20px; } .pt40 { padding-top:40px; } .pt80 { padding-top:80px; } .pb40 { padding-bottom:40px; } .align-c { text-align:center } .align-r { text-align:right; } .align-l { text-align:left; } .mar-c { margin:0 auto; } .txt-i { font-style:italic; } .txt-g { color:#999999; } .txt-g55 { color:#555555; } .w10 { width:10px; } .w88 { width:88px; } .w200 { width:200px; } .w256 { width:256px; } .w200 { width:200px } .w260 { width:260px } .w300 { width:300px } .w340 { width:340px } .w640 { width:640px; } .w600 { width:600px; } .w700 { width:700px; } .w900 { width:900px; } .w980 { width:980px; } .w1100 { width:1100px; } .f-size12 { font-size:12px; } .f-size13 { font-size:13px; } .f-size15 { font-size:15px; } .f-size30 { font-size:30px; } .bgf5 { background:#f5f5f5; } .back-y { background:#fff2c2 } .back-g { background:#f1f1f1; } .back-gb { background:#dbe4e6; } .back-gy { background:#ebe9dd; } .liststyle-c li { list-style:disc; } .liststyle-num li { list-style:decimal; } .pdfLink a { color:#00778c; } .pdfLink a:hover { color:#00c2e4; } .link a { color:#fff; background:#00778c; text-decoration:none; padding:0 3px; } .link a:hover { background:#00c2e4; color:#FF0; }


/***********************main**********************/ .mainContent { background:#5ab9cd; width:100%; min-width:1100px; }

/******이미지슬라이드*******/

  1. promotion{

width:1100px; margin:0 auto; padding:83px 0 0 0; height:516px } .stepcarousel{ margin:0 auto; width:1100px; z-index:1 }

.stepcarousel .belt{ position:relative; }

.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 1100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }

  1. promotion .panel{

text-align: center; }


.downbar { width:100%; background:#00396e; margin:-50px 0 0 0; } .downbar li { margin:0 auto; width:1100px; padding:3px 0; } .welcome { background:#ffea95; } .welcome ul li { display:inline-block; } .welcome li .welcomeimg { width:311px; margin:300px 0 0 20px; vertical-align:top }

.mainTitle { color:#000000; font-family: Verdana, Helvetica, sans-serif; font-size:50px; } .maintxt { color:#6c6c6c; font-family: Verdana, Helvetica, sans-serif; font-size:18px; line-height:25px; } .sitemap { background:#ffbeb8; } .quickMenu { background:#d0eae7; } .quickMenu ul li { display:inline-block; margin-right:40px; }


/**********서브메뉴*****/ .subnav { width:100%; background:#f0f0f0; height:20px; padding:90px 0 10px 5px; font-size:13px; position:fixed; font-family: Verdana, Helvetica, sans-serif;

       z-index:1000;

} .subnav ul { width:980px; margin:0 auto; } .subnav ul li { display:inline; margin-right:20px; } .subnav a { color:#565656; text-decoration:none; } .subnav a:hover { color:#5ab9cc; }

/*notebook*/

.sub-top { width:100%; background:#5ab9cd; height:150px; padding:150px 0 0 0; font-family: Verdana, Helvetica, sans-serif; /*width:980px; margin:0 auto; padding:75px 0 30px 0;

   position:inherit;*/

} .sub-top-title { color:#FFF; font-size:80px; text-align:center; min-width:980px; } .sub-top-title3 { color:#FFF; font-size:80px; text-align:center; min-width:1100px; }

.sub-top-title2 { color:#FFF; font-size:60px; text-align:center; height:200px; }

  1. notebook, #protocols, #LabPictures, #Safty, #members, #Safty, #HUMAN, #PARTS {

padding-bottom:120px;

} .notebook, .protocols, .LabPictures, .Safty, .members, .Safty, .HUMAN { color:#000; font-size:40px; text-align:center; font-family: Verdana, Helvetica, sans-serif; padding:0 0 40px 0; }


.list-note-01 { width:980px; margin:0 auto;

   position:inherit;

} .day { font-size:19px; font-family: Verdana, Helvetica, sans-serif; color:#FFF;

   font-weight:lighter;

background:#9d9d9d; padding:2px 0 2px 2px; margin-bottom:10px; } .content-txt { font-size:14px; font-family: Verdana, Helvetica, sans-serif; color:#3b3b3b; line-height:20px; } .sub-title { font-size:17px; font-family:bold Verdana, Helvetica, sans-serif; color:#000;

} .tbl table { border:1px solid #686868; font-size:14px; font-family: Verdana, Helvetica, sans-serif; color:#525252; margin:10px; } .tbl table th { font-weight:lighter; text-align:left; padding:0.5em 0 0.5em 0.3em; border-bottom:1px solid #686868; border-right:1px solid #686868; } .tbl table td { text-align:center; border-bottom:1px solid #686868; } .tbl table th.bdr-bt-none, .tbl table td.bdr-bt-none { border-bottom:none; } .tbl table td.back-y { background:#fff2c2; } .tbl table td.left { text-align:left; padding-left:0.3em; } .tbl table td.bdr-right { border-right:1px solid #686868; }

.partstbl table { border:1px solid #686868; font-size:14px; font-family: Verdana, Helvetica, sans-serif; color:#525252; margin:10px; } .partstbl table th { text-align:center; font-weight:bold; padding:0.5em 0 0.5em 0.3em; border-bottom:1px solid #686868; border-right:1px solid #686868; height:50px; } .partstbl table td { border-bottom:1px solid #686868; border-right:1px solid #686868; height:30px; padding-left:10px; } .partstbl table td a{ color:#0066FF; text-decoration:none; } .partstbl table td a:hover{ background:#00CCFF; color:#FFF; } .partstbl table th.bdr-bt-none, .partstbl table td.bdr-bt-none { border-bottom:none; } .partstbl table td.back-y { background:#fff2c2; } .partstbl table td.left { text-align:left; padding-left:0.3em; } .partstbl table td.bdr-right { border-right:1px solid #686868; }


.cmt { font-size:12px; font-family: Verdana, Helvetica, sans-serif; color:#181818; margin:-10px 0 20px 0; }

.cmt { font-size:12px; font-family: Verdana, Helvetica, sans-serif; color:#181818; margin:-10px 0 20px 0; }

p.img-align { width:980px; text-align:center;

       margin-top:10px;

}

/**safety***/

.content-txt-list li { font-size:14px; font-family: Verdana, Helvetica, sans-serif; color:#3b3b3b; line-height:20px; display:block; overflow:auto; list-style:disc; }


/**************protocols************/ .content-title { font-size:19px; font-family: Verdana, Helvetica, sans-serif; color:#5ab9cd; text-decoration:underline; margin-bottom:10px; } .content-sub-title { font-size:15px; font-family: Verdana, Helvetica, sans-serif; color:#3b3b3b;

   font-weight:lighter;

padding:2px 0 2px 2px; margin-bottom:10px; }

/*********team member********/ .team_intro { width:800px; margin:0 auto; }

.member_intro { border:1px solid #8c8c8c; font-family: Verdana, Helvetica, sans-serif; line-height:20px; padding:20px 10px; } .member_intro ul li { display:inline-block; margin-left:10px; } .member_intro li img { width:256px; } .coach_intro { width:450px; padding:5px 3px; font-family: Verdana, Helvetica, sans-serif; line-height:20px;

} .coach_intro img { width:200px; }


/***********human***********/

.humanwrap { font-family: Verdana, Helvetica, sans-serif; line-height:25px; } .HUMANtitle { color:#000; font-size:20px; text-align:center; font-family: Verdana, Helvetica, sans-serif; margin:0 0 40px 0; } .humanwrap li { display:inline-block; } .human_list {

margin-top:40px;

} .human_list li { font-family: Verdana, Helvetica, sans-serif; display:inline-block; width:300px; font-size:13px; color:#3b3b3b; line-height:25px; margin-left:10px; vertical-align:top; } .human_list li img { width:300px; } .pdf { font-size:12px; text-align:center; line-height:20px; } .pdf li { display:inline-block; width:300px; text-align:center; } .pdf a { color:#00778c; } .pdf a:hover { color:#00c2e4; }

/***********parts************/ .PARTS { color:#000; font-family: Verdana, Helvetica, sans-serif; padding:5px 0 5px 10px; background:#fffed1; } .part_sub { font-family: Verdana, Helvetica, sans-serif; font-size:20px; color:#999999; padding:0 0 10px 0; } .partsLine { width:100%; border-bottom:1px dotted #808080; margin:80px 0; }

  1. scrollbox3 {

font-size: 9pt; width:100%; height:600; overflow:auto; padding:0px; border:0; border-style:solid; border-color:E6E6E6; }

  1. scrollbox2 {

font-size: 9pt; width:100%; height:80; overflow:auto; padding:0px; border:1; border-style:solid; border-color:E6E6E6; }

  1. scrollbox {

font-size: 9pt; width:100%; height:210; overflow:auto; padding:0px; border:1; border-style:solid; border-color:E6E6E6; }

.DC_P:LINK {

 FONT-SIZE: 11PX;
 COLOR: #FFFFFF;
 FONT-WEIGHT:BOLD;
 FONT-FAMILY: "dotum", "Arial", "sans-serif";

}

.DC_P:VISITED {

 FONT-SIZE: 11PX;
 COLOR: #FFFFFF;
 FONT-WEIGHT:BOLD;
 FONT-FAMILY: "dotum", "Arial", "sans-serif";

}

.DC_P:HOVER {

 FONT-SIZE: 11PX;
 COLOR: #FFFFFF;
 FONT-WEIGHT:BOLD;
 TEXT-DECORATION: UNDERLINE;
 FONT-FAMILY: "dotum", "Arial", "sans-serif";

}

.dc_input {

  border-top:solid 1px #818181;
  border-left:solid 1px #818181;
  border-right:solid 1px #CDCDCD;
  border-bottom:solid 1px #CDCDCD;

BACKGROUND-COLOR: #F8F8F8; font-size : 12px;

COLOR: #4B4B4B; }

.dc_input_hidden { border:none; border-top:solid 1px transparent; border:solid 1px transparent; background-color:transparent; font-size : 12px;

COLOR: #4B4B4B; }

.dc_table01 { border-top:solid 1px #E6E6E6; border-right:solid 1px #CDCDCD; border-bottom:solid 1px #E6E6E6; }

.dc_table01_1 { border-top:solid 1px #E6E6E6; border-right:solid 1px #CDCDCD; }

.dc_table02 { border-top:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; }

.dc_table03 { border-top:solid 1px #E6E6E6; }

.dc_table04 { border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; }

.dc_table044 { border-bottom:solid 1px #E6E6E6; }

.dc_table05 { border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }

.s_font { font-size:11px; font-family:dotum; word-spacing:-1px; }

.w_font { letter-spacing:-2px;

}


.dc_price

{

font-size:12px; font-family:"Arial", "Helvetica", "sans-serif";

	color:#000000;
}

.qr_tab a, .qr_tab img { outline:none; }

.qr_view_frame { height:290px; border:solid 1px #dadada; padding:15px; }


.tabledd1 { border-top: solid 1px #dadada;} .tabledd23 { border-right: solid 1px #dadada;border-bottom: solid 1px #dadada;} .tabledd2 { border-right: solid 1px #dadada;} .tabledd3 { border-bottom: solid 1px #dadada;}


.input01 {BORDER-RIGHT: #d4d4d4 1px solid; BORDER-TOP: #d4d4d4 1px solid; BORDER-LEFT: #d4d4d4 1px solid; BORDER-BOTTOM: #d4d4d4 1px solid; BACKGROUND-COLOR: #ffffff;font-size :14px; color :#939393}