@charset "utf-8";
/*
Theme Name: GlossyBlue
Theme URI: http://www.ndesign-studio.com
Description: WP glossy theme designed by N.Design Studio.
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com
This theme was designed and built by Nick La.
By downloading and using this theme, you agree to the following terms:
- You may NOT resell this theme
- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute
*/
body {
font-family: Arial;
font-size: 8pt;
line-height: 9pt;
color: #7E7E7E;
text-align: justify;
background: #000000 url('http://alexisbelon.com/wp/wp-content/themes/glossyblue-1-4/images/back.png') repeat center;
margin: 5px;
padding: 0px 0px 0px;
text-align: justify;
}
b { font-family: arial; font-size: 12px; color: #474646; letter-spacing: 0px; text-transform: none; font-weight: bold; line-height: 11px;}
strong { font-family: arial; font-size: 12px; color: #474646; letter-spacing: 0px; text-transform: none; font-weight: bold;}
font-weight: normal; line-height: 12px;}
big { font-family: arial; font-size: 11px; color: #c1c1c1; letter-spacing: 0px; text-transform: none; font-weight: normal; line-height: 11px;}
q { font-family:arial; font-size: 12px; color: #656565; letter-spacing: 0px; text-transform: none; font-weight: bold; line-height: 11px;}
i { font-family: georgia; font-size:12px; color: #474646; text-transform: none; line-height: 12px;}
em { font-family: arial; font-size:12px; color: #470126; text-transform: none; line-height: 12px;}
u { font-family: arial; font-size: 12px; color: #0B4C02; border-bottom: 2px solid #0B4C02; text-transform: none; font-weight: normal; line-height: 5px;}
input, option, textarea, select {padding: 2px; border: 0px; background-color: #470126; font-family: arial, sans-serif; font-size: 11px; color: #333333;}
blockquote {
margin: 5px 50px 5px 50px;
padding: 10px;
color: #4c4c4c;
font-size: 8pt;
font-family: Arial;
background: #f3b8cd;
line-height: 7pt;
text-align: justify;
}
a {
color: #470126;
text-decoration: none;
}
a:visited {
color: #470126;
text-decoration: none;
}
a:hover {
color: #8a09c6;
text-decoration: none;
}
img {
padding: 0px;
}
p {
padding: 0px 0px 15px;
margin: 0px;
}
h1 {
margin:0px;
background: url() no-repeat;
padding-left: 0px;
height: 60px;
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #470126;
}
h1 a, h1 a:visited{
color: #96ff00;
text-decoration: none;
}
h1 a:hover{
color: #8a09c6;
text-decoration: none;
}
h2 {
color: #000000;
margin: 0px 0px 2px;
border-bottom: 1px dotted #c1c1c1;
letter-spacing: 0px;
font-family: arial;
font-size: 11px;
padding-bottom: 3px;
font-weight: normal;
text-transform: uppercase;font-weight: bold;
}
h2 a, h2 a:visited {
color: #000000;
text-decoration: none;
font-transform: uppercase;
font-weight: bold;
}
h2 a:hover {
color: #EDB4DF;
margin: 0px 0px 2px;
border-bottom: 1px dotted #EDB4DF;
letter-spacing: 0px;
font-family: arial;
font-size: 11px;
padding-bottom: 3px;
font-weight: normal;
text-transform: uppercase;font-weight: bold;
}
h3 {
color: #EDB4DF;
margin: 0px 0px 2px;
border-bottom: 1px dotted #EDB4DF;
letter-spacing: 0px;
font-family: arial;
font-size: 11px;
padding-bottom: 3px;
font-weight: normal;
text-transform: uppercase;font-weight: bold;
}
h4 {
font-family: arial;
font-size: 14px;
color: #8f8f8f;
margin: 10px 0px 5px;
font-weight: normal;
}
form {
margin:0px;
padding:0px;
}
#page {
margin: 0px auto;
width: 850px;
border-bottom: 0px solid #EDB4DF;
border-left: 0px solid #EDB4DF;
border-right: 0px solid #EDB4DF;
background: #ffffff url() repeat center;
text-align: justify;
}
/* header area */
/* header area */
#header {
background: #1a1b1b url('http://alexisbelon.com/wp/wp-content/themes/glossyblue-1-4//images/h_1.png') repeat;
height: 385px;
width:850px;
border-bottom: 3px solid #ffffff;
position: relative;
}
#headerimg {
position: relative;
padding: 0px 0px 0px 0px;
width:850px;
height: 385px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
}
#headerimg .description{
position: absolute;
left: 0px;
bottom: 3px;
color: #EDB4DF;
font-size: 14px;
display: none;
}
#nav {
position: absolute;
width: 850px;
float: left;
clear: both;
background: #000000 url();
height: 20px;
margin: 0px auto;
color: #FFFFFF;
list-style: none;
right: 0px;
bottom: 0px;
padding: 0px;
}
#nav li {
float: right;
text-align: center;
line-height: 20px;
color: #FFFFFF;
font-size: 11px;
margin: 0px auto;
background: #000000 url();
}
#nav .current_page_item a, #nav .current_page_item a:visited{
display: block;
color: #EDB4DF;
vertical-align:top;
text-decoration: none;
font-family: Arial Arial, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background: #000000 url();
padding: 0 18px 0 20px;
text-transform: uppercase;
}
#nav ul {
text-align:left;
margin: 0 0px 0 0;
padding: 0px;
float: left;
list-style-type: none;
background: #000000 url();
}
#nav .page_item a{
display: block;
color: #896b63;
vertical-align:top;
text-decoration: none;
font-family: Arial Arial, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background: #000000 url();
padding: 0 18px 0 20px;
text-transform: uppercase;
}
#nav .page_item a:hover {
display: block;
color: #c4c3c3;
background: #000000;
text-decoration: none;
font-family: Arial Arial, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 0 18px 0 20px;
text-transform: uppercase;
}
/* content area */
#content {
padding: 25px 0px 0px 10px;
float: left;
width: 600px;
overflow: hidden;
text-align: justify;
}
#content img {padding: 0px; }
}
.post {
clear:both;
padding-top: 15px;
}
.post-date {
float:center;
background: url() no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #000000;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 95%;
text-transform: uppercase;
color: #E4C789;
text-align: center;
display:block;
line-height: 18px;
padding-top: 0px;
margin-left: -3px;
}
.post-title {
float: left;
margin-left: 5px;
width: 600px;
}
p.audioplayer_container {
text-align: center;
}
.entry {
clear: both;
padding-top: 10px;
}
.post-cat {
background: url() no-repeat;
padding-left: 0px;
float:left;
font-size: 95%;
color: #000000;
}
.post-comments {
background: url() no-repeat;
padding-left: 0px;
float: right;
font-size: 95%;
}
.post-calendar {
background: url() no-repeat;
padding-left: 0px;
float: right;
font-size: 95%;
color: #000000;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #333333;
}
.previous-entries a {
float: left;
padding-left: 18px;
padding-top: -3px !important;
background: url(images/arrowleft.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
padding-top: -3px !important;
background: url(images/arrowright.gif) no-repeat right center;
}
/* comments area */
#comments, #respond {
border-bottom: 1px dotted #ffffff;
padding: 10px 0 5px 0;
clear: both;
}
.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #4b4b4b;
}
.commentlist cite {
font-weight: none;
font-style: normal;
font-size: 120%;
color: #000000;
}
.commentlist cite a, .commentlist cite a:visited {
color: #000000;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
color: #000000;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
color: #000000;
}
#commentform label{
color: #000000;
font-size: 87%;
color: #000000;
}
#commentform input{
width: 200px;
background:#4b4b4b;
border: 1px solid #000000;
padding: 3px;
margin-top: 3px;
color: #000000;
}
#commentform textarea{
font-family: arial;
font-size: 11px;
width: 400px;
height: 100px;
background:#4b4b4b;
border: 1px solid #ffffff;
padding: 2px;
margin-top: 3px;
color: #000000;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #4b4b4b;
}
#commentform #submit{
background: #4b4b4b url() no-repeat;
font:11px Arial, Helvetica, sans-serif;
color: #000000;
border: none;
float:right;
width: 100px;
height: 20px;
cursor: pointer;
font-weight: normal;
}
/*sidebar */
#sidebar {
float: right;
padding: 0px 10px 0px 0px;
width: 220px;
color: #7E7E7E;
overflow: hidden;
text-align: justify;
}
table#wp-calendar{
width: 100%;
text-align: center;
}
#wp-calendar th { color: #4b4b4b; font-style: normal; text-transform: capitalize; background: #000000; text-align: center;}
table#wp-calendar a:link{
text-decoration:none;
color: #ffffff;
background: #000000;
padding-left: 2px !important;
padding-right: 2px !important;
}
#wp-calendar caption {
color: #000000;
text-align: center;
font-weight: bold;
}
#sidebar img {padding: 1px;
border:0px solid #000000;
margin: 0px;}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font-family: arial;
font-size: 11px;
color: #000000;
margin: 25px 0px 3px;
border-bottom: 1px dotted #c1c1c1;
font-weight: bold;
text-transform: uppercase;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
color: #787878;
text-transform: uppercase;font-weight: bold;
}
#sidebar a:hover{
color: #787878;
text-transform: uppercase;font-weight: bold;;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
border-bottom: 1px dotted #262626;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
ul.list-blogroll li{
background: url() no-repeat !important;
padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
background: url() no-repeat !important;
padding-left: 1px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
background: url() no-repeat !important;
padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url() no-repeat !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url() no-repeat !important;
padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url() no-repeat !important;
padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 7px;
}
/*text widget */
.textwidget {
padding-top: 5px;
}
/*search form */
#searchform {
margin: 15px 0 0;
}
#searchform br {
display: none;
}
#searchform #s {
border:0px solid #203346;
width: 135px;
height: 15px;
padding: 4px 5px 0px 5px;
border: 1px solid #2E2E2E;
font: 8pt Arial, Helvetica, sans-serif;
background: #000000;
margin-right: 2px;
color: #FFF000;
font-weight: normal;
}
.contentdate {
background: #FFFFFF url(images/icon-date.jpg);
float: left;
width: 45px;
height: 50px;
margin: 0px;
padding: 0px;
}
.contentdate h3 {
color: #ffffff;
font-size: 10px;
font-weight: normal;
padding: 0px 0px 0px 10px;
margin: 0px;
text-transform: uppercase;
}
.contentdate h4 {
font-family: Times New Roman, Helvetica, Sans-Serif;
color: #777777;
font-size: 21px;
font-weight: bold;
padding: 5px 4px 0px 0px;
margin: 0px;
text-align: center;
}
(add this code to your index.php)
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
background: #000000 url() no-repeat;
border: none;
width: 67px; height: 26px; font: bold 9px Arial, Helvetica, sans-serif; color: #ffffff; vertical-align: middle; } /* footer area */ #footer { clear: both; background: #4b4b4b url() no-repeat; color: #999999; font-size: 11px; line-height: 130%; padding-bottom: 10px; } #footer img { padding: 1px; height: 50px; width: 50px; border:5px solid #ffffff; margin: 2px; } #footer a, #footer a:visited { color: #ffffff; } #footer h4 { font-family: arial; font-size: 11px; color: #000000; margin: 10px 0px 5px; text-transform: uppercase;font-weight: bold; } .footer-recent-comments { width: 220px; float: left; margin-left: 50px; } .footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; } .footer-recent-comments ul li { background: url() no-repeat; padding: 0px 0px 5px 0px; } .footer-recent-posts { width: 220px; float: left; margin-left: 10px; } .footer-recent-posts strong { font-size: 107%; line-height: 135%; font-weight: bold; } .footer-recent-posts ul { list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 110%; } .footer-recent-posts ul li { background: url() no-repeat; padding: 0px 0px 10px 0px; } .footer-about { width: 250px; float: right; padding-right: 10px; padding-left: 10px; background: #4b4b4b url() no-repeat; } /* credits */ #credits { margin: 0px auto; width: 760px; color: #585858; font-size: 11px; line-height: 120%; } #credits a, #credit a:visited { color: #ffffff; font-size: 11px; } .rss { background: url() no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; } .loginout { background: url() no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; } /* alignments */ .center { text-align: center; } img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } img.alignleft, img[align="left"] { float:left; margin: 2px 10px 5px 0px; } .alignright { float: right; } img.alignright, img[align="right"] { float:right; margin: 2px 0px 5px 10px; } .clear { clear:both; } hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; .wp-smiley { border: 0pt none; margin: 0px; padding: 0px; vertical-align: middle; }