275 lines
12 KiB
CSS
275 lines
12 KiB
CSS
html {background-color:#fff;height:100%;font-family:'Arial';font-size:18px;}
|
|
body {margin:0px;padding:0px;}
|
|
form button {margin:none;}
|
|
a {color:#fff;}
|
|
li p {margin: 20px 0px 0px 30px;height:45px;}
|
|
fieldset {margin:20px;}
|
|
fieldset p {margin: 20px 0px 0px 0px;height:45px;}
|
|
label {color:#fff;text-align:left;}
|
|
input {line-height:40px;float:right;margin:0px;color:#000;padding-left:10px;}
|
|
select {float:right;margin:0px;color:#000;padding:10px;}
|
|
p {margin-bottom:25px;margin-right:25px;line-height:150%;}
|
|
h1 {color:#fff;}
|
|
h2 {color:#fff;}
|
|
h3 {color:#fff;}
|
|
li {padding-bottom:10px;line-height:150%;}
|
|
/*
|
|
input {margin:0px;margin-bottom:20px;padding:10px;}
|
|
*/
|
|
button {background-color: #fff; height: 48px; width:100%; border-radius: 3px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
|
|
border:1px solid #000a0d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
|
|
font-size:12px;font-family:arial, helvetica, sans-serif; font-weight:bold;
|
|
padding: 10px 10px 10px 10px;
|
|
text-decoration:none;
|
|
/*
|
|
display:inline-block;
|
|
*/
|
|
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);color: #FFFFFF;
|
|
background-color: #003645; background-image: -webkit-gradient(linear, left top, left bottom, from(#003645), to(#00232D));
|
|
background-image: -webkit-linear-gradient(top, #003645, #00232D);
|
|
background-image: -moz-linear-gradient(top, #003645, #00232D);
|
|
background-image: -ms-linear-gradient(top, #003645, #00232D);
|
|
background-image: -o-linear-gradient(top, #003645, #00232D);
|
|
}
|
|
|
|
.left {float:left;}
|
|
.right {float:right;}
|
|
|
|
|
|
.hide {display:none;}
|
|
#ajaxPopup {position:absolute;width:750px;height:550px;background-color:#fff;top:68px;left:50%;margin-left: -375px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);background-color:#93B1C6;}
|
|
#ajaxPopup legend {width:720px;padding:15px;color:#fff;background-color:#000;margin:0px;}
|
|
#ajaxPopup fieldset {border:0px;margin:0px;padding:0px;}
|
|
#ajaxPopup label {width:160px;color:#000;line-height:48px;}
|
|
#ajaxPopup p {margin:20px;}
|
|
#ajaxPopup input {width:50%;}
|
|
#ajaxPopup button {position:absolute;bottom:0px;}
|
|
#ajaxPopup .bottom {position:absolute;bottom:0px;}
|
|
#ajaxPopup .full_width {left:0px;right:0px;}
|
|
|
|
|
|
.margin_default {margin:10px;}
|
|
|
|
.header span{font-size:100px;}
|
|
.headerbar {background-color:#E7EAEF;}
|
|
.footer {width:100%:margin:auto;height:40px;background-color:#dddddd;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
|
|
.footerbar {background-color:#E7EAEF;border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;margin-top:60px;}
|
|
.pageFooter{clear:both;}
|
|
.pageHeader{padding:20px;color:#fff;font-size:24px;}
|
|
|
|
|
|
.pagination{height:40px;font-size:16px;}
|
|
.pagination li.active{background-color:#0a2024;}
|
|
.pagination li{float:left;list-style-type: none;margin-left:12px;background-color:#7eabb8;padding:2px;border:2px solid #000;border-radius:6px;}
|
|
.pagination li:hover{background-color:#0a2128;}
|
|
.pagination li a{text-decoration:none;color:#000;}
|
|
|
|
.on{background-color:#1e424c !important;}
|
|
.clear{clear:both;}
|
|
|
|
table {width:100%;background-color: #eee;font-size:11px;border-collapse: collapse;border-spacing: 0px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24);}
|
|
table tr {transition: all 0.3s ease 0s;}
|
|
table th {padding:16px;}
|
|
table td{padding:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
|
|
table caption{font-size:16px;}
|
|
tbody tr:nth-child(odd) {
|
|
background-color: #eee;
|
|
font-size:11px;
|
|
}
|
|
.tabrow1(background-color:#eee;)
|
|
|
|
|
|
#topbar {position:relative;position:absolute;top:0px;width:100%;z-index:10;}
|
|
|
|
|
|
.hover:hover {background-color:#9fa8da;}
|
|
.hover:hover {background-color:#9fa8da;}
|
|
.hover-expand:hover .children { display: block; }
|
|
|
|
|
|
/* new styles */
|
|
.copyright {float:right;margin-top:20px;color:#fff;}
|
|
|
|
|
|
|
|
|
|
.tile-right {margin-top:20px;width:230px;float:right;margin-right:20px;}
|
|
.tile-right img {float:right;}
|
|
.tile-image {float:right;clear:right;}
|
|
#headerstrip{position:absolute;left:0px;right:0px;height:68px;top:0px;background-color:#00232D;}
|
|
#headerstrip .navstrip{margin:10px;height:48px;background-color: #00232D;}
|
|
#headerstrip .mini-logo-text{position:absolute;left:56px;padding-top: 12px;font-size:22px;color:#fff;font-weight:bold;padding-left:10px;}
|
|
#headerstrip .mini_logo{position:absolute;width:48px;height:48px;}
|
|
#headerstrip .mini-logo:hover{
|
|
transition:ease-in-out;
|
|
-webkit-transform-origin: 50% 50%;
|
|
-moz-transform-origin: 50% 50%;
|
|
-o-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
|
|
height:48px;width:48px; -webkit-animation:spin 2s linear infinite ;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
|
|
#headerstrip .middle{}
|
|
|
|
|
|
|
|
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
|
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
|
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
|
|
|
|
|
.menu {position:absolute;left:0px;right:0px;height:408px;top:68px;background-color:#00232D;z-index:-1;}
|
|
.menu ul {width:960px;margin:auto;height:40px;padding-left:20px;background-color:#0087A8;}
|
|
.menu li {width:130px;float:left;list-style-type:none;margin-top:10px;padding:00px;text-align:center;}
|
|
.menu li:hover {width:130px;float:left;list-style-type:none;border-bottom:4px solid #1C4085;}
|
|
.menu a {color:#ffffff;font-weight:bold;text-decoration:none;}
|
|
.menu li:hover {}
|
|
|
|
.page {width:980px;margin:auto;margin-top:155px;padding-bottom:48px;background-color:#0087A8;}
|
|
.page .pageSection {margin-left: 20px;}
|
|
.page .messages{color:#fff;border:10px solid #0087A8;background-color:#00232D; font-weight:bold;}
|
|
.page .messages li{padding:10px;}
|
|
|
|
.columns{float:right;clear:right;width:460px;margin-left:20px;margin-bottom:20px;}
|
|
|
|
.google-groups-signup {width:300px;float:left;}
|
|
.google-groups-signup input{margin-top:20px;width:273px;}
|
|
.google-groups-signup a{color:#fff;width:282px;}
|
|
|
|
.banner-slide {position:absolute;width:700px;margin: 20px 20px 20px 0px;}
|
|
.banner-slide ul{position:relative;overflow:hidden;width:700px;height:300px;margin:0px;}
|
|
.banner-slide li{position:absolute;left:0px;top:0px;list-style-type:none;padding:0px;margin:0px;}
|
|
.banner-slide .button{background-color: #0087A8;border-radius:50%;opacity:0.4;}
|
|
.banner-slide .content{color:#111;position:absolute;top:250px;width:100%;background-color: #eee;opacity: 0.4;}
|
|
.banner-slide .left{text-align:left;padding:6px;font-size:48px;color:#fff;position:absolute;top:122px;left:0px;width:60px;height:60px;background-color: transparent;}
|
|
.banner-slide .right{text-align:right;padding:6px;font-size:48px;color:#fff;position:absolute;top:122px;right:0px;width:60px;height:60px;background-color: transparent;}
|
|
|
|
.slide-button {
|
|
background-image: url('static/images/css/sprite-navigation-white.png');
|
|
}
|
|
|
|
.banner-slide .left {
|
|
background-position: -73px -39px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.banner-slide .right {
|
|
background-position: -107px -39px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
|
|
/*slider animation*/
|
|
.slide {position:absolute;left:0px;}
|
|
|
|
.slide.ng-hide-add {left:0px;opacity:1;}
|
|
.slide.ng-hide-add-active {transition:0.9s linear all;opacity:0;}
|
|
|
|
.slide.ng-hide-remove {left:0px;opacity:0;}
|
|
.slide.ng-hide-remove-active {transition:0.9s linear all;opacity:1;}
|
|
|
|
.slide.ng-leave.ng-leave-active,
|
|
.slide.ng-enter {
|
|
transition:0.5s linear all;
|
|
left:0px;opacity:0;
|
|
}
|
|
.slide.ng-leave,
|
|
.slide.ng-enter.ng-enter-active {
|
|
transition:0.5s linear all;
|
|
left:0px;opacity:1;
|
|
}
|
|
|
|
.bullet-list li {margin:0px;margin-left:10px;line-height:100%;}
|
|
|
|
.tile {position:relative;background-color:#eee;width:460px;margin-bottom:20px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);}
|
|
.tile-img {margin:20px;width:420px;height:200px;overflow:hidden;background-repeat: no-repeat;background-position: center;background-image:url('/static/images/background.png');}
|
|
.tile header {background-color: #00232D;width:100%;bottom:20px;top:220px;overflow:auto;left:20px;right:20px;text-align:left;line-height:150%;font-size:12px;}
|
|
.tile h2 {margin-left:25px;line-height:150%;font-size:12px;margin-right:20px;}
|
|
.tile p {margin-left:25px;}
|
|
.tile header a {color:#fff;}
|
|
.tile-content {bottom:20px;top:220px;overflow:auto;left:20px;right:20px;text-align:justify;line-height:150%;font-size:12px;}
|
|
.tile img {display:block;margin:auto;width:300px;height:200px;}
|
|
|
|
#footertop {background-color:#00232D;height:48px;}
|
|
#footerbottom {background-color:#0087A8;height:300px;}
|
|
#footerbottom div.container {margin:auto;background-color:#0087A8;height:250px;width:960px;}
|
|
.twitter-feed {width:460px;margin:20px;}
|
|
|
|
.social-chat {width:100%;height:480px;position:relative;}
|
|
.social-chat .contain{left:0px;right:0px;height:480px;position:absolue;margin:20px;}
|
|
.social-chat iframe{display:block;border:0px;width:100%;height:100%;}
|
|
|
|
.social {z-index:1;position:absolute;right:0px;top:0px;margin-top:25px;}
|
|
.social .socbtn{float:left;margin-left:20px;}
|
|
.col {width:480px;float:left;}
|
|
|
|
|
|
#login_box {width:500px; margin:auto;position:relative;}
|
|
#login_box p {color:#fff;padding:0px;margin:0px;}
|
|
#login_box label {display:block;margin: 20px 0px 20px;}
|
|
#login_box input {margin: 20px 0px 0px;float:none;width:100%;}
|
|
#login_box button {margin: 20px 0px 0px;float:left;width:100%;}
|
|
#login_box .providers {margin: 20px 0px 20px;height:48px;height:35px;}
|
|
#login_box .providers a {float:left;margin-right:30px;}
|
|
|
|
.members .stats {}
|
|
.members .tile {width:220px;float:left;}
|
|
.members .tile-img{margin:10px;width:200px;}
|
|
.members .badge{width:32px;height:32px;margin:0px;margin-top:5px;}
|
|
|
|
#member_navigation {z-index:2;position:fixed;top:68px;left:0px;width:180px;height:100%;}
|
|
#member_navigation a {color:#ffffff;font-weight:bold;text-decoration:none;}
|
|
#member_navigation ul {padding:0px;margin:0px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);}
|
|
#member_navigation li {margin:0px;padding:10px;background-color:#0087A8;list-style-type: none;}
|
|
#member_navigation li:hover {background-color:#E7EAEF;}
|
|
|
|
.action-bar {overflow:hidden;position:fixed;right:50px;bottom:50px;width:65px;height:70px;}
|
|
.action-bar:hover {height:260px;}
|
|
.action-bar .container{position:absolute;left:0px;bottom:0px;width:62px;min-width:62px;max-width:62px;padding-bottom:5px;}
|
|
.action-bar-small {overflow:hidden;position:absolute;right:0px;top:40px;width:32px;height:32px;}
|
|
.action-bar .action-bar-button{margin-top:20px;}
|
|
|
|
.action-bar-button {display:block;padding:19px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}
|
|
.action-bar-button-small {display:block;padding:19px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}
|
|
|
|
.closePopup {position:absolute;top:12px;right:12px;background-color: #FF2670;border-radius: 100%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);z-index:5;}
|
|
|
|
|
|
#membercard{
|
|
color:#000;
|
|
background-color: #8C50A5;border-radius: 14px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
|
|
background-image: url('/static/images/membership_card_background.png');
|
|
width: 430px;
|
|
height: 240px;
|
|
margin-left:20px;
|
|
text-shadow: 1px 1px #FFF;
|
|
position:relative;
|
|
}
|
|
|
|
#membercard .date {position:absolute;margin:25px;top:0px;left:0px;}
|
|
#membercard p {margin:0px;}
|
|
#membercard .container {position:relative;top:50%; width:100%;}
|
|
#membercard .middle {color:#000;position:absolute;top:-38px;width:100%;text-align:center;font-size:28px;}
|
|
#membercard label {text-align:left;line-height:48px;color:#000;}
|
|
#membercard input {width:140px;}
|
|
#membercard select {width:155px;}
|
|
#membercard .button {margin:0px;}
|
|
#membercard button {margin-top:30px;}
|
|
#membercard legend {margin-top:10px;margin-bottom:10px;font-weight:strong;}
|
|
#membercard fieldset {position:absolute;top:0px;left:0px;right:0px;padding:0px;margin:28px;border:0px;}
|
|
|
|
.calendar {width:230px;height:300px;overflow:auto;}
|
|
.calendar ul{list-style:none;padding:0px;margin:0px;}
|
|
.calendar li{font-size:14px;padding:6px;}
|
|
.calendar li:first-child{color:#fff;background-color:#00232D;}
|
|
.calendar .but {width:80px;text-align:center;}
|
|
.but{
|
|
border:1px solid #000a0d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
|
|
background-color: #003645; background-image: -webkit-gradient(linear, left top, left bottom, from(#003645), to(#00232D));
|
|
background-image: -webkit-linear-gradient(top, #003645, #00232D);
|
|
background-image: -moz-linear-gradient(top, #003645, #00232D);
|
|
background-image: -ms-linear-gradient(top, #003645, #00232D);
|
|
background-image: -o-linear-gradient(top, #003645, #00232D);
|
|
}
|