gina css

gistfile1.txt

/* ginalacoco : Thu, 08 Aug 2013 17:02:08 +0800 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1 {
font-size:100%;
font-weight:normal;
}

h2,h3,h4,h5,h6 {
font-family:黑體,Arial,微軟正黑體,黑體-繁,;
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:1;
color:#666;
}

.article-content p {
margin-bottom:10pt;
}

br {
letter-spacing:normal;
}

img {
vertical-align:middle;
max-width:100%;
max-height:100%;
}

body {
background:#fff;
position:relative;
font-size:12px;
color:#333;
line-height:170%;
font-family:arial;
background-image:url(none);
background-color:transparent;
background-position:undefined;
}

a {
text-decoration:none;
color:#666;
}

a:hover {
color:#1FBBBD;
}

#authority {
line-height:40px;
padding-left:60px;
}

#authority a {
background:#eee;
display:inline;
margin-right:5px;
padding:2px 5px;
}

#container {
margin:5px 40px;
}

#header {
/*height:500px;*/
position:relative;
/*
background-image:url(http://pic.pimg.tw/ginalacoco/1375952506-1660830696.jpg?v=1375952510);
*/
background-position:top left;
}

#login-bar {
font-size:12px;
color:#FF73B7;
text-align:right;
}

#banner h1 {
font-family:Andale Mono,Arial ;
font-size:50px;
margin-bottom:15px;
}


#banner h1 a {
color:#36648B;
}

#banner h1 a:hover {
color:#777;
}

#banner h2,#banner #blog-category {

font-size:12px;
color:#666;
}

#blog-category a {
color:#66B1B2;
}

#navigation {
margin-top:50px;
}

#navigation li {
display:inline;
float:left;
}

#navigation li a {
border-right:1px dotted #333;
color:#333;
padding:0 5px;
}

#navigation li a:hover {
color:#b33;
}

li#link-album a {
padding-left:0;
}

#main {
_height:1%;
overflow:hidden;
margin-top:10px;
}

#content {
width:60%;
float:left;
display:inline;
background-color:transparent;
}

#spotlight {
border:1px dotted #666;
padding:5px;
}

#spotlight h5 {
background:#666;
color:#fff;
display:inline;
padding:2px 5px;
}

#spotlight-text {
margin-top:5px;
}

.article {
border-bottom:1px #ccc dotted;
padding-bottom:20px;
margin:20px 0;
}

.article-head {
margin-bottom:10px;
}

.publish {
background:#FFEBF5;
line-height:13px;
font-size:12px;
display:inline;
color:#699;
padding:2px 5px;
}

.title {
padding-top:5px;
}

.title a {
font-size:17px;
color:#999;
font-weight:bold;
}

.article-footer {
border:1px solid #ddd;
margin-top:15px;
overflow:hidden;
padding:10px;
}

.main-list table {
width:100%;
margin-bottom:10px;
}

.main-list th {
color:#000;
font-weight:bold;
padding:3px;
}

.user-post-box {
position:relative;
margin-bottom:10px;
}

.user-post-title {
background:#eee;
color:#666;
line-height:28px;
height:28px;
padding:2px 10px;
}

.single-post {
border-bottom:1px dotted #ddd;
position:relative;
min-height:90px;
_height:90px;
color:#666;
padding:5px;
}

.post-photo {
position:absolute;
right:10px;
top:5px;
}

.post-photo img {
width:50px;
height:50px;
border:2px #ddd solid;
}

#comment-box .post-text {
width:80%;
}

.reply-text {
border:#eee 1px solid;
color:#333;
margin:5px 0;
padding:5px;
}

.single-post.secret {
min-height:30px;
}

#trackback-box #trackback-url {
position:absolute;
right:5px;
top:5px;
}

#trackback-box input {
height:22px;
}

#trackback-box input#trackback-input {
height:18px;
width:350px;
}

#comment-form {
margin-top:10px;
}

#comment-form table th {
width:100px;
text-align:left;
vertical-align:top;
}

#comment-form input.radio {
width:25px;
}

