450 lines
6.9 KiB
CSS
450 lines
6.9 KiB
CSS
|
|
/*
|
|
Design by Free CSS Templates
|
|
http://www.freecsstemplates.org
|
|
Released for free under a Creative Commons Attribution 2.5 License
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #FFFFFF url(/static/images/img01.jpg) repeat-x left top;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #787878;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
color: #32639A;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2.4em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
p, ul, ol {
|
|
margin-top: 0;
|
|
line-height: 180%;
|
|
}
|
|
|
|
ul, ol {
|
|
}
|
|
.error {
|
|
color: red;
|
|
font-size: 1.4em;
|
|
}
|
|
.info {
|
|
color: orange;
|
|
font-size: 1.3em;
|
|
margin-top: 5px;
|
|
}
|
|
.center-img{
|
|
vertical-align: middle;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color: #4486C7;
|
|
}
|
|
|
|
a:hover {
|
|
}
|
|
|
|
#wrapper {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
#header {
|
|
width: 940px;
|
|
height: 148px;
|
|
margin: 0 auto;
|
|
background: url(/static/images/logo-tis.png) no-repeat left 20px;
|
|
}
|
|
|
|
/* Logo */
|
|
|
|
#logo {
|
|
float: left;
|
|
margin: 0;
|
|
padding-top: 30px;
|
|
color: #000000;
|
|
}
|
|
|
|
#logo h1, #logo p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#logo h1 {
|
|
float: left;
|
|
padding-left: 80px;
|
|
letter-spacing: -1px;
|
|
font-size: 3.8em;
|
|
}
|
|
|
|
#logo p {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 26px 0 0 10px;
|
|
font: normal 14px Georgia, "Times New Roman", Times, serif;
|
|
font-style: italic;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#logo a {
|
|
border: none;
|
|
background: none;
|
|
text-decoration: none;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Menu */
|
|
|
|
#menu {
|
|
float: left;
|
|
width: 100%;
|
|
height: 49px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
#menu ul {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
left:50%;
|
|
line-height: normal;
|
|
position: relative;
|
|
}
|
|
#menu ul li{
|
|
float: left;
|
|
position:relative;
|
|
right:50%;
|
|
}
|
|
#menu li {
|
|
position: relative;
|
|
}
|
|
|
|
#menu a {
|
|
display: block;
|
|
width: 155px;
|
|
height: 33px;
|
|
padding-top: 16px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
border: none;
|
|
}
|
|
|
|
#menu a:hover, #menu .current_page_item a {
|
|
background: #659CEF url(/static/images/img03.jpg) repeat-x left bottom;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#menu .current_page_item a {
|
|
background: #FBFBFC url(/static/images/img02.jpg) repeat-x left bottom;
|
|
padding-left: 0;
|
|
color: #30476A;
|
|
}
|
|
|
|
/* Page */
|
|
|
|
#page {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
#page-bgtop {
|
|
padding: 20px px;
|
|
}
|
|
|
|
#page-bgbtm {
|
|
}
|
|
|
|
/* Content */
|
|
|
|
#content {
|
|
width: 100%;
|
|
float: left;
|
|
padding: 30px 0px 0px 0px;
|
|
}
|
|
#content h2{
|
|
margin-left: 30px;
|
|
}
|
|
#content h3{
|
|
margin-left: 60px;
|
|
}
|
|
|
|
h4{
|
|
padding-left: 150px;
|
|
}
|
|
|
|
.post {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.post-bgtop {
|
|
}
|
|
|
|
.post-bgbtm {
|
|
}
|
|
|
|
.post .title {
|
|
margin-bottom: 10px;
|
|
padding: 12px 0 0 0px;
|
|
letter-spacing: -.5px;
|
|
color: #32639A;
|
|
}
|
|
|
|
.post .title a {
|
|
color: #32639A;
|
|
border: none;
|
|
}
|
|
|
|
.post .meta {
|
|
height: 30px;
|
|
background: #D8E7FE;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: left;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.post .meta .date {
|
|
float: left;
|
|
height: 24px;
|
|
padding: 3px 15px;
|
|
color: #4A81DE;
|
|
}
|
|
|
|
.post .meta .posted {
|
|
float: right;
|
|
height: 24px;
|
|
padding: 3px 15px;
|
|
background: #A8CF64;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.post .meta a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.post .entry {
|
|
padding: 0px 0px 20px 0px;
|
|
padding-bottom: 20px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.links {
|
|
padding-top: 20px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Sidebar */
|
|
|
|
#sidebar {
|
|
float: right;
|
|
width: 280px;
|
|
padding: 0px;
|
|
color: #787878;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
#sidebar ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#sidebar li {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-left: 1px solid #E2E2E2;
|
|
}
|
|
|
|
#sidebar li ul {
|
|
margin: 0px 0px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
#sidebar li li {
|
|
line-height: 35px;
|
|
border-bottom: 1px dashed #D1D1D1;
|
|
margin: 0px 30px;
|
|
border-left: none;
|
|
}
|
|
|
|
#sidebar li li span {
|
|
display: block;
|
|
margin-top: -20px;
|
|
padding: 0;
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
}
|
|
|
|
#sidebar h2 {
|
|
height: 38px;
|
|
padding-left: 30px;
|
|
letter-spacing: -.5px;
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
#sidebar p {
|
|
margin: 0 0px;
|
|
padding: 0px 30px 20px 30px;
|
|
text-align: justify;
|
|
}
|
|
|
|
#sidebar a {
|
|
border: none;
|
|
}
|
|
|
|
#sidebar a:hover {
|
|
text-decoration: underline;
|
|
color: #8A8A8A;
|
|
}
|
|
|
|
/* Footer */
|
|
|
|
#footer {
|
|
height: 50px;
|
|
margin: 0 auto;
|
|
padding: 0px 0 15px 0;
|
|
background: #D8E7FE;
|
|
border-top: 1px solid #D3DEF0;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
#footer p {
|
|
margin: 0;
|
|
padding-top: 20px;
|
|
line-height: normal;
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
#footer a {
|
|
color: #5389E0;
|
|
}
|
|
|
|
td.loading {
|
|
/*text-align: center;*/
|
|
vertical-align: center;
|
|
}
|
|
|
|
|
|
table.sample {
|
|
border-width: 1px;
|
|
border-spacing: 1px;
|
|
border-style: outset;
|
|
border-color: green;
|
|
border-collapse: collapse;
|
|
background-color: white;
|
|
}
|
|
table.sample th {
|
|
border-width: 1px;
|
|
padding: 1px;
|
|
border-style: inset;
|
|
border-color: gray;
|
|
background-color: white;
|
|
-moz-border-radius: ;
|
|
}
|
|
table.sample td {
|
|
border-width: 1px;
|
|
padding: 1px;
|
|
border-style: inset;
|
|
border-color: gray;
|
|
background-color: white;
|
|
-moz-border-radius: ;
|
|
}
|
|
/*Tables*/
|
|
#table-design {
|
|
margin: 0 auto;
|
|
background-color: whiteSmoke;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
}
|
|
#table-design td, #table-design th {
|
|
}
|
|
#table-design th {
|
|
color: #333;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
padding: 0 20px;
|
|
}
|
|
#table-design td {
|
|
padding: 0 20px;
|
|
line-height: 20px;
|
|
color: #0084B4;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #fff;
|
|
border-top: 1px solid #fff;
|
|
}
|
|
#table-design tr:hover {
|
|
background-color: #fff;
|
|
}
|
|
P.message {
|
|
display: inline;
|
|
margin: 0 auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
/*width: 6em;*/
|
|
background-color: whiteSmoke;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
font-size: 14px;
|
|
color: #0084B4;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
#mouter{
|
|
position:relative;
|
|
left:50%;
|
|
float:left;
|
|
clear:both;
|
|
margin:10px 0;
|
|
text-align:left;
|
|
}
|
|
#minner{
|
|
background-color: whiteSmoke;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
padding:5px 20px;
|
|
position:relative;
|
|
left:-50%;
|
|
text-align:left;
|
|
font-size: 14px;
|
|
color: #0084B4;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|