Login   Register  
PHP Classes
elePHPant
Icontem

File: style.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Arturs Sosins  >  CSS fix  >  style.css  >  Download  
File: style.css
Role: Auxiliary data
Content type: text/plain
Description: CSS style for example
Class: CSS fix
Replace CSS properties with browser specific names
Author: By
Last change:
Date: 2 years ago
Size: 5,369 bytes
 

Contents

Class file image Download
html, body {
	width: 100%;
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	margin:0;
	padding:0;
	font-family: Tahoma;
}
body
{
	text-align: center;
	font-family: Tahoma, serf;
	color: #333;
	font-size: 12px;
	/*background: #22a9e1 url(../images/globe.png) no-repeat;*/
	background: #22a9e1;
}
a
{
	text-decoration: none;
	outline: none;
	color: #0a4ffa;
    transition:color 250ms ease-in;  
}
a:hover
{
	color: #ffc600;
}
img
{
	border: 0;
}
#sharethis
{
	position: fixed;
	right: 2px;
	top: 175px;
	border:2px solid yellow;
	color: #ffffff;
	padding: 3px;
}
#sharethis ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#sharethis li
{
	padding: 2px;
}
#wrapper
{
	width: 1000px;
	margin: 0 auto;
}
#top
{
	position: relative;
}
#logo
{
	text-align: left;
	position:relative;
	z-index: 0;
}
#logo a
{
	font-family: Century;
	font-size: 40px;
	color: #fff;
	text-shadow: #414141 1px 1px 1px;
	text-transform: uppercase;
}
#logo a span
{
	color: yellow;
	text-shadow: yellow 0px 0px 2px;
}
#search-box
{
	background-color: yellow;
	position: absolute;
	right: 0px;
	top: 120px;
	border-radius: 4px;
	box-shadow: 0px 0px 35px #444, inset 0px 0px 5px #444;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444');
	padding: 7px;
	width: 260px;
	text-align: left;
}
.search-input
{
	position: absolute;
	top: 3px;
	right: 7px
}
#cse-search-results
{
	margin-left: -18px;
	margin-top: -18px;
	padding-top: 18px;
}
#container
{
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 35px #444, inset 0px 0px 5px #444;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
	padding: 20px 20px;
	overflow: auto;
}
#left
{
	float: left;
	width: 190px;
}
#content
{
	margin-left: 210px;
	padding: 0 5px;
}
#disqus_thread
{
	width: 500px;
}
#menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu a
{
	display: block;
	height: 20px;
	line-height: 20px;
	width: 100%;
}
#menu ul li a:link, #menu ul li a:visited, .menu-top, .menu-bottom {
	/*background: #637bad;*/
	/*background: #082633;*/
	background: #bbf;
	border: none;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin-bottom: 1px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px 1px 0px rgba(0,0,0,.2);
	width: 190px;
    transition:all 250ms ease-in;  
}

.menu-top
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.menu-bottom
{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a.selected {
	background: #22a9e1;
	/*color: yellow;*/
}
.ads
{
	padding: 20px 0px;
}
.news
{
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
}
.news h1
{
	padding: 0;
	text-align: left;
}

.short_news
{
	text-align: justify;
	font-size: 14px;
	font-family: Arial;
	line-height: 20px;
	overflow: auto;
}
h1.short_news_title a
{
	font-family: Tahoma;
	font-size: 24px;
	color: #333;
}
h1.short_news_title a:hover
{
	color: #22a9e1;
}
.short_news table
{
	border-spacing: 0;
	border-color: yellow;
}

.short_news td
{
	border-color: yellow;
}
/*some comment p */
.time
{
margin-left: 6px;
margin-right: 6px;
}

/*some comment p */
.back
{
	text-align: center;
}

.back a
{
	font-size: 15px;
	text-decoration: underline;
}
.readmore
{
	text-align: right;
}
.com_count
{
	float: left;
}
.readmore a
{
	font-size: 14px;
	text-decoration: underline;
}
/* another comment h3*/
.news_title
{
	text-align: left;
	color: #22a9e1;
}
.news_image
{
	float: left;
	margin-right: 10px;
	border: 1px solid #fff;
	padding: 2px;
}
#share
{
	margin-top: 10px;
}
#footer
{
	margin-top: 10px;
}
#footer p.credits
{
	color: #fff;
	font-weight: bold;
}
#footer a
{
	color: yellow;
}
#footertext
{
	padding-top: 20px;
	width: 1000px;
	color: #fff;
	font-family: "Arial";
	font-size: 120%;
	overflow: auto;
	margin: 0 auto;
}
.fcont
{
	width: 220px;
	float: left;
	margin: 0 15px;
	text-align: left;
}
.fcont h3
{
	margin: 0 0 5px 0;
	font-size: 20px;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.fcont p
{
	font-size: 14px;
	line-height: 130%;
}
.line 
{ 
	background-color: #fff;
	height: 1px;
}
.follow
{
	padding-top: 10px;
}
.follow ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.follow li
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}
.follow img
{
	vertical-align: middle;
}
#footer .follow a
{
	color: #fff;
	font-size: 18px;
}
#footer .follow a.fprojects
{
	font-size: 15px;
}
#disqus_thread 
{
	overflow:hidden;
}
.recommend img
{
	margin-bottom: 10px;
}
.recommend 
{
	margin: 0;
	padding: 0;
	list-style: none;
}