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;
} |