/web-app/styles/default.css
http://github.com/sut-go/gon · CSS · 402 lines · 310 code · 79 blank · 13 comment · 0 complexity · e95d4c9d7cabdfec61836039b4082d2a MD5 · raw file
- /*
- Design by GOLANG AT SUT
- */
-
- body {
- margin-top: 15px;
- padding: 0;
- background: #787878;
- text-align: justify;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- color: #999;
- }
-
- h1, h2, h3 {
- margin-top: 0;
- color: #8C0209;
- }
-
- h1 {
- font-size: 1.6em;
- font-weight: normal;
- }
-
- h2 {
- font-size: 1.6em;
- }
-
- h3 {
- font-size: 1em;
- }
-
- ul {
- }
-
- a {
- text-decoration: none;
- color: #8C0209;
- }
-
- a:hover {
- border-bottom: none;
- }
-
- a img {
- border: none;
- }
-
- img.left {
- float: left;
- margin: 0 20px 0 0;
- }
-
- img.right {
- float: right;
- margin: 0 0 0 20px;
- }
-
- #header {
- width: 1000px;
- margin: 0 auto;
- height: 150px;
- background: url(../images/img02.jpg) repeat-x left top;
- }
-
- /* Header */
-
- #logo {
- width: 1000px;
- height: 100px;
- margin: 0 auto;
- padding: 0 10px 0 70px;
- background: url(../images/img01.jpg) no-repeat left top;
- }
-
- #logo h1, #logo p {
- float: left;
- margin: 0;
- color: #8C0209;
- }
-
- #logo span {
- color: #000000;
- font-family: Georgia, "Times New Roman", Times, serif;
- }
-
- #logo h1 {
- padding: 25px 0 0 0;
- letter-spacing: -1px;
- text-transform: lowercase;
- font-weight: normal;
- font-size: 3em;
- }
-
- #logo p {
- text-transform: uppercase;
- padding: 47px 0 0 3px;
- font-size: 10px;
- color: #110E0F;
- }
-
- #logo a {
- border: none;
- text-decoration: none;
- color: #8C0209;
- text-align: left;
- }
-
- /* Menu */
-
- #menu {
- width: 1000px;
- margin: 0 auto;
- padding: 0;
- height: 50px;
- background: url(../images/img02.jpg) no-repeat left top;
- }
-
- #menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- #menu li {
- display: inline;
- }
-
- #menu a {
- display: block;
- float: left;
- height: 32px;
- margin: 0;
- padding: 18px 30px 0 30px;
- text-decoration: none;
- text-transform: capitalize;
- background: url(../images/img03.jpg) no-repeat right top;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- color: #FFFFFF;
- }
-
- #menu a:hover {
- color: #FFFFFF;
- text-align: right;
- }
-
- #menu .current_page_item a {
- color: #FFFFFF;
- }
-
- /* Wrapper */
-
- #wrapper {
- }
-
- /* Page */
-
- #page {
- width: 990px;
- margin: 0 auto;
- padding: 5px 5px;
- background: #FFFFFF;
- }
-
- #page-bg {
- }
-
- /* Latest Post */
-
- #latest-post {
- padding: 20px;
- border: 1px solid #E7E7E7;
- }
-
- /* Content */
-
- #content {
- float: left;
- width: 550px;
- }
-
- .post {
- padding-bottom: 15px;
- line-height: 200%;
- }
-
- .post h1 {
- font-weight: normal;
- }
-
- .title {
- margin: 0;
- padding: 10px 0 4px 20px;
- font-weight: normal;
- }
-
- .title a {
- border-bottom: none;
- color: #F00;
- }
-
- .title a:hover {
- border-bottom: 1px dotted #000000;
- font-weight: bold;
- font-size: 16px;
- color: #F00;
- }
-
- .byline {
- border-bottom: 1px #BBBBBB dashed;
- margin: -10px 20px 20px 20px;
- color: #C00;
- }
-
- .tag {
- padding: 0 15px;
- }
-
- .entry {
- padding: 0 20px;
- font-size: 16px;
- color: #000;
- }
-
- .links {
- padding: 4px 0px;
- text-align: right;
- font-weight: bold;
- }
-
- .links a {
- border: none;
- }
-
- .links a:hover {
- }
-
- /* Sidebars */
-
- #sidebar1 {
- float: left;
- }
-
- #sidebar2 {
- float: right;
- }
-
- .sidebar {
- float: left;
- width: 220px;
- padding: 0;
- font-size: 12px;
- }
-
- .sidebar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .sidebar li {
- padding: 0 0 20px 0;
- }
-
- .sidebar li ul {
- }
-
- .sidebar li li {
- margin: 0 20px 0 15px;
- padding: 8px 0px;
- border-bottom: 1px #BBBBBB dashed;
- }
-
-
- .sidebar li h2 {
- height: 30px;
- margin: 0 0 0 0;
- padding: 10px 15px 0px 15px;
- background: #890208 url(../images/img05.jpg) no-repeat left top;
- letter-spacing: -1px;
- font-size: 16px;
- color: #FFFFFF;
- }
-
- .sidebar a {
- }
-
- /* Search */
-
- #searchform {
- margin: 0;
- padding: 0 0 0 0;
- }
-
- #searchform br {
- display: none;
- }
-
- #searchform h2 {
- }
-
- #s {
- margin: 10px 0px 0 15px;
- padding: 2px 2px;
- width: 180px;
- height: 18px;
- border: 1px solid #CA8186;
- background: #FFFFFF;
- font-size: 10px;
- color: #000000;
- }
-
- #x {
- margin: 0;
- padding: 2px 5px;
- height: 25px;
- background: #CA8186;
- text-decoration: none;
- text-transform: uppercase;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 10px;
- color: #CCCCCC;
- }
- /* Calendar */
-
- #calendar_wrap {
- padding: 0 15px;
- text-align: center;
- }
-
- #calendar_wrap table {
- width: 100%;
- }
-
- #calendar_wrap th {
- }
-
- #calendar_wrap td {
- }
-
- #calendar_wrap tfoot td {
- border: none;
- }
-
- #calendar_wrap tfoot td#prev {
- text-align: left;
- font-weight: bold;
- border: none;
- }
-
- #calendar_wrap tfoot td#prev a {
- border: none;
- }
-
- #calendar_wrap tfoot td#next {
- text-align: right;
- font-weight: bold;
- border: none;
- }
-
- #calendar_wrap tfoot td#next a {
- border: none;
- }
-
- /* Footer */
-
- #footer {
- width: 960px;
- height: 40px;
- margin: 0 auto;
- padding: 0 20px;
- background: url(../images/img04.jpg) no-repeat left top;
- color: #FFF;
- font-size: 14px;
- font-family: "MS Serif", "New York", serif;
- }
-
- #footer p {
- margin: 0;
- padding: 15px 0 0 0;
- text-align: center;
- font-size: smaller;
- }
-
- #footer a {
- color: #FFF;
- }
-
- #footer .link {
- float: right;
- color: #FFF;
- font-size: 12px;
- }
-
- #footer .copyright {
- float: left;
- }
-
- .flower {
- padding-left: 20px;
- }