Add web design files
This commit is contained in:
456
web-design/Файлы/таблицы css/task.css
Normal file
456
web-design/Файлы/таблицы css/task.css
Normal file
@@ -0,0 +1,456 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
.otstup{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.t1{
|
||||
border: 3px solid #000000;
|
||||
width: 250px;
|
||||
height: 125px;
|
||||
border-spacing: 2px;
|
||||
}
|
||||
.capt{
|
||||
font-size: 21px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.small_capt{
|
||||
font-size: 17px;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
.title{
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.t1_ltd{
|
||||
border: 3px solid #BBBBBB;
|
||||
width: 110px;
|
||||
}
|
||||
.t1_rtd{
|
||||
border: 3px solid #BBBBBB;
|
||||
}
|
||||
|
||||
.t2{
|
||||
border: 6px solid #000000;
|
||||
width: 250px;
|
||||
height: 125px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t2_ltd{
|
||||
width: 110px;
|
||||
border-right: 2px solid #BBBBBB;
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
}
|
||||
.t2_rtd{
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
}
|
||||
.t2_bltd{
|
||||
border-right: 2px solid #BBBBBB;
|
||||
}
|
||||
|
||||
.t3{
|
||||
border: 3px solid #000000;
|
||||
width: 250px;
|
||||
height: 125px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t3_ltd{
|
||||
width: 110px;
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
}
|
||||
.t3_rtd{
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
}
|
||||
|
||||
.t4{
|
||||
border: 3px solid #000000;
|
||||
width: 250px;
|
||||
height: 125px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t4_ltd{
|
||||
width: 110px;
|
||||
}
|
||||
.t4_rtd{
|
||||
border-left: 2px solid #BBBBBB;
|
||||
}
|
||||
|
||||
.t5{
|
||||
border: 3px solid #000000;
|
||||
width: 285px;
|
||||
height: 160px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t5_td{
|
||||
border: 2px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t6{
|
||||
border: 3px solid #000000;
|
||||
width: 300px;
|
||||
height: 125px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t6_ltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t6_rtd{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t6_bltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t6_brtd{
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t7{
|
||||
border: 3px solid #000000;
|
||||
width: 300px;
|
||||
height: 130px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t7_tltd{
|
||||
border-right: 1px solid #000000;
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
height: 35px;
|
||||
}
|
||||
.t7_trtd{
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
height: 35px;
|
||||
}
|
||||
.t7_ltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t7_rtd{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t7_bltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t7_brtd{
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t8{
|
||||
border: 3px solid #000000;
|
||||
width: 340px;
|
||||
height: 140px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t8_tltd{
|
||||
border-right: 2px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.t8_height{
|
||||
height: 30px;
|
||||
}
|
||||
.t8_trtd{
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.t8_ltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t8_rtd{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t8_bltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t8_brtd{
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t10{
|
||||
border: 3px solid #000000;
|
||||
width: 370px;
|
||||
height: 175px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t10_left{
|
||||
width: 140px;
|
||||
}
|
||||
.t10_htd{
|
||||
border: 1px solid #000000;
|
||||
height: 30px;
|
||||
}
|
||||
.t10_trtd{
|
||||
border: 1px solid #000000;
|
||||
background-color:#FF95AC;
|
||||
}
|
||||
.t10_td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t11{
|
||||
border: 3px solid #000000;
|
||||
width: 370px;
|
||||
height: 175px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t11_left{
|
||||
width: 140px;
|
||||
}
|
||||
.t11_htd{
|
||||
border: 1px solid #000000;
|
||||
height: 30px;
|
||||
}
|
||||
.t11_td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t13{
|
||||
border: 3px solid #000000;
|
||||
width: 200px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t13 td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t14{
|
||||
border: 3px solid #000000;
|
||||
width: 200px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t14 td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t15{
|
||||
border: 3px solid #000000;
|
||||
width: 200px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t15 td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t16{
|
||||
border: 3px solid #000000;
|
||||
width: 150px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
.t16 td{
|
||||
border: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t17{
|
||||
border: 3px solid #000000;
|
||||
width: 340px;
|
||||
height: 140px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t17_height{
|
||||
height: 30px;
|
||||
}
|
||||
.t17_tltd{
|
||||
border-right: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
background-color:#B8E7E3;
|
||||
}
|
||||
.t17_trtd{
|
||||
border-bottom: 1px solid #000000;
|
||||
background-color:#B8E7E3;
|
||||
}
|
||||
.t17_ltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
background-color:#EFEEC6;
|
||||
}
|
||||
.t17_rtd{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
background-color:#EFEEC6;
|
||||
}
|
||||
.t17_bltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
background-color:#EFEEC6;
|
||||
|
||||
}
|
||||
.t17_brtd{
|
||||
padding-left: 7px;
|
||||
background-color:#EFEEC6;
|
||||
}
|
||||
|
||||
.t18{
|
||||
border: 3px solid #000000;
|
||||
width: 340px;
|
||||
height: 140px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t18_height{
|
||||
height: 30px;
|
||||
}
|
||||
.mozilla18{
|
||||
background-color: pink;
|
||||
}
|
||||
.google18{
|
||||
background-color: lightgreen;
|
||||
}
|
||||
.safari18{
|
||||
background-color: lightblue;
|
||||
}
|
||||
.t18_tltd{
|
||||
border-right: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.t18_trtd{
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.t18_ltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t18_rtd{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t18_bltd{
|
||||
border-right: 1px solid #BBBBBB;
|
||||
padding-left: 7px;
|
||||
|
||||
}
|
||||
.t18_brtd{
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.t19{
|
||||
width: 350px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t19 td{
|
||||
border-bottom: 2px solid #BBBBBB;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.t20{
|
||||
width: 350px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t20_align{
|
||||
text-align: center
|
||||
}
|
||||
.t20_ttd{
|
||||
border-bottom: 2px solid #000000;
|
||||
height: 35px;
|
||||
}
|
||||
.t20_ltd{
|
||||
height: 35px;
|
||||
padding-left: 7px;
|
||||
border-left: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
}
|
||||
.t20_rtd{
|
||||
height: 35px;
|
||||
padding-left: 7px;
|
||||
border-right: 1px solid #BBBBBB;
|
||||
border-left: 1px solid #BBBBBB;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
}
|
||||
|
||||
.t21{
|
||||
width: 390px;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
.t21 td{
|
||||
font-family: Arial;
|
||||
}
|
||||
.t21 caption{
|
||||
font-size: 30px;
|
||||
padding-bottom: 10px;
|
||||
font-family: Arial;
|
||||
text-align: left;
|
||||
}
|
||||
.t21_padding{
|
||||
padding-left: 7px;
|
||||
}
|
||||
.t21_align_center{
|
||||
text-align: center;
|
||||
}
|
||||
.t21_align_right{
|
||||
text-align: right;
|
||||
padding-right: 7px;
|
||||
}
|
||||
.t21_tltd{
|
||||
border: 1px solid #000000;
|
||||
height: 35px;
|
||||
background-color: teal;
|
||||
color: white;
|
||||
width: 125px;
|
||||
}
|
||||
.t21_tctd{
|
||||
background-color: lightblue;
|
||||
color: white;
|
||||
width: 140px;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.t21_trtd{
|
||||
background-color: teal;
|
||||
color: white;
|
||||
width: 125px;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
.t21_td{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
height: 35px;
|
||||
}
|
||||
.t21_yellow{
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
height: 35px;
|
||||
background-color:#EFEEC6;
|
||||
}
|
||||
|
||||
.t22{
|
||||
width: 504px;
|
||||
border-spacing: 7px;
|
||||
}
|
||||
.t22 td{
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
height: 18px;
|
||||
}
|
||||
.t22_space{
|
||||
width: 5px;
|
||||
}
|
||||
.t22_orange{
|
||||
background-color: orange;
|
||||
width: 56px;
|
||||
}
|
||||
.t22_blue{
|
||||
background-color: skyblue;
|
||||
width: 56px;
|
||||
}
|
||||
.t22_green{
|
||||
background-color:mediumseagreen;
|
||||
width: 56px;
|
||||
}
|
||||
.t22_purple{
|
||||
background-color: magenta;
|
||||
width: 56px;
|
||||
}
|
||||
Reference in New Issue
Block a user