portfollo.css
2.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
.portfolio-hardware-top{
background: #fff;
padding-top: 101px !important;
}
.portfolio-hardware-wrap li{
color:rgba(6,14,19,.8);
font-size: 20px;
cursor: pointer;
}
.portfolio-hardware-wrap li:nth-of-type(1){
padding-top: 60px;
background: url("../images/portfolio-hardware-wrap-1.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(2){
padding-top: 60px;
background: url("../images/portfolio-hardware-wrap-2.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(3){
padding-top: 60px;
background: url("../images/portfolio-hardware-wrap-3.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(4){
padding-top: 60px;
background: url("../images/portfolio-hardware-wrap-4.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(1).active{
color: #3F9FFE;
padding-bottom: 10px;
border-bottom: 3px solid rgba(63,159,254,1);
background: url("../images/portfolio-hardware-wrap-1-active.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(2).active{
color: #3F9FFE;
padding-bottom: 10px;
border-bottom: 3px solid rgba(63,159,254,1);
background: url("../images/portfolio-hardware-wrap-2.png") no-repeat center 0;
/*background: url("../images/portfolio-hardware-wrap-2-active.png") no-repeat center 0;*/
}
.portfolio-hardware-wrap li:nth-of-type(3).active{
color: #3F9FFE;
padding-bottom: 10px;
border-bottom: 3px solid rgba(63,159,254,1);
background: url("../images/portfolio-hardware-wrap-3-active.png") no-repeat center 0;
}
.portfolio-hardware-wrap li:nth-of-type(4).active{
color: #3F9FFE;
padding-bottom: 10px;
border-bottom: 3px solid rgba(63,159,254,1);
background: url("../images/portfolio-hardware-wrap-4-active.png") no-repeat center 0;
}
.portfolio-section-wrap{
height: 596px;
overflow: hidden;
}
.portfolio-section-wrap>li{
height: 596px;
}
.portfolio-section-wrap>li li{
height: 596px;
}
.displaynone{
display: none;
}
.ortfolio-hardware-bottom-1>li:nth-of-type(1){
background: #ffff00;
}
.ortfolio-hardware-bottom-1 li:nth-of-type(2){
padding-left: 100px;
}
.ortfolio-hardware-bottom-2 li:nth-of-type(1){
background: #f00;
}
.ortfolio-hardware-bottom-2 li:nth-of-type(2){
}
.ortfolio-hardware-bottom-3 li:nth-of-type(1){
background: #f0f;
}
.ortfolio-hardware-bottom-3 li:nth-of-type(2){
}
.ortfolio-hardware-bottom-title{
font-size:30px;
font-weight:bold;
color:rgba(0,0,0,.8);
margin: 239px 0 27px;
text-align: left;
}
.ortfolio-hardware-bottom-des{
font-size: 16px;
text-align: left;
color:rgba(0,0,0,.6);
padding-left: 20px;
position: relative;
}
.ortfolio-hardware-bottom-des:before{
position: absolute;
content: '';
left: 0;
top:50%;
margin-top: -3px;
width:6px;
height:6px;
background:rgba(66,160,251,1);
border-radius:50%;
}