#comment-form input#send-comment {
width:80px;
height:20px;
background:#ddd;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:none;
}

#comment-form textarea {
width:100%;
height:150px;
}

.page {
margin-top:15px;
text-align:right;
}

.page a {
margin-left:10px;
font-size:12px;
}

#links {
width:25%;
float:right;
display:inline;
color:#399;
}

.box {
margin-bottom:15px;
}

.box-title {
background:#FCEEF5;
color:#666;
border-bottom:1px dotted #666;
margin-bottom:10px;
padding:2px 5px;
}

#calendar table {
width:80%;
text-align:center;
font-size:12px;
margin:0 auto;
}

#calendar th {
text-align:center;
color:#000;
font-weight:bold;
}

#calendar th a {
color:#000;
}

#calendar td {
text-align:center;
}

#visitor li,#crumb li {
float:left;
margin:3px;
}

#visitor li img,#crumb li img {
width:40px;
height:40px;
}

#broadcast ul {
height:45px;
width:230px;
overflow:hidden;
margin:5px 0;
}

#broadcast li {
line-height:20px;
}

#broadcast .broadcast-photo {
float:left;
margin-right:5px;
}

#search ul {
height:30px;
}

#search li {
float:left;
margin-right:5px;
display:inline;
}

#search input#search-submit {
background:#ddd;
height:18px;
border:none;
color:#666;
padding:1px 6px;
}

#user-info dd {
margin:0!important;
}

#footer {
text-align:center;
padding:30px 0;
}

#footer a {
margin-right:5px;
}

fieldset,img,abbr,acronym {
border:0;
}

#banner .skiplink,.post-comment,#comment-form h4 {
display:none;
}

.title a:hover,.post-info {
color:#EB87B8;
}

.author,.author a,#comment-form p {
text-align:right;
}

.history,.refer {
width:48%;
float:left;
}

.back-to-top,#visitor .box-more,#crumb .box-more {
clear:both;
}

.main-list td,#comment-form table td {
padding:3px;
}

#comment-form table,#comment-form input {
width:100%;
}

.page SPAN,#calendar td a {
background:#eee;
color:#666;
padding:1px 6px;
}

.page a:hover,#calendar td b,#calendar td a:hover {
color:#39DDDF;
}

#visitor ul,#crumb ul,#search .box-text {
overflow:hidden;
}

/* ----------------- blog doctor ------------------ */



#blog-category,
#navigation
 { display:none; }

#banner h2 {
height:500px;
background-image:url(http://pic.pimg.tw/ginalacoco/1375952506-1660830696.jpg);
margin-top: -55px;
}

#fs-desc {position:absolute; margin-top:100px; }

#nav { position:relative; }

#nav ul, #nav li, #nav a { padding:0; margin:0; display:block; }

#nav li {
position:absolute;
display:block;

/*

*/

}

#nav a {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
margin-top: -2px;
margin-left: -2px;
text-indent:-999em;
overflow:hidden;

border:2px dashed;
border-color:transparent;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

#nav li:hover a,
#nav li.hover a
 {
background-image:url(http://pic.pimg.tw/ginalacoco/1375952583-615409169.jpg);
}

#piliapp {
width: 246px;
height: 191px;
left: 595px;
top: 299px;
}
#piliapp a {
background-position: -595px -299px;
}

#facebook {
width: 166px;
height: 134px;
left: 428px;
top: 168px;
}
#facebook a {
background-position: -428px -168px;
}


#mimig {
width: 228px;
height: 204px;
left: 224px;
top: 276px;
}

#mimig a {
background-position: -224px -276px;
}

#instagram {
width: 268px;
height: 145px;
left: 746px;
top: 176px;
}

#instagram a {
background-position: -746px -176px;
}

#lookbook {
width: 268px;
height: 138px;
left: 728px;
top: 24px;
}
#lookbook a {
background-position: -728px -24px;

}

#mail {
width: 166px;
height: 109px;
left: 275px;
top: 49px;
}

#mail a {
background-position: -275px -49px;
}