File "common.css"
Full path: E:/sites/Single15/tinmung2007/webroot/Tin VUI_BUON/_TinVui/2023/Ta On Linh Muc-June-16/album/res/common.css
File size: 9.47 KiB (9694 bytes)
MIME-type:
Charset: utf-8
/*
common.css - the primary styles
Author: Laza
*/
body {
margin:0;
font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size:13px;
line-height:1.385;
color:#444444;
background-color:#dddddd;
}
a {
color:#000066;
text-decoration:none;
}
a:hover, a:focus {
text-decoration:underline;
}
/* Resetting some elements */
table {
font-size:100%;
}
h1, h2, h3, h4, h5 {
font-weight:normal;
margin:0.2em 0;
}
h1 { font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
a img {
border:none;
text-decoration:none;
}
p { margin:0.5em 0; }
/* Utility styles */
.fleft {
float:left;
display:inline;
}
.fright {
float:right;
display:inline;
}
.clear {
clear:both;
}
/*********************************** Page structure */
#main {
margin:0 auto;
background-color:#ffffff;
width:892px;
}
#slide #main {
width:890px;
}
#navigation {
background-color:#444444;
z-index:999;
}
#header {
padding:20px;
}
#content {
padding:0 20px;
}
#slide #content {
padding:0;
}
#footer {
font-size:85%;
padding:0.75em 20px;
text-align:center;
}
#footer .bottom-nav a {
padding:0.2em 0.5em;
color:#444444;
}
#footer .bottom-nav ul {
display:inline-block;
margin:0;
padding:0;
list-style-type:none;
}
#footer .bottom-nav ul li {
display:inline-block;
}
#footer .bottom-nav ul li a {
display:block;
}
/*********************************** Top navigation */
#navigation {
position:relative;
text-align:center;
line-height:40px;
}
#navigation .logo {
/*height:40px;*/
width:25%;
float:left;
display:inline-block;
margin-right:2%;
text-align:center;
}
#navigation .logo a {
display:block;
line-height:40px;
overflow:hidden;
}
#navigation .logo img {
max-width:100%;
vertical-align:middle;
margin-top:-2px;
}
.top-nav {
text-align:center;
}
.top-nav.with-logo {
margin-left:27%;
}
.top-nav a {
display:block;
white-space:nowrap;
color:#ffffff;
}
.top-nav > ul {
}
.top-nav ul {
display:inline-block;
vertical-align:top;
padding:0;
margin:0;
list-style-type:none;
z-index:998;
}
.top-nav li.actual {
background-color:#000066;
}
.top-nav > ul > li {
position:relative;
display:inline-block;
width:auto;
height:100%;
}
.ie7 .top-nav > ul > li {
float:left;
}
.top-nav > ul > li.home {
width:30px;
height:30px;
margin-top:5px;
}
.top-nav > ul > li.home a {
display:block;
line-height:30px;
background-image:url(home_d.png);
background-position:center 0px;
background-repeat:no-repeat;
text-decoration:none;
}
.top-nav > ul > li.home a:hover {
background-position:center -30px;
}
.top-nav > ul > li > a {
line-height:40px;
font-size:1.2em;
padding:0 0.75em;
}
.top-nav > ul > li ul {
display:none;
position:absolute;
z-index:999;
background-color:#444444;
}
.top-nav > ul > li > ul {
min-width:100%;
}
.top-nav > ul > li > ul li {
position:relative;
display:block;
}
.top-nav > ul > li > ul > li a {
line-height:30px;
font-size:1em;
padding:0 0.75em;
}
.top-nav > ul > li > ul > li ul {
left:100%;
top:0;
}
.top-nav > ul > li:hover > ul,
.top-nav > ul > li > ul > li:hover > ul,
.top-nav > ul > li > ul > ul > li > li:hover > ul {
display:block;
}
/*********************************** Navigation buttons */
a.navigation,
span.navigation {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
background-image:url(navigation.png);
background-repeat:no-repeat;
}
a.navigation {
text-decoration:none;
background-position:0 0;
}
a#up {
background-position:0 0;
}
a#up:hover {
background-position:0 -40px;
}
span#up {
background-position:0 -80px;
}
a#prev {
background-position:-40px 0;
}
a#prev:hover {
background-position:-40px -40px;
}
span#prev {
background-position:-40px -80px;
}
a#next {
background-position:-80px 0;
}
a#next:hover {
background-position:-80px -40px;
}
span#next {
background-position:-80px -80px;
}
a#first {
background-position:-120px 0;
}
a#first:hover {
background-position:-120px -40px;
}
span#first {
background-position:-120px -80px;
}
a#last {
background-position:-150px 0;
}
a#last:hover {
background-position:-150px -40px;
}
span#last {
background-position:-150px -80px;
}
/*********************************** Head section */
.headln {
margin:0 80px;
text-align:center;
}
.headln small {
font-size:80%;
margin-right:0.5em;
}
.headln h1 {
min-height:40px;
}
/*********************************** Index page thumbnail grid */
.thumbs td {
width:168px;
text-align:center;
}
.thumbs td:hover {
background-color:#eee;
}
.thumbs td.empty:hover {
background-color:transparent;
}
.thumbs .thumb {
position:relative;
width:168px;
height:120px;
padding:4px 0;
}
.thumbs .thumb em {
position:absolute;
right:4px;
top:4px;
width:20px;
height:20px;
background:url(foldericon.png) center center no-repeat;
}
.thumbs .thumb a {
line-height:120px;
height:100%;
text-decoration:none;
}
.thumbs .thumb a img {
margin-top:-3px;
vertical-align:middle;
border:0;
outline:none;
}
.thumbs .thumb a i {
line-height:0;
font-size:1px;
height:1px;
width:1px;
margin-right:-1px;
overflow:hidden;
}
.thumbs .caption {
width:160px;
padding:4px;
overflow:hidden;
}
.thumbs .caption h5 {
margin:0.5em 0;
}
.thumbs .caption p {
font-size:85%;
margin:0.25em 0;
}
/*********************************** Slide page's main image */
.mainimage {
margin:20px auto;
min-width:200px;
width:auto;
text-align:center;
padding:10px;
background-color:#ffffff;
}
.mainimage img {
border:none;
vertical-align:top;
outline:none;
}
.mainimage .caption {
padding:10px;
background-color:#fff;
overflow:hidden;
color:#444;
}
.mainimage .caption .title {
font-size:120%;
font-weight:bold;
}
.mainimage .caption .comment {
}
.mainimage .caption .meta {
font-size:85%;
}
.mainimage .caption .meta b {
font-weight:normal;
color:#999;
}
/*********************************** Thumbnail navigation */
.thumbnavigation .actual img {
border:4px solid #444444;
}
.thumbnavigation table {
margin:0 auto;
}
.thumbnavigation .leftcol,
.thumbnavigation .rightcol {
width:371px;
}
.thumbnavigation .leftcol {
text-align:right;
}
.thumbnavigation .rightcol {
text-align:left;
}
/*
styles.css - custom styles for the skin's Page templates
*/
/************** About page */
#about-page {
margin:10px 10%;
}
#about-page .author {
float:left;
display:inline;
margin:10px 30px 10px 0;
max-width:40%;
}
#about-page .author img {
max-width:100%;
}
#about-page .texts {
overflow:hidden;
}
#about-page .texts p {
line-height:1.5em;
}
/************** Sitemap page */
#sitemap-page {
margin:0 20px;
padding-left:100px;
}
#sitemap-page .sitemap {
font-size:120%;
}
#sitemap-page .sitemap ul {
padding-left:2em;
}
#sitemap-page .sitemap li {
padding:0.5em 0;
}
#sitemap-page .sitemap li small {
margin-top:0.5em;
display:block;
}
/************** Contact page */
#contact-page {
margin:10px 10px 10px 60px;
}
#contact-page .theme {
float:right;
display:inline;
margin:0 0 10px 20px;
max-width:40%;
}
#contact-page .theme img {
max-width:100%;
}
#contact-page .texts {
overflow:hidden;
}
#contact-page .texts blockquote {
font-size:80%;
line-height:1.5em;
padding-left:12px;
border-left:10px solid rgba(255,255,255,0.1);
}
#contact-page .texts > div {
font-size:120%;
padding:15px 5px;
border-top:1px solid rgba(255,255,255,0.2);
border-bottom:1px solid rgba(0,0,0,0.2);
}
#contact-page .texts blockquote,
#contact-page .texts a {
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
#contact-page .texts a {
font-size:80%;
padding:5px 5px 5px 26px;
line-height:14px;
-moz-border-radius:6px;
border-radius:6px;
background-color:rgba(255,255,255,0.1);
background-image:url(share.png);
background-repeat:no-repeat;
}
#contact-page .facebook a { background-position:0 -24px; }
#contact-page .twitter a { background-position:0 -48px; }
#contact-page .digg a { background-position:0 -72px; }
#contact-page .myspace a { background-position:0 -96px; }
#contact-page .delicious a { background-position:0 -120px; }
#contact-page .stumbleupon a { background-position:0 -144px; }
#contact-page .email a { background-position:0 -168px; }
#contact-page .reddit a { background-position:0 -192px; }
#contact-page .tumblr a { background-position:0 -216px; }
#contact-page .flickr a { background-position:0 -240px; }
#contact-page .foursquare a { background-position:0 -264px; }
#contact-page .google a { background-position:0 -288px; }
#contact-page .linkedin a { background-position:0 -312px; }
#contact-page .picasa a { background-position:0 -336px; }
#contact-page .skype a { background-position:0 -360px; }
#contact-page .vimeo a { background-position:0 -384px; }
#contact-page .youtube a { background-position:0 -408px; }
#contact-page .phone a { background-position:0 -432px; }
#contact-page .jalbum a { background-position:0 -456px; }
@charset "utf-8";
/* Transparent.css :: See-through album */
body, #main {
background-color:transparent;
}
.thumbnavigation .actual img {
border-color:#ffffff;
}
#main { background-color:rgba(255,255,255,0.5); }