183 lines
3.2 KiB
CSS
183 lines
3.2 KiB
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: #FFF;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
#sitetitle {
|
|
cursor: default;
|
|
padding: 14px 20px 6px;
|
|
}
|
|
|
|
#intrasite_link {
|
|
padding: 16px 15px 6px;
|
|
}
|
|
#intrasite_link > a {
|
|
padding: 0px;
|
|
}
|
|
|
|
.name {
|
|
margin: 15px 0 0 0;
|
|
}
|
|
|
|
.navbar-inner {
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.profile-head {
|
|
color:#FFF;
|
|
}
|
|
|
|
.profile-container {
|
|
margin: auto;
|
|
width: 1024px;
|
|
height: 768px;
|
|
background-color: #F2F2F2;
|
|
border: 1px solid #D4D4D4;
|
|
position: relative;
|
|
background-image: url('/assets/img/profile_pic.png');
|
|
background-size: 100% 100%;
|
|
border-radius: 0 0 5px 5px;
|
|
-moz-border-radius: 0 0 5px 5px;
|
|
-webkit-border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
.profile-content {
|
|
color: #BBBBAF;
|
|
text-align: left;
|
|
padding: 5px;
|
|
}
|
|
|
|
.profile-content a {
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#profile_box {
|
|
position: absolute;
|
|
background-color: rgba(0, 0, 0, 0.701961);
|
|
display: block;
|
|
height: 450px;
|
|
width: 400px;
|
|
right: 20px;
|
|
top: 60px;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
|
|
.services {
|
|
color: white;
|
|
}
|
|
div.services {
|
|
height: 50px;
|
|
width: 100%;
|
|
padding: 0;
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
-mox-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
position:absolute;
|
|
bottom: 0px;
|
|
}
|
|
|
|
ul.services {
|
|
margin-top:5px;
|
|
}
|
|
|
|
ul.services li.service-icon {
|
|
margin: 0 8px 8px 0;
|
|
height; 32px;
|
|
width: 32px;
|
|
float: left;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul.services li.service-icon > .icon {
|
|
padding-left: 0;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 32px;
|
|
width: 32px;
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
position: relative;
|
|
}
|
|
|
|
div.services ul li .icon.twitter {
|
|
background-image: url(/assets/img/twitter_button.png);
|
|
}
|
|
|
|
div.services ul li .icon.favs {
|
|
background-image: url(/assets/img/favs_button.png);
|
|
}
|
|
|
|
div.services ul li .icon.linkedin {
|
|
background-image: url(/assets/img/linkedin_button.png);
|
|
}
|
|
|
|
div.services ul li .icon.googleplus {
|
|
background-image: url(/assets/img/gplus_button.png);
|
|
}
|
|
|
|
div.services ul li .icon.googleplay {
|
|
background-image: url(/assets/img/gplay_button.png);
|
|
background-size: 32px 32px;
|
|
}
|
|
.profile-bezel {
|
|
height: 0px;
|
|
background-color: transparent;
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
border-top-color: rgb(0, 0, 0);
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: rgb(255, 255, 255); opacity: 0.14;
|
|
background-position: initial initial;
|
|
background-repeat: initial initial;
|
|
}
|
|
|
|
#credits {
|
|
color: #BBBBAF;
|
|
}
|
|
|
|
.clearfix {
|
|
zoom: 1;
|
|
}
|
|
|
|
/* Font Styles */
|
|
@font-face {
|
|
font-family: RexBold;
|
|
src: url('/assets/fonts/Rex_Bold.otf') format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: RexBoldInline;
|
|
src: url('/assets/fonts/Rex_Bold_Inline.otf') format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: RexLight;
|
|
src: url('/assets/fonts/Rex_Light.otf') format("opentype");
|
|
}
|
|
|
|
.rex-bold {
|
|
font-family: "RexBold", "Helvetica Neue", "Lucida Grande", "Arial";
|
|
}
|
|
|
|
.rex-bold-inline {
|
|
font-family: "RexBoldInline", "Helvetica Neue", "Lucida Grande", "Arial";
|
|
}
|
|
|
|
.rex-light {
|
|
font-family: "RexLight", "Helvetica Neue", "Lucida Grande", "Arial";
|
|
}
|