Current Path :
/
home
/
develito
/
httpdocs
/
components
/
com_tlpteam
/
assets
/
css
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/develito/httpdocs/components/com_tlpteam/assets/css/tlpteam.css
/*******************************************************************/ /******************** Joomla TLP Team Free Version ********************/ /************************* www.radiustheme.com **********************/ /********************** support@radiustheme.com *********************/ /***** Copyright (c) 2016, RadiusTheme.com. All right Reserved ******/ /*******************************************************************/ /************************** Grid ********************/ /************************** Grid ********************/ .tlp-team-list * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tlp-team-list *:before, .tlp-team-list *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .rt-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .rt-row { margin-left: -15px;margin-right: -15px; } .clearfix:before, .clearfix:after, .rt-container:before, .rt-container:after, .container-fluid:before, .container-fluid:after, .rt-row:before, .rt-row:after { content: " "; display: table; } .clearfix:after,.rt-container:after, .container-fluid:after, .rt-row:after { clear: both; } .rt-col-xs-1, .rt-col-sm-1, .rt-col-md-1, .rt-col-lg-1, .rt-col-xs-2, .rt-col-sm-2, .rt-col-md-2, .rt-col-lg-2, .rt-col-xs-3, .rt-col-sm-3, .rt-col-md-3, .rt-col-lg-3, .rt-col-xs-4, .rt-col-sm-4, .rt-col-md-4, .rt-col-lg-4, .rt-col-xs-5, .rt-col-sm-5, .rt-col-md-5, .rt-col-lg-5, .rt-col-xs-6, .rt-col-sm-6, .rt-col-md-6, .rt-col-lg-6, .rt-col-xs-7, .rt-col-sm-7, .rt-col-md-7, .rt-col-lg-7, .rt-col-xs-8, .rt-col-sm-8, .rt-col-md-8, .rt-col-lg-8, .rt-col-xs-9, .rt-col-sm-9, .rt-col-md-9, .rt-col-lg-9, .rt-col-xs-10, .rt-col-sm-10, .rt-col-md-10, .rt-col-lg-10, .rt-col-xs-11, .rt-col-sm-11, .rt-col-md-11, .rt-col-lg-11, .rt-col-xs-12, .rt-col-sm-12, .rt-col-md-12, .rt-col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .rt-col-xs-1, .rt-col-xs-2, .rt-col-xs-3, .rt-col-xs-4, .rt-col-xs-5, .rt-col-xs-6, .rt-col-xs-7, .rt-col-xs-8, .rt-col-xs-9, .rt-col-xs-10, .rt-col-xs-11, .rt-col-xs-12 { float: left; } .rt-col-xs-12 { width: 100%; } .rt-col-xs-11 { width: 91.66666667%; } .rt-col-xs-10 { width: 83.33333333%; } .rt-col-xs-9 { width: 75%; } .rt-col-xs-8 { width: 66.66666667%; } .rt-col-xs-7 { width: 58.33333333%; } .rt-col-xs-6 { width: 50%; } .rt-col-xs-5 { width: 41.66666667%; } .rt-col-xs-4 { width: 33.33333333%; } .rt-col-xs-3 { width: 25%; } .rt-col-xs-2 { width: 16.66666667%; } .rt-col-xs-1 { width: 8.33333333%; } #tlp-team-module .item { position:relative; } #tlp-team-module .item h3, #tlp-team-module .item h4, #tlp-team-module .tlp-team-social, .tlp-each-item .tlp-team-shotlp-bio-com, .tlp-each-item .tlp-team-social { padding: 0 0px; margin: 10px 0px; } .tlp-each-item .tlp-team-short-bio-com { padding-bottom:5px; } #tlp-team-module { position: relative; padding-top: 10px; } #tlp-team-module .tlp-team-short-bio { font-size: 16px; } .tlp-cb { clear: both; } #tlp-team-module .item:hover .tlp-team-short-bio { opacity:1; } #tlp-team-module .item img { width: 100%; } #tlp-team-module .owl-nav { position: absolute !important; top: -50px; right: 0; } #tlp-team-module .owl-theme .owl-dots { padding-top: 5px !important; } .tlp-team-social { clear: both; display: block; } .tlp-team-social ul { list-style: none; padding: 0; margin: 0; } .tlp-team-social ul li { float: left; margin: 0; padding: 0; } .tlp-team-social ul li:last-child a{ margin-right: 0; } .tlp-team-social ul li a{ display: inline-block; width: 30px; height: 30px; overflow: hidden; margin: 0 5px 0 0; text-indent: -9999px; opacity: .9; transition:All .5s ease; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease; } .tlp-team-social ul li a:hover{ opacity: 1; } .tlp-facebook-icon { background: url(../images/social-icons/facebook.png) no-repeat; } a.tlp-facebook-icon:hover { background: url(../images/social-icons/facebook.png) no-repeat !important; } .tlp-twitter-icon { background: url(../images/social-icons/twitter.png) no-repeat; } a.tlp-twitter-icon:hover { background: url(../images/social-icons/twitter.png) no-repeat; } .tlp-googleplus-icon { background: url(../images/social-icons/google.png) no-repeat; } a.tlp-googleplus-icon:hover { background: url(../images/social-icons/google.png) no-repeat; } .tlp-linkedin-icon { background: url(../images/social-icons/linkedin.png) no-repeat; } a.tlp-linkedin-icon:hover { background: url(../images/social-icons/linkedin.png) no-repeat; } .tlp-each-item { margin-bottom:30px; } .tlp-each-item h3 { margin: 15px 0px 15px 0px; font-size: 22px; } .tlp-each-item h4 { margin: 0px 0px 10px 0px; font-size: 18px; } .team-detail .image-area { padding:10px 10px 10px 0px; } .team-detail .profile-area { padding:0px 0px 0px 10px; } .team-detail .tlp-email-icon { background:url(../images/mail-32.png) no-repeat ; line-height:16px; padding-bottom:8px; } .team-detail .tlp-email-icon a { padding-left:30px; font-size:15px; } .team-detail .tlp-web-icon { background:url(../images/world-32.png) no-repeat ; line-height:25px; padding-bottom:8px; } .team-detail .tlp-web-icon a { padding-left:30px; font-size:15px; } .team-detail .tlp-tel-icon { background:url(../images/phone-32.png) no-repeat ; line-height:25px; padding-bottom:8px; } .team-detail .tlp-tel-icon a { padding-left:30px; font-size:15px; } .team-detail .tlp-team-social { padding-top:15px; text-align:center; } @media (min-width: 768px) {.rt-container { width: 750px; } } @media (min-width: 992px) {.rt-container { width: 970px; } } @media (min-width: 1200px) {.rt-container { width: 1170px; } } @media (min-width: 768px) { .rt-col-sm-1, .rt-col-sm-2, .rt-col-sm-3, .rt-col-sm-4, .rt-col-sm-5, .rt-col-sm-6, .rt-col-sm-7, .rt-col-sm-8, .rt-col-sm-9, .rt-col-sm-10, .rt-col-sm-11, .rt-col-sm-12 { float: left; } .rt-col-sm-12 { width: 100%;} .rt-col-sm-11 { width: 91.66666667%; } .rt-col-sm-10 { width: 83.33333333%; } .rt-col-sm-9 { width: 75%; } .rt-col-sm-8 { width: 66.66666667%; } .rt-col-sm-7 { width: 58.33333333%; } .rt-col-sm-6 { width: 50%; } .rt-col-sm-5 { width: 41.66666667%; } .rt-col-sm-4 { width: 33.33333333%; } .rt-col-sm-3 { width: 25%; } .rt-col-sm-2 { width: 16.66666667%; } .rt-col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .rt-col-md-1, .rt-col-md-2, .rt-col-md-3, .rt-col-md-4, .rt-col-md-5, .rt-col-md-6, .rt-col-md-7, .rt-col-md-8, .rt-col-md-9, .rt-col-md-10, .rt-col-md-11, .rt-col-md-12 { float: left; } .rt-col-md-12 { width: 100%; } .rt-col-md-11 { width: 91.66666667%; } .rt-col-md-10 { width: 83.33333333%; } .rt-col-md-9 { width: 75%; } .rt-col-md-8 { width: 66.66666667%; } .rt-col-md-7 { width: 58.33333333%; } .rt-col-md-6 { width: 50%; } .rt-col-md-5 { width: 41.66666667%; } .rt-col-md-4 { width: 33.33333333%; } .rt-col-md-3 { width: 25%; } .rt-col-md-2 { width: 16.66666667%; } .rt-col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .rt-col-lg-1, .rt-col-lg-2, .rt-col-lg-3, .rt-col-lg-4, .rt-col-lg-5, .rt-col-lg-6, .rt-col-lg-7, .rt-col-lg-8, .rt-col-lg-9, .rt-col-lg-10, .rt-col-lg-11, .rt-col-lg-12 { float: left; } .rt-col-lg-12 { width: 100%; } .rt-col-lg-11 { width: 91.66666667%; } .rt-col-lg-10 { width: 83.33333333%; } .rt-col-lg-9 { width: 75%; } .rt-col-lg-8 { width: 66.66666667%; } .rt-col-lg-7 { width: 58.33333333%; } .rt-col-lg-6 { width: 50%; } .rt-col-lg-5 { width: 41.66666667%; } .rt-col-lg-4 { width: 33.33333333%; } .rt-col-lg-3 { width: 25%; } .rt-col-lg-2 { width: 16.66666667%; } .rt-col-lg-1 { width: 8.33333333%; } } /************************ End Grid **************************/ .rt-pagination ul { text-align: center; } .rt-pagination ul li { list-style: none; display: inline-block; } .rt-pagination ul li { color: black; float: left; padding: 8px 16px; text-decoration: none; border: 1px solid #ddd; } .rt-pagination li.active { background-color: #4CAF50; color: #fff !important; border: 1px solid #4CAF50; } .rt-pagination li.active a { color: #fff !important; } .rt-pagination li:hover:not(.active) {background-color: #ddd;} .rt-pagination li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .rt-pagination li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }