Difference between revisions of "Team:Elan Vital Korea/style"
| (18 intermediate revisions by the same user not shown) | |||
| Line 32: | Line 32: | ||
.mb10 { | .mb10 { | ||
margin-bottom:10px; | margin-bottom:10px; | ||
| + | } | ||
| + | .mb20 { | ||
| + | margin-bottom:20px; | ||
} | } | ||
.ml5 { | .ml5 { | ||
| Line 152: | Line 155: | ||
.w980 { | .w980 { | ||
width:980px; | width:980px; | ||
| + | } | ||
| + | .w1100 { | ||
| + | width:1100px; | ||
} | } | ||
.f-size12 { | .f-size12 { | ||
| Line 292: | Line 298: | ||
position:fixed; | position:fixed; | ||
font-family: Verdana, Helvetica, sans-serif; | font-family: Verdana, Helvetica, sans-serif; | ||
| + | z-index:1000; | ||
} | } | ||
.subnav ul { | .subnav ul { | ||
| Line 326: | Line 333: | ||
font-size:80px; | font-size:80px; | ||
text-align:center; | text-align:center; | ||
| + | min-width:980px; | ||
} | } | ||
| + | .sub-top-title3 { | ||
| + | color:#FFF; | ||
| + | font-size:80px; | ||
| + | text-align:center; | ||
| + | min-width:1100px; | ||
| + | } | ||
| + | |||
.sub-top-title2 { | .sub-top-title2 { | ||
color:#FFF; | color:#FFF; | ||
| Line 403: | Line 418: | ||
border-right:1px solid #686868; | 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 { | .cmt { | ||
font-size:12px; | font-size:12px; | ||
| Line 485: | Line 552: | ||
.HUMANtitle { | .HUMANtitle { | ||
color:#000; | color:#000; | ||
| − | font-size: | + | font-size:20px; |
text-align:center; | text-align:center; | ||
font-family: Verdana, Helvetica, sans-serif; | font-family: Verdana, Helvetica, sans-serif; | ||
| Line 492: | Line 559: | ||
.humanwrap li { | .humanwrap li { | ||
display:inline-block; | 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 { | .pdf { | ||
| Line 685: | Line 768: | ||
.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} | .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} | ||
| + | |||
| + | /***********result*************/ | ||
| + | .tbl2 { | ||
| + | text-align:center; | ||
| + | } | ||
| + | .tbl2 table { | ||
| + | font-size:12px; | ||
| + | font-family: Verdana, Helvetica, sans-serif; | ||
| + | color:#525252; | ||
| + | margin:10px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | .tbl2 table th{ | ||
| + | height:20px; | ||
| + | border-bottom:1px solid #686868; | ||
| + | border-top:none; | ||
| + | border-left:none; | ||
| + | border-right:none; | ||
| + | } | ||
| + | .tbl2 table td { | ||
| + | height:20px; | ||
| + | border-left:1px solid #686868; | ||
| + | border-bottom:1px solid #686868; | ||
| + | } | ||
| + | .tbl2 table td.bdr-r { | ||
| + | border-right:1px solid #686868; | ||
| + | } | ||
| + | .tbl2 table caption { | ||
| + | font-size:14px; | ||
| + | font-weight:bold; | ||
| + | } | ||
Latest revision as of 19:51, 18 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; }
/******이미지슬라이드*******/
- 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. */ }
- 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; }
- 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; }
- scrollbox3 {
font-size: 9pt; width:100%; height:600; overflow:auto; padding:0px; border:0; border-style:solid; border-color:E6E6E6; }
- scrollbox2 {
font-size: 9pt; width:100%; height:80; overflow:auto; padding:0px; border:1; border-style:solid; border-color:E6E6E6; }
- 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}
/***********result*************/ .tbl2 { text-align:center; } .tbl2 table { font-size:12px; font-family: Verdana, Helvetica, sans-serif; color:#525252; margin:10px; text-align:center; } .tbl2 table th{ height:20px; border-bottom:1px solid #686868; border-top:none; border-left:none; border-right:none; } .tbl2 table td { height:20px; border-left:1px solid #686868; border-bottom:1px solid #686868; } .tbl2 table td.bdr-r { border-right:1px solid #686868; } .tbl2 table caption { font-size:14px; font-weight:bold; }