/* ------------------------------------------------------------- © 2013 IceTheme 2013 JomSocial CSS styles for IT Community 2 Theme ---------------------------------------------------------------- */ /* Reset some styles */ #community-wrap h1, #community-wrap h2, #community-wrap h3, #community-wrap h4, #community-wrap h5, #community-wrap h6 { font-family: "Rosario", Arial, Helvetica, sans-serif!important; font-weight:normal!important} body .tipsy { padding: 5px; font-size: 13px; opacity: 1; line-height: 18px; filter: alpha(opacity=100);} body .tipsy-inner { background-color:rgba(0,0,0,.75); padding: 9px 12px 10px 12px;} #community-wrap {} /* Hero Area */ #community-wrap .cGuest .hero-area { min-height:480px; background-image: url(../images/jomsocial_bg.jpg); text-shadow:none; color: #555; overflow:hidden;} #community-wrap .cGuest .hero-area .content { background:#fff; background: rgba(255,255,255,0.8); padding: 20px; border-radius:0 10px 10px 0; margin-top: 0; display: inline-block; opacity:1; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;} #community-wrap .cGuest .hero-area:hover .content {} #community-wrap .cGuest .hero-area .content [class*="span"] { float:none; margin:0; width:auto;} #community-wrap .cGuest .hero-area .content .btn { display: inline-block; width: auto; padding-left: 15px; padding-right: 15px;} #community-wrap .cGuest h1 { font-family: "Rosario", Arial, Helvetica, sans-serif; font-weight: normal!important; font-size: 36px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); color:#fff; margin-top:100px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;} /* some fancy effects for screens without touch */ html.no-touch #community-wrap .cGuest .hero-area .content { -webkit-transform:translate(-100%,0); -moz-transform:translate(-100%,0); -o-transform:translate(-100%,0); transform:translate(-100%,0); opacity:0} html.no-touch #community-wrap .cGuest .hero-area:hover .content { opacity:1; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0);} html.no-touch #community-wrap .cGuest h1 { -webkit-transform:translate(0,80px); -moz-transform:translate(0,80px); -o-transform:translate(0,80px); transform:translate(0,80px);} html.no-touch #community-wrap .cGuest .hero-area:hover h1 { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0);} /* Login area */ #community-wrap .cGuest .login-area { background: #EDEDEB;} #community-wrap .login-area form {margin: 0;} #community-wrap .cGuest .reminder-link:hover { color: #333;} /* Module boxes */ #community-wrap .app-box { border-radius:0 0 5px 5px;} #community-wrap .app-box>h3, #community-wrap .app-box .app-widget-header>h3 { border-bottomnone; background: #91b800; background: -webkit-linear-gradient(top, #A3C500, #91b800); background: -moz-linear-gradient(top, #A3C500, #91b800); background: -ms-linear-gradient(top, #A3C500, #91b800); background: -o-linear-gradient(top, #A3C500, #91b800); background: linear-gradient(top, #A3C500, #91b800); color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.25); margin: -11px -11px 10px; font-size: 18px!important; line-height: 26px; padding: 5px 10px 6px; border-radius: 5px 5px 0 0; font-weight: normal!important;} /* Toolbar */ #community-wrap .js-toolbar .navbar-inner { border: 1px solid #C3D9E3; background: #E3EFF4; background: -webkit-linear-gradient(top, #EBF2F5, #DDEAF0); background: -moz-linear-gradient(top, #EBF2F5, #DDEAF0); background: -ms-linear-gradient(top, #EBF2F5, #DDEAF0); background: -o-linear-gradient(top, #EBF2F5, #DDEAF0); background: linear-gradient(top, #EBF2F5, #DDEAF0);} #community-wrap .js-toolbar .nav>li>a { color: #006699;} #community-wrap .js-toolbar .nav>li>a:hover { color: #333;} #community-wrap .js-toolbar .nav>li:first-child>a { border-radius: 4px 0 0 4px;} body #community-wrap .navbar .nav>.active>a, body #community-wrap .navbar .nav>.active>a:hover, body #community-wrap .navbar .nav>.active>a:focus { color: #fff!important; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.25); background-color: #1E8FB9!important;} #community-wrap .dropdown-menu>li>a:hover, #community-wrap .dropdown-menu>li>a:focus, #community-wrap .dropdown-submenu:hover>a, #community-wrap .dropdown-submenu:focus>a { text-decoration: none; color: #fff; background: #1686B3; background: -webkit-linear-gradient(top, #2799c0, #1686B3); background: -moz-linear-gradient(top, #2799c0, #1686B3); background: -ms-linear-gradient(top, #2799c0, #1686B3); background: -o-linear-gradient(top, #2799c0, #1686B3); background: linear-gradient(top, #2799c0, #1686B3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2799c0',endColorstr='#1686B3',GradientType=0);} /* photo gallery */ #cGallery .photoDisplay { background:#EDEDEB;} .photo_slider { background-color: #D5D5D1;} #cGallery .photoAction, #cGallery .photoAction img { background-image: url(../images/jomsocial_arrow.png);} #cGallery .photoLoad { background:none; width:auto; height:auto; margin-top: 0;} /* Hello Me module */ .cMods-HelloMe {} .cMods-HelloMe form { margin-bottom:10px;} .cMods-HelloMe p { margin-bottom:10px;} .cMods-HelloMe input[type="checkbox"] {margin-top:-2px} .cMods-HelloMe .btn { margin: 10px 0;} .cMods-HelloMe li { line-height:24px;} /* Top Members Module */ #cModule-TopMembers {} #cModule-TopMembers .cThumb-Avatar img {} #cModule-TopMembers .cThumb-Detail { margin-left:75px;} /* Latest Members module */ body .app-box-filter a, body .app-box-filter b { font-size:13px;} /* members avatar effects */ .cThumbsList img.cAvatar, #cModule-TopMembers .cThumb-Avatar img { width: 54px; height:54px; padding:4px; background:#fff; border:1px solid #ddd; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;} .cThumbsList img.cAvatar:hover, #cModule-TopMembers .cThumb-Avatar img:hover { opacity:.7;}