← Back to branch summary

~siunlite/+junk/doax

« back to all changes in this revision

Viewing changes to rootsystem/static/css/styles_profile.css

  • Committer: Siunlee Eng
  • Date: 2019-04-10 18:29:42 UTC
  • Revision ID: siunlite@gmail.com-20190410182942-npehyrzba27kyln2
Importación inicial

Show diffs side-by-side

added added

removed removed

Lines of Context:
rootsystem/static/css/styles_profile.css
 
1
/*   
 
2
 * Template Name: Orbit - Responsive Resume/CV Template for Developers
 
3
 * Version: 1.0
 
4
 * Author: Xiaoying Riley
 
5
 * Twitter: @3rdwave_themes
 
6
 * License: Creative Commons Attribution 3.0 License
 
7
 * Website: http://themes.3rdwavemedia.com/
 
8
*/
 
9
/* styles-6.css */
 
10
/* ======= Base ======= */
 
11
body {
 
12
  font-family: 'Roboto', sans-serif;
 
13
  color: #545E6C;
 
14
  background: #f5f5f5;
 
15
  font-size: 14px;
 
16
  padding: 30px;
 
17
  -webkit-font-smoothing: antialiased;
 
18
  -moz-osx-font-smoothing: grayscale;
 
19
}
 
20
h1,
 
21
h2,
 
22
h3,
 
23
h4,
 
24
h5,
 
25
h6 {
 
26
  font-weight: 700;
 
27
}
 
28
 
 
29
a {
 
30
  color: #2e4049;
 
31
  -webkit-transition: all 0.4s ease-in-out;
 
32
  -moz-transition: all 0.4s ease-in-out;
 
33
  -ms-transition: all 0.4s ease-in-out;
 
34
  -o-transition: all 0.4s ease-in-out;
 
35
}
 
36
a:hover {
 
37
  color: #10171a;
 
38
}
 
39
 
 
40
.profile
 
41
 
 
42
p {
 
43
  line-height: 1.5;
 
44
}
 
45
.wrapper {
 
46
  background: #1c282e;
 
47
  max-width: 80%;
 
48
  margin: 0 auto;
 
49
  position: relative;
 
50
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
 
51
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
 
52
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
 
53
}
 
54
.sidebar-wrapper {
 
55
  background: #1c282e;
 
56
  position: absolute;
 
57
  left: 0;
 
58
  width: 30%;
 
59
  height: 100%;
 
60
  
 
61
  color: #fff;
 
62
}
 
63
 
 
64
.sidebar-wrapper .profile{
 
65
  margin: 5px;
 
66
  width:100%;
 
67
  height: auto;
 
68
}
 
69
.sidebar-wrapper a {
 
70
  color: #fff;
 
71
}
 
72
.sidebar-wrapper .profile-container {
 
73
  padding: 30px;
 
74
  background: #1c282e;
 
75
  text-align: center;
 
76
  color: #fff;
 
77
}
 
78
 
 
79
.main-wrapper {
 
80
  background: #fff;
 
81
  padding: 60px;
 
82
  padding-left: 380px;
 
83
}
 
84
.main-wrapper .section-title {
 
85
  text-transform: uppercase;
 
86
  font-size: 20px;
 
87
  font-weight: 500;
 
88
  color: #2e4049;
 
89
  position: relative;
 
90
  margin-top: 0;
 
91
  margin-bottom: 0;
 
92
}
 
93
.main-wrapper .section-title-sin-icono {
 
94
  text-transform: uppercase;
 
95
  font-size: 20px;
 
96
  font-weight: 500;
 
97
  color: #2e4049;
 
98
  position: relative;
 
99
  margin-top: 0;
 
100
  margin-bottom: 4px;
 
101
  margin-left: 6%;
 
102
}
 
103
.main-wrapper .section-title .fa {
 
104
  width: 30px;
 
105
  height: 30px;
 
106
  margin-right: 8px;
 
107
  display: inline-block;
 
108
  color: #fff;
 
109
  -webkit-border-radius: 50%;
 
110
  -moz-border-radius: 50%;
 
111
  -ms-border-radius: 50%;
 
112
  -o-border-radius: 50%;
 
113
  border-radius: 50%;
 
114
  -moz-background-clip: padding;
 
115
  -webkit-background-clip: padding-box;
 
116
  background-clip: padding-box;
 
117
  background: #2e4049;
 
118
  text-align: center;
 
119
  padding-top: 8px;
 
120
  font-size: 16px;
 
121
  position: relative;
 
122
  top: -2px;
 
123
}
 
124
.main-wrapper .section {
 
125
  margin-bottom: 40px;
 
126
}
 
127
 
 
128
.main-wrapper .section-subtitle {
 
129
  color: #3F4650;
 
130
  font-size: 18px;
 
131
  margin-top: 0;
 
132
  margin-bottom: 5px;
 
133
  font-weight: 500;
 
134
  margin-left: 6%;
 
135
}
 
136
 
 
137
.main-wrapper .datos {
 
138
  margin-bottom: 10px;
 
139
  color: #2e4049;
 
140
  margin-left: 6%;
 
141
}
 
142
 
 
143
.footer {
 
144
  padding: 30px;
 
145
  padding-top: 60px;
 
146
}
 
147
.footer .copyright {
 
148
  line-height: 1.6;
 
149
  color: #545E6C;
 
150
  font-size: 13px;
 
151
}
 
152
.footer .fa-heart {
 
153
  color: #fb866a;
 
154
}
 
155
/* Extra small devices (phones, less than 768px) */
 
156
@media (max-width: 767px) {
 
157
  .sidebar-wrapper {
 
158
    position: static;
 
159
    width: inherit;
 
160
  }
 
161
  .main-wrapper {
 
162
    padding: 30px;
 
163
  }
 
164
  .main-wrapper .time {
 
165
    position: static;
 
166
    display: block;
 
167
    margin-top: 5px;
 
168
  }
 
169
  .main-wrapper .upper-row {
 
170
    margin-bottom: 0;
 
171
  }
 
172
}
 
173
/* Small devices (tablets, 768px and up) */
 
174
/* Medium devices (desktops, 992px and up) */
 
175
@media (min-width: 992px) {
 
176
  .skillset .level-title {
 
177
    display: inline-block;
 
178
    float: left;
 
179
    width: 30%;
 
180
    margin-bottom: 0;
 
181
  }
 
182
  .skillset .level-bar {
 
183
    display: inline-block;
 
184
    width: 70%;
 
185
    float: left;
 
186
    position: relative;
 
187
    top: 1px;
 
188
  }
 
189
}
 
190
/* Large devices (large desktops, 1200px and up) */
 
191
/* Ex-Large devices (large desktops, 1200px and up) */