Файл: password-punch/assets/css/custom.css
Строк: 832
div.max600{max-width:600px;margin:0
auto}
.marginTop{margin-top:30px}
div.max600 header{height:
54px;text-align: center;margin-bottom: 22px}
div.max600 h1{font-size:
22px;font-weight: 600;letter-spacing: .75px;text-align:
center;text-transform: uppercase;-moz-font-feature-settings:
"calt", "liga", "clig",
"kern";-ms-font-feature-settings: "calt",
"liga", "clig",
"kern";-webkit-font-feature-settings: "calt",
"liga", "clig", "kern";font-feature-settings:
"calt", "liga", "clig",
"kern";-webkit-font-smoothing: antialiased;font:
"proxima-nova",sans-serif;margin-bottom:20px}
div.max600
footer{clear: both;display: inline-block;margin-top: 20px;width:
100%}
div.max600 .form-group{margin-bottom:1.5em}
div.max600
input.form-control{font: 400 100%/1.4
"proxima-nova",sans-serif;height:48px;-webkit-border-radius:
3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius:
3px;border-radius: 3px;padding: .5em .75em .4em}
div.max600
label.control-label{display: block;font-weight: 600;margin-bottom:
.15em;font-size: 1.125em}
div.max600
h1.text-left{text-align:left}
div.max600
.checkbox-list{margin-bottom:20px;margin-left:10px}
div.max600
.checkbox{font-size: 14px;line-height: 1.6;color:
#333;font-weight:normal}
.deleteAccount{margin-top:20px}
a.logo{display:inline-block;width:140px;height:37px;background-image:url("../img/logo.png")}
header{border-top-style:solid;border-top-width:2px}
header
.container{position:relative}
/*.fix-top{position:fixed;top:0;left:0;right:0;z-index:999999999999}*/
.navTop{/*position:
absolute;top: 4px;right: 15px*/}
.navTop .navbar { margin-bottom:0px;
min-height:38px; border:0px; float:right;}
.navTop .navbar-inverse {
background-color:transparent;}
.navTop .navbar-inverse .navbar-nav > li
> a { text-align:left;}
.navTop .navbar-inverse .navbar-nav > .open
> a, .navTop .navbar-inverse .navbar-nav > .open > a:hover,
.navTop .navbar-inverse .navbar-nav > .open > a:focus {
background:transparent;}
.navTop .nav .open > a, .navTop .nav .open
> a:hover, .navTop .nav .open > a:focus {
border-color:transparent;}
.navTop
img{width:20px;height:20px;margin:0px;-moz-border-radius:
12px;-webkit-border-radius: 12px;border-radius: 12px;-khtml-border-radius:
12px;position: absolute;left: 0;top: 7px}
.avtarNav{padding-left:30px
!important}
.customRow{padding: 12px 0;border-style:solid;border-width:1px
0 0 0}
.loadMore{font-size: .875em;border-style:solid;border-width:0px 0
1px 0;display: block;font-weight: 600;letter-spacing: .1em;padding:
30px;text-align: center;text-decoration: none;text-transform:
uppercase;width: 100%}
.navTop a.btn{font-size: 1rem;letter-spacing:
0.15rem;text-transform: uppercase;padding:1rem;-webkit-transition: color
0.1s ease-in-out;transition: color 0.1s
ease-in-out;text-decoration:none}
.dropdown-menu > li >
a{font-size:12px;padding:0.4rem 1rem;-webkit-transition: color 0.1s
ease-in-out;transition: color 0.1s
ease-in-out;text-decoration:none}
.navTop .dropdown-menu{border:
0;border-radius: 0;}
.navTop .dropdown-menu .divider{ margin:2px
0;}
.margin-fix{margin-top:4px}
.btn-lg{white-space:normal;text-decoration:none;}
textarea.form-control{margin-bottom:
1.5em}
.control-label img{width: 22px;margin-bottom:
3px}
.dropMenuRight{right:0;left:auto}
.headingDescription{font-size:11px;font-weight:bold}
.headingDescription
> small{font-size:11px}
.socialIcon{margin: 0;padding:
0;list-style-type:none}
.socialIcon > li{margin: 0;padding:
0;float:left;margin:8px 26px 8px 0}
.socialIcon > li
img{width:24px;height:24px}
span.social-icon{background-image:
url("../img/social/social-sprit.png");width: 24px;height:
24px;display: inline-block;margin:0 0 1px 0;padding:
0;vertical-align:bottom}
.github{background-position: 0px
264px}
.stack-overflow{background-position: 0px
72px}
.coderwall{background-position: 0px
408px}
.codepen{background-position: 0px
-24px}
.hacker-news{background-position: 0
240px}
.design-news{background-position: 0px
360px}
.behance{background-position:0px
0px}
.dribbble{background-position: 0
-120px}
.creative-mornings{background-position: 0px
384px}
.flickr{background-position: 0
288px}
.instagram{background-position: 0
216px}
.medium{background-position: 0
168px}
.twitter{background-position: 0
48px}
.twitter-black{background-position: 0
24px}
.facebook{background-position: 0 312px}
.quora{background-position:
0 96px}
.pinterest{background-position: 0
144px}
.product-hunt{background-position: 0
120px}
.linkedin{background-position: 0 192px}
.socialIconLarge{margin:
0;padding: 0;list-style-type:none;border-style:dotted;border-width:1px 0 0
0;display:inline-block;width:100%}
.socialIconLarge > li{margin:
0;padding: 0;float:left;margin:8px 26px 8px 0}
.socialIconLarge > li
img{width:24px;height:24px}
span.socialIconLarge{background-image:
url("../img/social/social-sprit-large.png");width: 54px;height:
54px;display: inline-block;margin:0 0 1px 0;padding:
0;vertical-align:bottom;border:4px solid #fff
!important;-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;box-sizing: border-box;-khtml-box-sizing:
border-box;-moz-border-radius: 60px;-webkit-border-radius:
60px;border-radius: 60px;-khtml-border-radius:
60px}
.socialIconLarge.github{background-position: -2px
498px}
.socialIconLarge.stack-overflow{background-position: -2px
98px}
.socialIconLarge.coderwall{background-position: -2px
798px}
.socialIconLarge.codepen{background-position: -2px
848px}
.socialIconLarge.hacker-news{background-position: -2px
448px}
.socialIconLarge.design-news{background-position: -2px
698px}
.socialIconLarge.behance{background-position:-2px
-2px}
.socialIconLarge.dribbble{background-position: -2px
648px}
.socialIconLarge.creative-mornings{background-position: -2px
748px}
.socialIconLarge.flickr{background-position: -2px
548px}
.socialIconLarge.instagram{background-position: -2px
398px}
.socialIconLarge.medium{background-position: -2px
298px}
.socialIconLarge.twitter{background-position: -2px
48px}
.socialIconLarge.facebook{background-position: -2px
598px}
.socialIconLarge.quora{background-position: -2px
148px}
.socialIconLarge.pinterest{background-position: -2px
248px}
.socialIconLarge.product-hunt{background-position: -2px
198px}
.socialIconLarge.linkedin{background-position: -2px
348px}
.relatedProfile > h3{font-size: 124%;font-weight:
400;text-align: left;margin: 0 0 10px 0}
footer
span.social-icon{margin-top:6px}
.avatar{text-align:center}
.avatar
img{width:60px;height:60px;-moz-border-radius: 60px;-webkit-border-radius:
60px;border-radius: 60px;-khtml-border-radius: 60px}
.name
h2{font-size:16px;font-weight:bold;margin-bottom:0;margin-top:14px;letter-spacing:
.05em;padding-left:10px}
.name
div{display:inline-block;padding-left:10px}
.name h2 >
a{text-decoration:none}
.name div
a{text-decoration:underline}
.location{}.location h2{font-size:
.80em;font-weight: 600}
footer{clear: both;margin: 30px 0 20px 0;display:
inline-block;width: 100%}
footer h5{font-size: .75em;font-weight:
600;margin-bottom:0;letter-spacing: .05em}
footer p{font-size:
.90em;letter-spacing: .05em}
footer
img{width:20px;height:20px}
.counter{clear: both;display:
inline-block;width: 100%;padding: 40px 0px;text-align: center;font-weight:
lighter;margin:0 0 20px 0}
.counter label{clear: both;width:
100%;font-size: 46px;margin-bottom: 0 !important;font-weight:
800}
.gridContainer{border-width:1px;border-style:solid;width:
100%;display: inline-block;margin-bottom: 20px;padding:
30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:
border-box;min-height:264px;-webkit-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-border-radius: 3px;-webkit-border-radius:
3px;border-radius: 3px;-khtml-border-radius: 3px;transition: all .2s
ease-in-out}
.gridContainer .avatar{height:60px}
.gridContainer
.name{height:50px;display:table;width:100%}
.gridContainer
.designation{font-size: 12px;margin: 0 0 4px;text-align:
center;}
.gridContainer .location{height:14px}
.gridContainer
.socialLinks{text-align:center;}
.gridContainer .socialIcon{ display:
inline-block;min-height: 40px;margin: 0 auto;width: auto;}
.gridContainer
.name h2{font-size: 16px;font-weight: bold;margin-bottom: 0;margin-top:
14px;text-align: center;height: 56px;vertical-align: middle;display:
table-cell;padding-left:0px}
.gridContainer .name
div{text-align:center}
.gridContainer
.location{font-size:.75em;font-weight:bold;text-align:center;margin-bottom:10px}
.gridContainer
.socialIcon > li{margin:8px}
.gridContainer:hover{-webkit-box-shadow:
0px 2px 4px 0px rgba(143,143,143,0.7);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.7);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.7);-moz-border-radius: 0px;-webkit-border-radius:
0px;border-radius: 0px;-khtml-border-radius: 0px;transition: all .2s
ease-in-out}
.profileContainer{border-width:1px;border-style:solid;width:
100%;display: inline-block;margin-bottom:
20px;min-height:100px;-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;box-sizing: border-box;margin-top:10px;-webkit-box-shadow: 0px
2px 4px 0px rgba(143,143,143,0.2);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-border-radius: 3px;-webkit-border-radius:
3px;border-radius: 3px;-khtml-border-radius: 3px;transition: all .2s
ease-in-out}
.profileContainer
img.profilePic{margin-top:-42%;-moz-border-radius:
122px;-webkit-border-radius: 122px;border-radius:
122px;-khtml-border-radius: 122px;width:90%}
.profileContainer
div.joinDate{min-width:100px;display: inline-block;margin: -30px 0 20px
0;min-height:100px;text-align:center;padding:13px;-webkit-box-shadow: 0px
2px 4px 0px rgba(143,143,143,0.2);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-border-radius: 60px;-webkit-border-radius:
60px;border-radius: 60px;-khtml-border-radius: 60px;transition: all .2s
ease-in-out}
.profileContainer div.joinDate label{display:
block}
.profileContainer div.joinDate i.glyphicon{display:
block;margin-bottom: 8px}
.profileTitle{position:
relative;padding-left:15px}
.profileTitle h1{font-weight:
bold;vertical-align:middle;margin-right:30px}
.profileTitle h1
i{font-size:24px;font-weight:lighter}
.profileTitle h2{font-size:
1.125em;margin:0}
.setttingIcon{position:absolute;right:4px;top:6px}
.contactDetail{padding-top:14px}
.contactDetail
>
label{font-weight:normal}
.btn.btn-success.pull-right{text-decoration:none}
.profiles{display:
inline-block;margin-top: 30px;text-align: center;width:
100%}
.profileContainer
h3{font-size:124%;font-weight:400;text-align:left;margin:0 0 10px
0}
.profiles ul.socialIcon{border-style:solid;border-width:1px 0 1px
0;display: inline-block;width: 100%}
.description{display:
inline-block;margin-top: 30px;text-align: center;width: 100%}
.description
> p{text-align:left;border-style:dotted;border-width:1px 0 0
0;}
.description ol {text-align:left;margin: 0;padding: 0
14px;}
.description ul {margin:0 0 10px 10px;padding:0;}
.description ul
li {text-align:left;margin:0;padding:0;}
.description em, .description i{
text-decoration:none;}
.skillsDiv{display: inline-block;margin:30px 0
20px;text-align: center;width: 100%}
.skillsDiv
h3{font-size:124%;font-weight:400;text-align:left;margin:0 0 10px
0}
.skillsDiv ul.skills{border-style:dotted;border-width:1px 0 0
0;display: inline-block;width:
100%}
ul.skills{list-style-type:none;float:left;margin:0;padding:0}
ul.skills
li{list-style-type:none;float:left;margin:8px 4px}
ul.skills
li:first-child{margin-left:0}
ul.skills
li:last-child{margin-right:0}
ul.skills li a{font-size:
.875em;border-style:solid;border-width:1px;display: inline-block;padding:
.65em .75em .5em;text-decoration: none;-moz-border-radius:
3px;-webkit-border-radius: 3px;border-radius: 3px;-khtml-border-radius:
3px;transition: all .2s ease-in-out}
.experienceDiv{display:
inline-block;margin:30px 0 20px;text-align: center;width:
100%}
.experienceDiv
h3{font-size:124%;font-weight:400;text-align:left;margin:0 0 10px
0}
.experienceDiv ul.experience{border-style:dotted;border-width:1px 0 0
0;display: inline-block;width:
100%}
ul.experience{margin:0;padding:0;list-style-type: none;text-align:
left;}
ul.experience li{margin: 4px 0;}
ul.experience li
a:hover{text-decoration:none;}
.historyLink{line-height:
38px;text-decoration:
none}
.profileCompleteness{border-width:1px;border-style:solid;width:
100%;display: inline-block;margin-bottom: 20px;-webkit-box-sizing:
border-box;-moz-box-sizing: border-box;box-sizing:
border-box;padding:16px;-webkit-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-border-radius: 3px;-webkit-border-radius:
3px;border-radius: 3px;-khtml-border-radius: 3px;transition: all .2s
ease-in-out}
.profileCompleteness .col-sm-2{padding-left:0px
!important}
.profileCompleteness .col-sm-2
i{font-size:26px}
.profileCompleteness .col-sm-10{padding-left:0px
!important;padding-right:0px !important;font-weight:
600;font-size:13px;line-height:14px}
.profileCompleteness .col-sm-10 >
strong.fig{font-weight:800;font-size:16px}
.leads h2{font-size:
144%;font-weight: 400;text-align:
left}
.divHead{text-align:left;font-size: 110%;font-weight:
500;margin:20px 0 -16px 0}
.divRow{min-height:96px;margin:20px
0;padding:10px 0;display:inline-block;-webkit-box-sizing:
border-box;-moz-box-sizing: border-box;box-sizing:
border-box;border-width:1px;border-style:solid;-moz-border-radius:
3px;-webkit-border-radius: 3px;border-radius: 3px;-khtml-border-radius:
3px;transition: all .2s ease-in-out}.divRow
img{width:40px;height:40px;-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;box-sizing: border-box;-moz-border-radius:
30px;-webkit-border-radius: 30px;border-radius: 30px;-khtml-border-radius:
30px;transition: all .2s ease-in-out}
.divRow >
div{display:table}
.divRow > div > span{height: 96px;vertical-align:
middle;display: table-cell;font-size: 112%;text-align:center}
.divRow >
div > h3{height: 96px;vertical-align: middle;display:
table-cell;font-size: 112%}
.divRow > div > h3 >
small{display:block;font-size: 84%;margin: 6px
0}
.progressDiv{font-size:small !important}
.logedIn{font-size:small
!important}
.logedIn i{display: block;text-align: center;margin-bottom:
6px;line-height: 20px}
.Rship{display: inline-block;white-space:
nowrap;line-height: 20px;font-size: 96%;text-decoration: none;margin: 2px
0}
div.star_0{width: 74px;height: 18px;display: inline-block;margin: 4px
4px 0px 4px;background:
url("../img/sprite.png")}
div.star_1{width: 74px;height:
18px;display: inline-block;margin: 4px 4px 0px 4px;background:
url("../img/sprite.png");background-position: -42px
-64px}
div.star_2{width: 74px;height: 18px;display: inline-block;margin:
4px 4px 0px 4px;background:
url("../img/sprite.png");background-position: -42px
-48px}
div.star_3{width: 74px;height: 18px;display: inline-block;margin:
4px 4px 0px 4px;background:
url("../img/sprite.png");background-position: -42px
-32px}
div.star_4{width: 74px;height: 18px;display: inline-block;margin:
4px 4px 0px 4px;background:
url("../img/sprite.png");background-position: -41px
-16px}
div.star_5{width: 74px;height: 18px;display: inline-block;margin:
4px 4px 0px 4px;background:
url("../img/sprite.png");background-position: -42px
0px}
.socialIconBlock{display: block !important;top: -16px
!important;position: absolute;right: 0;padding: 10px
!important;-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;box-sizing: border-box;-webkit-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);box-shadow: 0px 2px 4px 0px
rgba(143,143,143,0.2);-moz-border-radius: 3px;-webkit-border-radius:
3px;border-radius: 3px;-khtml-border-radius: 3px;transition: all .2s
ease-in-out}
.logo-center{text-align:left;}
@media (max-width:
991px){.margin-fix{margin-top:1px}}
/*@media (max-width:
479px){a.logo{width:60px;background-position-x:60px}}
@media (min-width:
0px){body{padding-top: 82px}header{height:82px}}
@media (min-width:
768px){body{padding-top: 82px}header{height:82px}}
@media (min-width:
992px){body{padding-top: 44px}header{height:44px}}
@media (min-width:
1200px){body{padding-top: 44px}header{height:44px}}*/
@media (min-width:
768px) and (max-width: 991px){/*body{padding-top:
82px}header{height:82px}*/.profileCompleteness .col-sm-2
i{font-size:16px;margin-left: -4px}}
@media (min-width: 0px) and
(max-width: 767px){.profileTitle{margin-top:0px
!important}.profileContainer
img.profilePic{margin-top:10px;min-width:200px;max-width:400px}.navTop img
{ display:none;}.avtarNav{padding-left:1rem !important;}.navTop .navbar{
float:none; min-height:6px;}.navTop .navbar .navbar-header
button.navbar-toggle { position: absolute;right: 0;top: -82px; z-index:
9999;}.navTop .navbar div.navbar-collapse{
margin-top:6px;}.logo-center{text-align:center;}}
@media (min-width: 0px)
and (max-width:
350px){.col-xs-2.avatar{padding-left:6px}.col-xs-2.location{visibility:hidden}.name
h2{font-size:12px;}.name div{font-size:11px;}}
@media (min-width: 351px)
and (max-width: 767px){.name h2{font-size:14px;}.name div{font-size:13px;}}