| Server IP : 192.249.121.117 / Your IP : 216.73.216.251 Web Server : Apache System : Linux ded4606.inmotionhosting.com 3.10.0-1160.81.1.el7.x86_64 #1 SMP Fri Dec 16 17:29:43 UTC 2022 x86_64 User : oakben5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/oakben5/public_html/career/ |
Upload File : |
body {font-family: "Lato", sans-serif;}
ul.tab {
list-style-type: none;
/* padding: 0; */
overflow: hidden;
border: 1px solid #ccc;
background-color: #5eaff1;
}
ul.rslides.rslides1.rslides2 {
margin: 3px 0 0 0;
}
/* Float the list items side by side */
ul.tab li {float: left;}
/* Style the links inside the list items */
ul.tab li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 35px;
text-decoration: none;
transition: 0.3s;
font-size: 20px;
}
/* Change background color of links on hover */
ul.tab li a:hover {
background-color: #286ea7;
}
/* Create an active/current tablink class */
ul.tab li a:focus, .active {
background-color: #286ea7;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
margin: 20px 20px 0px 0px;
}
.back {
color: white;
}
.flip-container {
perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
.flip-container, .front, .back {
width: 320px;
height: 280px;
}
/* flip speed goes here */
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
/* front pane, placed above back */
.front {
z-index: 2;
/* for firefox 31 */
transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
transform: rotateY(180deg);
/* accoration */
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
}
.rslides img {
display: block;
height: auto;
width: 100%;
border: 0;
}
#map_canvas {
height: 500px;
width: 500px;
margin: 0px;
padding: 0px
}
@media only screen and (min-width: 960px) {
.modal {width: 780px !important;left:38%!important;}
}
@media only screen and (max-width: 960px) {
#header-top {
margin-bottom: 113px;
}
#text-2 .textwidget {
padding: 0px 25px;
}
div#text-2 {
position: absolute;
top: 290px;
left: 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
div#widgets_for_shortcodes {
display: none;
}
div#header-left img {
float: none !important;
}
ul.socials-link.clearfix {
width: 123px !important;
margin-right: auto !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
margin-left: auto !important;
}
a.headlnk {
width: 100%;
display: block;
}
.flotelle{
float:none !important;
}
.spacer2{
display:none;
}
.himage{
width:84%
}
.footimg {
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 481px) {
#page-203 table, #page-203 tbody, #page-203 td {
display:block;
}
#page-203 td {
width: 124px;}
#page-205 table, #page-205 tbody, #page-205 td {
display:block;
}
#page-205 td {
width: 97px;}
}
@media only screen and (max-width: 480px) {
div#widgets_for_shortcodes {
display: none;
}
div#header-left img {
float: none !important;
}
ul.socials-link.clearfix {
width: 123px !important;
margin-right: auto !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
margin-left: auto !important;
}
a.headlnk {
width: 100%;
display: block;
}
.flotelle{
float:none !important;
}
.spacer2{
display:none;
}
.himage{
width:84%
}
a.mainimg {
padding-left: 25%;
}
h2.ff {
font-size: 23px !important;
}
}
}
@media only screen and (max-width: 480px)
{
.footimg {
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 480px)
{
li.spl {
padding-left: 7%;
}
.fot {
width: 30%;
}
.ftrimh
{
width:25%;
}
.footimg {
padding-top: 10%;
}
p#back-top {
padding-right: 70%;
}
img.ee {
margin-left: -150%;
margin-top: 18%;
}
.flotelle {
margin-right: 200%;
}
margin-top: 30%;
a.mainimg {
padding-left: 25%;
}
img.spimg {
margin-left: -15%;
}
h2.ff {
font-size: 23px !important;
}
}
</style>
<style>
@media only screen and (max-width: 1250px)
{
.footimg {
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 480px)
{
li.spl {
padding-left: 7%;
}
.fot {
width: 30%;
}
.ftrimh
{
width:25%;
}
.footimg {
padding-top: 10%;
}
p#back-top {
padding-right: 70%;
}
img.ee {
margin-left: -150%;
margin-top: 18%;
}
.flotelle {
margin-right: 200%;
margin-top: 30%;
}
a.mainimg {
padding-left: 25%;
}
.me {
margin-top: -18%;
}
.tpp {
margin-left: 18%;
}
.shead {
font-size: 18px;
}
img.ms1 {
margin-top: -2%;
margin-left: 60%;
}
img.ms2 {
margin-left: -20%;
margin-top: -62%;
}
img.spimg {
margin-left: -15%;
}
}
@media only screen and (max-width: 784px)
{
.rt{
padding-top: 3%;
}
}
.flip {
height: 199px;
width: 300px;
margin: 0 auto;
}
.flip img {
width: 300px;
height: auto;
}
.flip .back {
background: #2184cd;
color: #fff;
text-align: center;
}
.card {
width: 100%;
height: auto;
padding: 0px;
margin: 0 auto;
}
.card a.thumb {
float: left;
width: 100px;
height: 60px;
margin: 0 5px 10px 0;
}
.card a.thumb img {
max-width: 100%;
max-height: 100%;
}
.front, .back {
width: 100%;
height: 100%;
}
.card img{width:100%}
.card h3 {
text-align: center;
background: #4391fd;
color: #fff;
margin: 0;
padding: 10px 0px;
font-size: 18px;
font-weight: bold;
}
.back {
background: #4391fd;
color: #fff;
text-align: center;
padding: 12px;
font-size: 17px;
}
.back p{ font-size: 14px; }
.back img {width: 30%; }
.navbar {
margin-bottom: 0px !important;
}
.shead {
position: absolute;
bottom: 16%;
left: 50%;
margin-left: -333px;
}
.shead h2{
text-align: center;
color: #FFF;
font-size: 57px;
font-weight: bolder;
text-shadow: 0px 6px 7px rgba(0, 0, 0, 0.55);
}
.shead h2 span{
font-style: italic;
font-family: 'Damion', cursive !important;
font-weight: normal;
}
#search {
padding: 38px 10px;
background: #1e7fd1;
}
.tab-pane {
background: #fff !important;
}
body{
background-image: url(../img/section-city-backdrop.jpg);
background-repeat: repeat}
.container{background: #fff;}
.box {
text-align: center;
padding: 22px 30px;
}
.box h6{ font-weight: bold; font-size: 15px}
.front{ position: relative !important}
.navbar-default {
background-color: #1e7fd1;
border-color: #1e7fd1;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
background-color: #165c98 !important;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background-color: #165c98 !important;
}
.tab-content>.active {
display: block;
padding-top: 35px;
}
.nav-pills>li {
background: #f7e0e0;
}
.bluehead{background:#1e7fd1; }
h5.bluehead {
background: #1e7fd1;
padding: 12px 8px;
color: #fff;
font-weight: bold;
}
thead.bluehead {
background: #1e7fd1;
color: #fff;
}
.panel-heading.bluehead {
background: #1e7fd1;
color: #fff;
font-weight: bold;
}
#hero-wrapper {
height: 100%;
width: 100%;
}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
height: 100%;
width: 100%;
}
#hero-carousel img {
left: 0;
bottom: 0;
/*min-width: 100%;
min-height: 100%;
max-width: none;*/
width:100%;
height: auto;
}
#hero-carousel i {
position: absolute;
top: 50%;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.cardlocation {
/*
margin: 18px auto !important;
min-height: 171px !important;
background: #4391fd !important;*/
}
.frontloc {
margin: 15px 0px;
min-height: 165px;
background: #4391fd;
}
.socials-link {
margin: auto;
width: 166px;
}
.socials-link li {
float: left;
list-style: none;
margin: 0 0 0 8px;
color: #bfbfbf;
line-height: 24px;
text-shadow: none;
}
.socials-link li a {
font-size: 24px;
color: #666;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
td:before {
position: n;
/* top: 6px; */
/* left: 6px; */
width: 200px;
padding-right: 10px;
white-space: nowrap;
display: block;
font-weight: bold;
}
/*
Label the data
th>Job Title</th>
<th>Department</th>
<th>Location</th>
<th>Posted</th>
*/
td:nth-of-type(1):before { content: "Job Title"; }
td:nth-of-type(2):before { content: "Position ID"; }
td:nth-of-type(3):before { content: "Department"; }
td:nth-of-type(4:before { content: "Location"; }
td:nth-of-type(5):before { content: "Campus"; }
td:nth-of-type(6):before { content: "Posted"; }
td:nth-of-type(7):before { content: ""; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body {
padding: 0;
margin: 0;
width: 320px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
width: 495px;
}
}