body {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bg-body.jpg);
}
.t-news-wrapper {
width: 600px;
height: 200px;
margin: 100px auto;
background-image: url('../images/loading.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
}
#t-tabs {
list-style: none;
margin: 0;
padding: 0;
}
#t-tabs li {
display: inline-block;
margin: 0 1px;
background: #242b31;
background: -moz-linear-gradient(top, #323b44 0%, #242b31 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323b44), color-stop(100%, #242b31));
background: -webkit-linear-gradient(top, #323b44 0%, #242b31 100%);
background: -o-linear-gradient(top, #323b44 0%, #242b31 100%);
background: -ms-linear-gradient(top, #323b44 0%, #242b31 100%);
background: linear-gradient(top, #323b44 0%, #242b31 100%);
line-height: 30px;
height: 30px;
position: relative;
padding: 0 15px;
border: 1px solid #1d262d;
color: #fff;
text-align: center;
text-shadow: -1px -1px 0px #191e24;
border-radius: 3px 3px 0 0;
box-shadow: 1px 0 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2);
;
cursor: pointer;
}
#t-tabs li.nomargin {
margin: 0 !important;
}
#t-tabs li a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 11px;
}
#t-tabs li.active {
background: none;
background-color: #fff;
text-shadow: none;
border: 1px solid #fff;
}
#t-tabs li.active a {
color: #2a333a;
font-weight: bold;
}
#t-news-contents {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.t-news-wrap {
position: absolute;
width: 100%;
}
.t-news {
width: 74%;
background: #fff;
outline: none;
float: left;
border-radius: 0 3px 3px 3px;
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
padding: 20px;
z-index: 15;
}
.t-news-date {
width: 19%;
height: 200px;
background: #293239;
background: -moz-linear-gradient(top, #3c4952 0%, #293239 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c4952), color-stop(100%, #293239));
background: -webkit-linear-gradient(top, #3c4952 0%, #293239 100%);
background: -o-linear-gradient(top, #3c4952 0%, #293239 100%);
background: -ms-linear-gradient(top, #3c4952 0%, #293239 100%);
background: linear-gradient(top, #3c4952 0%, #293239 100%);
float: left;
border: 1px solid #1c252c;
border-radius: 0 3px 3px 0px;
height: 169px;
text-align: center;
margin-left: -5px;
z-index: 10;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2);
border-top: 0px;
}
.t-date {
text-align: center;
}
.t-date h5, .t-date h6 {
margin: 0;
padding: 0;
color: #dedeea;
font-size: 20px;
text-shadow: 1px 1px 0 #242b31;
}
.t-date h5 {
margin-top: 50%;
}
.t-news-preview {
width: 20%;
float: left;
}
.t-news-preview img {
width: 80px;
height: 80px;
border: none;
}
.t-news-summary {
width: 80%;
float: left;
}
.t-news-summary h1 {
color: #61727c;
font-size: 18px;
}
.t-news-summary h1 a, .t-news-summary h1 a:active, .t-news-summary h1 a:visited {
color: #61727c;
font-size: 18px;
text-decoration: none;
}
.t-news-summary h1 a:hover {
color: #61727c;
font-size: 18px;
text-decoration: underline;
}
.t-news-summary p {
line-height: 1.5;
color: #595959;
font-size: 12px;
}
.clear {
clear: both;
}
#t-nav {
position: absolute;
margin-top: -100px;
margin-left: 40px;
z-index: 111;
}
#t-nav img {
cursor: pointer;
}