web-timofeev

1
/*
2
Theme Name: Theme-Portfolio
3
Theme URI: Theme-Portfolio
4
Author: A. Timofeev
5
Author URI: https://vk.com/al.d.timofeev
6
Description: Тема портфолио WordPress 6.4.
7
Tags: blog, portfolio
8
*/
9

10
 
11
header {
12
    margin-top: 80px;
13
    margin-bottom: 50px;
14
}
15
.scroll-list {
16
    position: fixed;
17
} 
18
h1, 
19
h2, 
20
p,
21
a {
22
    font-family: 'Roboto', sans-serif;
23
}
24

25
h1 span {
26
    font-size: 18px;
27
    font-style: italic;
28
}
29
address {
30
    margin-top: 30px;
31
}
32
.card-img-top {
33
    transition: transform ease-in-out 0.3s;
34
    z-index: 1;
35
        }
36
.card-img-top:hover {
37
    transform: scale(1.4);
38
    z-index: 9;
39
    box-shadow:  10px 10px 22px #636363,
40
     -10px -10px 22px #ffffff;
41
}
42
.project-block, .skills-block {
43
    margin-top: 50px;
44
}
45

46
.main-img {
47
    margin-bottom: 30px;
48
    width: 250px;
49
    clip-path: polygon(100% 44%, 91% 40%, 89% 33%, 91% 22%, 92% 12%, 92% 0%, 44% 0%, 43% 7%, 42% 15%, 42% 24%, 43% 33%, 47% 40%, 48% 47%, 42% 50%, 36% 56%, 31% 65%, 27% 74%, 25% 82%, 22% 91%, 19% 100%, 38% 100%, 59% 100%, 80% 91%, 93% 73%);			
50
    transition: transform ease-in-out 0.3s;
51

52

53
    /* clip-path: polygon(67% 0%, 84% 0%, 91% 0%, 93% 4%, 92% 9%, 92% 15%, 91% 21%, 90% 30%, 89% 35%, 90% 40%, 94% 42%, 98% 44%, 99% 49%, 100% 57%, 100% 86%, 99% 92%, 97% 95%, 94% 97%, 92% 100%, 64% 100%, 55% 100%, 49% 98%, 47% 95%, 43% 97%, 41% 100%, 30% 100%, 19% 100%, 15% 98%, 14% 94%, 17% 89%, 20% 83%, 26% 74%, 31% 63%, 37% 52%, 44% 46%, 48% 41%, 47% 36%, 44% 32%, 40% 26%, 38% 18%, 37% 13%, 38% 7%, 41% 3%, 44% 1%, 52% 0%, 59% 0); */
54
    transition: all ease-in-out 1s;
55
}
56
.main-img:hover {
57
    clip-path: polygon(100% 44%, 100% 39%, 100% 32%, 100% 23%, 100% 13%, 100% 0, 44% 0%, 0 0, 0 14%, 0 25%, 0 31%, 0 37%, 0 43%, 0 48%, 0 56%, 0 62%, 0 71%, 0 81%, 0 93%, 0 100%, 38% 100%, 59% 100%, 100% 100%, 100% 74%);			animation-duration: 3s;
58
    border-radius: 20px;
59
    transition: all ease-in-out 0.3s;
60
}
61
.main-img-outsie {
62
    margin-top: 90px;
63
}
64

65

66
.custom-shape-divider-top-1700231678 {
67
    position: fixed;
68
    top: 0;
69
    left: 0;
70
    width: 100%;
71
    overflow: hidden;
72
    line-height: 0;
73
    z-index: 9;
74
}
75

76
.custom-shape-divider-top-1700231678 svg {
77
    position: relative;
78
    display: block;
79
    width: calc(100% + 1.3px);
80
    height: 100px;
81
}
82

83
.custom-shape-divider-top-1700231678 .shape-fill {
84
    fill: #949494;
85
}
86

87

88

89

90
.custom-shape-divider-bottom-1700231832 {
91
    /* position: absolute;
92
    bottom: 0; */
93
    left: 0;
94
    width: 100%;
95
    overflow: hidden;
96
    line-height: 0;
97
    transform: rotate(180deg);
98
}
99

100
.custom-shape-divider-bottom-1700231832 svg {
101
    position: relative;
102
    display: block;
103
    width: calc(100% + 1.3px);
104
    height: 250px;
105
}
106

107
.custom-shape-divider-bottom-1700231832 .shape-fill {
108
    fill: #949494;
109
}
110

111

112

113

114
.bi {
115
    margin-top: -2px;
116
    margin-right: 5px;
117
}
118

119

120
.skills-list {
121
    list-style: none;
122
}
123

124
.opasity0 {
125
    opacity: 0;
126
}
127

128
/* h2 {
129
    background-color: #949494;
130
    color: #ffffff;
131
    border-radius: 5px;
132
}
133
h2 a {
134
    color: #ffffff;
135
} */
136

137
h2 span {
138
    color: #cbcbcb;
139
} 
140

141

142
.breadcrumbs-for-inner-pages {
143
    margin-top: 120px;
144
    display: inline-block;
145
    margin-bottom: 40px;
146
}
147

148
.breadcrumbs-for-inner-pages svg { 
149
    width: 45px;
150
    padding-right: 0;
151
    margin-right: 0;
152

153
}
154

155
.block-inf {
156
    border: 1px solid;
157
    border-radius: 10px;
158
    padding: 20px 20px 0 20px;
159
}
160

161
.skills-block {
162
    padding-bottom: 20px;
163
}
164

165

166
.block-inf p {
167
    overflow: hidden;
168
    text-wrap: nowrap;
169
    white-space: nowrap;  
170
}
171

172

173

174
.button-up {
175
    opacity: .6;
176
    height: 70px;
177
    width: 70px;
178
    background: gray;
179
    border-radius: 50%;
180
        position: fixed;
181
        right: 70px;
182
        bottom: 30px;
183
    cursor: pointer;
184
    transition: all 0.6s ease;
185
    z-index: 2;
186
}
187

188
.button-up:hover {
189
    height: 90px;
190
    width: 90px;
191
    transition: all 0.6s ease;
192
    right: 62.5px;
193
    bottom: 22.5px;
194
    opacity: .4;
195
} 
196

197

198

199
.menu-top {
200
    background-color: #949494;
201
    height: 30px;
202
    width: 100%;
203
    position: fixed;
204
    z-index: 2;
205
}
206

207
.menu-top + div > div:first-child {
208
    top: 30px;
209
}
210

211
.menu-top li {
212
    list-style: none;
213
    color: white;
214
    display: inline;
215
    margin-right: 15px;
216
    cursor: pointer;
217
}
218
.menu-top li:hover {
219
    text-decoration: underline;
220
}
221

222

223

224

225
.wrapper-for-img-and-caption {
226
    padding-top: 30px;
227
}
228

229

230