PHP Classes

File: public/css/coloftech.style-2.css

Recommend this page to a friend!
  Classes of harold rita  >  CodeIgniter Template Viewer Class  >  public/css/coloftech.style-2.css  >  Download  
File: public/css/coloftech.style-2.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: CodeIgniter Template Viewer Class
Render views using templates in a CodeIgniter App
Author: By
Last change:
Date: 3 months ago
Size: 2,102 bytes
 

Contents

Class file image Download
html{
	background-color: rgba(0,0,0,.80);
}
body{
	background-color: #fff;
}
.home-title{
	background: green;
}
.home-title a{
	text-decoration: none;
}
.home-title .header-title a > h4{
}
.navbar-inverse{

    background: #027709; 
    border: none;
}
#nav-portal {
	width: 100%;
    background: #027709; 
	position: absolute;
    z-index: 2;
}


.read{

}
.read .desc{
	margin-left: 150px;
}


.box{
	height: 90px ;
	background-color: #fff;
	padding: 2px;
}


.box .box-content{
	height: 90px ;
	width: 100%;
	padding-top: 10%;
	background-color: #e4e4e4;
	text-align: center;
}

.box .box-type{

	height: 90px ;
	width: 100%;
	background-color: green;
	padding: 5%;
	font-size: 3vh;
	color: #fff;
	text-align: center;
	display: none;
	text-transform: uppercase;

}
.box:hover .box-content {
	display: none;
}

.box:hover .box-type {
	display: inline-block;
}

.box .box-content:hover{

	background-color: green;
	color: #fff;
}
.box .box-content:hover a{color: #fff;}

.search-form .search-input{
		width: 90% !important;
		max-width: 90%;
	}

.search-form .btn{display: inline-block;}


#slideshow .nav a small
{
    display: block;
}
#slideshow .nav
{
    background: #eee;
}
.nav-justified > li > a
{
    border-radius: 0px;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }
.loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
     border-top: 10px solid lime;
 	border-bottom: 10px solid lime;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
footer {
    position: fixed;
    height: 30px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px;
}
@media only screen and (max-width: 768px) {

#slideshow {display: none;}

}
For more information send a message to info at phpclasses dot org.