Minion
[skin]Share skin ghép từ 9xstudio và haivl
on 11/08/2013Minion
Demo: http://s-game.5forum.net/
Rip : ღ๖ۣۜKool๖ღ ( Còn gọi là Minion )
Chỉnh Sửa: ღ๖ۣۜKool๖ღ ( Còn gọi là Minion )
Css:
- Code:
.bodyline {
border: none;
background-image: url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
#pun-navlinks ul.clearfix {
text-align:center;
padding-left:30px;
}
#pun-navlinks li {
display:inline-block;
line-height:45px;
margin-top:-1px;
}
#pun-head #pun-navlinks {
border-bottom:1px solid #ddd;
background:url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
width:863px;
border-radius:6px 6px 6px 6px;
text-transform:uppercase;
margin:100px auto 0;
padding:0!important;
}
#pun-head #pun-navlinks li a:hover,#pun-head #pun-navlinks li:first-child a {
border-bottom:2px solid #6E942D;
color:#fff;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
}
#pun-head #pun-navlinks li a {
display:inline-block;
}
#pun-navlinks li a {
margin:0 .8em 0 0;
}
#pun-head #pun-navlinks li:first-child a,#lbCaption {
font-weight:700;
}
BODY{
background:url(http://twimg0-a.akamaihd.net/images/themes/theme1/bg.png) #C0DEED center top no-repeat;
color:#302f2f;
font-family:Tahoma;
font-size:12px;
margin:0;
padding:0
}
::selection{
background:#00A5F0;
color:#fff;
text-shadow: 0 1px rgba(0, 0, 0, .2);
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
list-style: none;
margin: 0;
}
a {
text-decoration: none;
color: #333;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}
a:hover {
color: #BA0069
}
img {
border: none;
}
.clear {
clear: both;
}
.inputForm .mediumWidth {
width: 300px;
}
.inputForm .largeWidth {
width: 500px;
}
.inputForm .mediumHeight {
height: 80px;
}
.inputForm input.text, .inputForm textarea, select {
display: block;
padding: 8px;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: border-color .2s linear;
-moz-transition: border-color .2s linear;
margin: 5px 0;
}
.inputForm input.text:focus, .inputForm textarea:focus, select:focus {
border-color: #00A5F0;
}
.inputForm label {
font-weight: bold;
cursor: pointer;
display: block;
font-size: 13px
}
.inputForm label.help {
font-weight: normal;
font-style: italic
}
.checkboxLabel {
display: inline!important;
}
.inputForm .buttonSet {
margin-top: 30px
}
.buttons {
line-height: 30px;
padding: 0 10px;
font-size: 12px;
font-weight: bold;
background-color: #00A5F0;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
min-width: 45px;
cursor: pointer
}
.buttons:hover {
background-color: #24BBFF;
}
.buttons:active {
background-color: #0082bd;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
}
.cancelButtons {
display: inline-block;
background-color: transparent;
color: #888;
text-shadow: 0 1px 0 white;
-webkit-transition: color .2s linear;
}
.cancelButtons:hover {
color: #666;
background-color: transparent;
}
.cancelButtons:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
background-color: #eee;
}
.required label:after {
color: red;
content: " *";
}
.required label.help:after {
content: "";
}
#header {
background-color: #1F1F1F;
border-bottom: 1px solid #333;
margin: auto 0;
color: #C5C5C5;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0 2px 0 0 #262626, 0 -1px 0 0 #171717;
-moz-box-shadow: 0 2px 0 0 #262626, 0 -1px 0 0 #171717;
}
#headerContent {
width: 995px;
height: 40px;
margin: 0 auto;
}
#headerContent a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}
a#logo {
background: url(http://s.haivl.com/content/images/logo_40.png) no-repeat;
height: 40px;
width: 70px;
float: left;
text-indent: -9999px;
}
ul#menuBar {
font-weight: bold;
font-size: 14px;
float: left;
margin: 15px 0 0;
}
#menuBar li {
display: inline;
}
#menuBar a {
color: #999;
padding: 20px 8px;
}
#menuBar li.selected a {
color: white;
text-shadow: 0 1px #000;
}
#menuBar a:hover {
color: white;
text-shadow: 0 1px #000;
}
#menuBar .new {
color: red;
font-size: 13px;
position: relative;
top: -6px;
left: -7px
}
#menuBar .upload {
background: transparent url(http://s.haivl.com/content/images/upload_icon.png) no-repeat center left;
padding: 20px 10px 20px 25px;
margin-left: 8px
}
#search {
margin: 6px 10px 0 0;
float: right;
}
#search .query {
float: left;
height: 20px!important;
margin-top: 3px;
}
#loginPanel {
float: right;
}
#loginPanel .loginButton, #loginPanel .profileButton, .searchButton {
color: #EDEDED;
font-size: 12px;
line-height: 16px;
font-weight: bold;
background-color: #444;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
border: 1px solid black;
max-width: 194px;
padding: 5px 10px;
text-align: center;
cursor: pointer;
}
#loginPanel .loginButton, #loginPanel .profileButton {
width: 140px;
display: block;
margin: 8px 0 0;
}
#loginPanel .loginButton, .searchButton {
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
}
#loginPanel .loginButton:hover, .searchButton:hover {
background-color: #555;
color: white
}
#loginPanel .loginButton:active{
}
#loginPanel .profileButton {
min-width: 140px;
background: #444 url(http://s.haivl.com/content/images/down_icon.png) no-repeat center right;
}
#loginPanel .profileButton .notiCount {
background-color: #f03d25;
border: 1px solid #d83722;
border-bottom: 1px solid #c0311e;
border-top: 1px solid #e23923;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
padding: 0 3px;
color: #fff;
position: relative;
top: -10px;
font-size: 11px
}
#loginPanel:hover .profileButton{
background-color: #000;
color: #BABABA;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
#loginPanel ul {
background-color: black;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
position: absolute;
padding-bottom: 5px;
font-size: 11px;
display: none;
z-index: 999;
}
#loginPanel:hover ul {
display: block;
cursor: pointer;
}
#loginPanel ul a {
display: block;
padding: 5px 10px;
color: #999;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}
#loginPanel ul a:hover {
color: white
}
#loginPanel ul, #loginPanel span {
width: 162px;
}
#loginPanel span {
font-size: 11px;
padding-left: 30px;
}
#mainContainer {
width: 995px;
margin: 0 auto;
}
#leftColumn {
float: left;
width: 685px;
}
#rightColumn {
width: 300px;
float: right;
}
#rightColumn .fixedWidth {
width: 300px;
}
#footer {
margin: 20px 0 20px;
text-shadow: 0 1px #EEE;
line-height: 1.5em;
text-align: center
}
#footer a {
color: #555;
font-weight: bold;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}
#footer a:hover {
color: #BA0069;
}
#footer ul {
list-style-type: none
}
#footer .links a {
margin: 0 3px;
}
#footer .links a.first {
margin-left: 0
}
a.colorful {
color: #00A5F0
}
div.box {
margin: 0 0 10px 0;
padding: 10px 15px 5px;
background-color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 3px #AAA;
-moz-box-shadow: 0 0 3px #AAA;
-webkit-box-shadow: 0 0 3px #AAA;
}
div.box h1 {
font-size: 20px;
}
div.box h3 {
font-size: 17px;
margin: 0 0 5px;
}
div.box h4 {
font-size: 14px;
margin: 10px 0;
}
div.darkBox {
background-color: #DEDEDE;
text-shadow: 0 1px #EEE;
box-shadow: 0 0 3px #888;
-moz-box-shadow: 0 0 3px #888;
-webkit-box-shadow: 0 0 3px #888;
}
div.highlightBox {
background-color: #FF9
}
div.infoBox a {
color: #00A5F0
}
div.infoBox ul {
padding-left: 20px;
}
div.infoBox li {
list-style-type: disc;
margin: 5px 0
}
div.minHeightBox {
min-height: 200px;
}
div.tips {
background: #FF9;
border: 1px solid #E6DB55;
padding: 6px 10px;
text-shadow: 0 1px white;
font-size: 12px;
display:block;
}
div.tips a {
color: #00A5F0;
}
p.loading {
text-align: center;
}
div.last {
border-bottom: none;
margin-bottom: 0
}
.windowContainer {
display: none;
}
.windowContainer h3 {
font-size: 18px;
}
.spaceBottom {
margin-bottom: 10px;
}
/* Notification */
.notification
{
position: relative;
margin: 0 0 10px 0;
padding: 0;
border: 1px solid;
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.attention
{
background: #fffbcc url('http://s.haivl.com/content/images/admin/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}
.information
{
background: #dbe3ff url('http://s.haivl.com/content/images/admin/icons/information.png');
border-color: #a2b4ee;
color: #585b66;
}
.success
{
background: #d5ffce url('http://s.haivl.com/content/images/admin/icons/tick_circle.png');
border-color: #9adf8f;
color: #556652;
}
.error
{
background: #ffcece url('http://s.haivl.com/content/images/admin/icons/cross_circle.png');
border-color: #df8f8f;
color: #665252;
}
.notification div
{
display: block;
font-style: normal;
padding: 10px 20px 10px 36px;
line-height: 1.5em;
}
.notification .close
{
color: #990000;
font-size: 9px;
position: absolute;
right: 0px;
top: 0px;
background: url('http://s.haivl.com/content/images/admin/icons/cross_grey_small.png') no-repeat;
width: 18px;
height: 18px;
}
.notification a {
color: #00A5F0
}
/* Validation */
.field-validation-error
{
color: #ff0000;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
margin: 0 0 10px 0;
}
.validation-summary-errors li
{
font-weight: normal;
list-style-type: disc;
margin: 5px 0 0 30px;
color: red;
}
.validation-summary-valid
{
display: none;
}
.viewSwitcher {
text-align: center;
padding-bottom: 10px;
}
.viewSwitcher a {
color: #00A5F0;
font-weight: bold;
}
/* Home page */
.listItemSeparator {
height: 1px
}
.photoList .loading {
margin-bottom: 20px;
}
.photoListItem {
border-bottom: 1px solid #DDD;
margin-bottom: 10px;
padding: 10px 0 20px;
}
.recommend {
padding: 10px 0 10px;
border: solid 1px #9cf;
border-radius: 5px;
margin-bottom: 10px;
background-color: #F0F7F9;
}
.recommend .ads {
float: left;
width: 340px;
margin-left: 5px;
}
.recommend .list {
margin-left: 10px;
float: left;
width: 295px
}
.recommend .photoListItemSmall {
border: none
}
.recommend .photoListItemSmall .thumbnail {
overflow: visible
}
.recommend .photoListItemSmall .thumbnail img {
margin: 0
}
.recommend .photoListItemSmall .info {
width: 190px
}
.photoList .thumbnail {
float: left;
width: 400px;
text-align: center;
overflow: hidden
}
.photoList .thumbnail img {
max-width: 400px;
margin: 0 auto -34px
}
.photoList .thumbnail img.videoIndicator {
position: relative;
top: -150px;
}
.photoList .info {
margin-left: 410px;
width: 240px;
z-index: 1;
}
.photoList .description {
font-size: 14px;
margin: 0 0 10px;
}
.photoListItem .vote {
height: 44px;
width: 216px;
margin: 10px 0 0;
padding: 0;
border-radius: 5px;
background-color: #F4F4F4;
border: 1px solid #DDD;
box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;
-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
}
.photoListItem .vote .voteUp, .photoListItem .vote .voteDown {
float: left;
width: 108px
}
.photoListItem .vote a {
height: 44px;
width: 108px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
display: block;
border: none;
overflow: hidden;
}
.photoListItem .vote a:hover {
background-color: #E4E4E4;
border-radius: 0 5px 5px 0;
}
.photoListItem .vote a.first:hover {
border-radius: 5px 0 0 5px;
}
.photoListItem .vote a.upVoted, .photoListItem .vote a.downVoted {
}
.photoListItem .vote a.upVoted {
background-color: #78FF94;
border-radius: 0 5px 5px 0;
}
.photoListItem .vote a.downVoted {
background-color: #FF94B3;
border-radius: 5px 0 0 5px;
}
.photoListItem .vote a.first {
border-right: 1px solid #DDD;
}
.photoListItem .vote a span {
height: 20px;
display: block;
padding: 4px 0 0 27px;
color: #333;
font-weight: bold;
margin: 10px 0;
}
.photoListItem .vote .voteUp a span {
background: url(http://s.haivl.com/content/images/vote_icon.png) no-repeat transparent;
margin-left: 27px;
}
.photoListItem .vote .voteDown a span {
background: url(http://s.haivl.com/content/images/vote_icon.png) no-repeat 0 -24px transparent;
margin-left: 30px;
}
.photoList h2 {
margin: 0 0 10px;
line-height: 1.2em;
}
.uploader {
margin-bottom: 3px;
font-size: 11px;
color: #7D7D7D
}
.uploader a {
color: #00A5F0
}
.photoList .votePlz {
font-weight: bold;
color: #BA0069;
font-size: 13px;
margin-top: 7px
}
.photoList .stats {
font-weight: bold;
font-size: 15px;
margin: 3px 5px 0 0;
padding: 3px 0;
height: 25px;
}
.photoList .stats .viewComments {
float: left;
margin-top: 4px;
}
.views {
background: url(http://s.haivl.com/content/images/view_icon.png) no-repeat transparent;
padding-left: 18px;
}
.comments {
background: url(http://s.haivl.com/content/images/comment_icon.png) no-repeat transparent;
padding-left: 18px;
}
span.source {
background: url(http://s.haivl.com/content/images/source_icon.png) no-repeat transparent;
padding-left: 18px;
font-size: 14px;
font-weight: bold;
}
.photoList .stats .comments {
margin-left: 5px;
}
.likes {
background: url(http://s.haivl.com/content/images/like_icon.png) no-repeat transparent;
padding-left: 18px;
}
.photoList .stats .likes {
margin-left: 5px;
}
.photoList .stats .likesWrapper {
margin-left: 9px;
float: left
}
span.pendingCount {
font-size: 12px;
position: relative;
top: -8px;
font-weight: normal;
}
#rightColumn .fixed {
position: fixed;
width: 300px
}
div.topUsers {
font-weight: bold;
}
div.topUsers .item {
float: left;
width: 135px;
margin-bottom: 8px
}
div.topUsers .itemWide
{
width: 215px
}
div.topUsers .item img {
width: 35px;
height: 35px;
float: left
}
div.topUsers .item .info {
margin-left: 38px;
}
div.topUsers .name {
display: block;
margin-bottom: 3px
}
div.topUsers span.likes {
color: #333
}
h3.topUsers {
background: url(http://s.haivl.com/content/images/smile_icon.png) no-repeat transparent;
padding-left: 22px;
float: left;
}
ul.topUsersSort {
float: right;
}
ul.topUsersSort li {
display: inline;
font-size: 14px;
font-weight: bold;
font-size: 13px;
font-style: italic;
}
ul.topUsersSort span {
color: #00A5F0
}
ul.topUsersSortHome li {
font-style: italic
}
ul.topUsersSortHome a.selected {
color: #00A5F0;
}
div.moreTop {
font-style: italic;
font-weight: bold;
text-align: right;
}
a.nextListPage {
float: left;
width: 635px;
color: white;
display: none;
margin-bottom: 10px;
}
div.plzVoteBottom {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
div.plzVoteBottom a {
color: #00A5F0
}
/* Photo details */
div.photoDetails h1 {
font-size: 17px;
margin: 0 0 5px;
}
div.photoDetails .photoInfo {
float: left;
width: 470px;
}
div.photoDetails .uploader {
float: left;
margin-left: 10px;
background-color: #EEE;
padding: 5px 5px 5px 8px;
width: 160px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #545454;
margin-bottom: 5px;
}
div.photoDetails .uploader img {
float: left;
width: 30px;
height: 30px;
}
div.photoDetails .uploader .info {
float: left;
margin-left: 3px;
}
div.photoDetails .uploader .info a {
display: block;
line-height: 13px;
}
div.adminActions {
margin-bottom: 10px;
}
div.adminActions a {
color: #00A5F0;
margin-right: 10px;
}
div.adminActions a.disabled {
color: black;
pointer-events: none;
cursor: default;
}
.photoListItem .adminActions {
margin-top: 10px
}
div.photoImg {
margin-bottom: 10px;
text-align: center;
overflow: hidden
}
div.photoImg img {
max-width: 650px;
margin: 0 auto -34px
}
div.commentContainer {
}
div.photoDetails .likeButton {
padding: 10px 10px 5px;
height: 25px;
width: 665px;
background-color: white;
z-index: 2;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DDD;
background-color: #F4F4F4;
margin: 0 -15px 10px;
}
div.photoDetails .likeButtonVoting {
background-color: #FF9
}
div.photoDetails .likeButton .text {
line-height: 20px;
font-weight: bold;
color: #BA0069;
float: left;
padding-right: 5px;
font-size: 15px;
}
div.photoDetails .likeButton .fbLikeButton {
float: left
}
div.photoDetails .description {
font-size: 14px;
margin: 0 0 10px;
}
span.instruction {
font-style: italic
}
div.photoDetails .stats {
font-weight: bold;
font-size: 14px;
margin: 5px 0;
}
div.photoDetails .stats .comments {
margin-left: 10px;
}
div.photoDetails div.source {
margin: 5px 0;
}
div.photoDetails div.source .text {
font-weight: normal;
}
div.photoDetails .stats .number {
font-size: 16px;
color: #BA0069
}
div.photoDetails .stats .text {
font-weight: normal;
}
div.photoDetails .stats a {
font-weight: normal;
}
div.photoDetails .navButtons {
font-size: 14px;
float: right;
font-weight: bold;
margin-top: 2px;
}
div.photoDetails .prev {
background: url(http://s.haivl.com/content/images/prev_icon.png) no-repeat scroll 0 -16px transparent;
padding-left: 15px;
}
div.photoDetails .prev:hover {
background-position: 0 0;
}
div.photoDetails .next {
background: url(http://s.haivl.com/content/images/next_icon.png) no-repeat scroll right -16px transparent;
padding-right: 15px;
margin-left: 10px;
}
div.photoDetails .next:hover {
background-position: top right;
}
div.photoDetails .vote {
float: left;
height: 29px;
width: 136px;
margin: -5px 10px 0 0;
padding: 0;
border-radius: 5px;
background-color: #F4F4F4;
border: 1px solid #DDD;
box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;
-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
}
div.photoDetails .vote .voteUp, div.photoDetails .vote .voteDown {
float: left;
width: 68px
}
div.photoDetails .vote a {
height: 29px;
width: 68px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
display: block;
border: none;
overflow: hidden;
}
div.photoDetails .vote a:hover {
background-color: #E4E4E4;
border-radius: 0 5px 5px 0;
}
div.photoDetails .vote a.first:hover {
border-radius: 5px 0 0 5px;
}
div.photoDetails .vote a.upVoted {
background-color: #78FF94;
border-radius: 0 5px 5px 0;
}
div.photoDetails .vote a.downVoted {
background-color: #FF94B3;
border-radius: 5px 0 0 5px;
}
div.photoDetails .vote a.first {
border-right: 1px solid #DDD;
}
div.photoDetails .vote a span {
margin: 7px 0;
height: 16px;
display: block;
padding-left: 19px;
color: #333;
font-weight: bold;
}
div.photoDetails .vote .voteUp a span {
background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat transparent;
margin-left: 15px;
}
div.photoDetails .vote .voteDown a span {
background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat 0 -16px transparent;
margin-left: 11px;
}
.photoListItemSmall {
border-bottom: 1px solid #DDD;
padding: 2px 0;
}
.photoListItemSmall .thumbnail {
float: left;
width: 100px;
text-align: center
}
.photoListItemSmall .thumbnail img {
max-width: 100px;
max-height: 80px;
}
.photoListItemSmall .info {
margin-left: 105px;
}
.photoListItemSmall .stats {
font-weight: bold;
font-size: 12px;
}
.photoListItemSmall .stats .comments {
margin-left: 5px;
}
.photoListItemSmall .stats .likes {
margin-left: 5px;
}
.photoListItemSmall .info h3 {
font-size: 15px;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}
.photoListItemSmall a:hover {
color: #333;
}
.photoListItemSmall a:hover h3 {
color: #BA0069;
}
.photoDetails .commentContainer h4 {
border-bottom: 1px solid #DDD;
padding-bottom: 5px;
margin: 10px 0 5px;
}
.photoDetails .commentContainer .tipComment {
margin-bottom: 5px;
}
.photoDetails .commentContainer .tipComment a {
color: #00A5F0
}
.photoDetails .commentContainer .meo {
color: #BA0069
}
.photoDetails .report {
color: #BA0069;
font-size: 12px;
float: right;
background: url(http://s.haivl.com/content/images/report_icon.png) no-repeat transparent;
padding-left: 14px;
line-height: 12px;
font-weight: bold
}
.photoDetails .featuredFanPage {
background-color: #EEE;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 10px;
}
.photoDetails .featuredFanPage h4 {
margin: 0 0 5px;
color: #BA0069;
}
.photoList .featuredFanPage {
border-bottom: 1px solid #DDD;
margin-bottom: 10px;
padding: 10px 0 20px;
height: 46px;
}
.photoList .featuredFanPage h4 {
margin: 0 0 5px;
color: #BA0069;
font-size: 15px;
}
.photoList .featuredFanPage a {
color: #00A5F0;
}
/* Upload photo */
ul.guidelines {
list-style-type: disc;
margin: 0 0 10px 15px;
padding: 0;
}
ul.guidelines li {
list-style-type: disc;
margin-bottom: 5px;
}
/* Update user info */
.updateAccount img.avatar {
display: block;
margin: 10px 0
}
/* User info */
.userInfo .avatar img {
width: 50px;
height: 50px;
float: left;
}
.userInfo .avatar .name {
margin-left: 55px;
}
.userInfo .stats {
margin-top: 10px;
font-size: 14px;
line-height: 1.5em;
}
.userInfo a {
color: #00A5F0
}
.userInfo .stats .number {
color: #BA0068;
font-size: 16px;
font-weight: bold
}
.userInfo .about {
margin-top: 10px;
font-style: italic
}
.userInfo #wscaption {
float:left;
width:55px;
}
.userInfo #wslist {
float:right;
width:205px;
}
.userInfo .actionLinks {
margin-top: 10px;
}
.iconVoteUp, .iconVoteDown
{
height:16px;
width:16px;
background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat transparent;
display:inline-block;
cursor:pointer;
}
.iconVoteUp{
background-position:0 0;
}
.iconVoteDown{
background-position: 0px -16px;
}
/* Notifications */
.notifications a {
color: #00A5F0
}
.notifications .notificationList li.last {
border-bottom: none
}
.notifications .moreHolder {
display: none
}
.notificationItem {
background: none repeat-x scroll center bottom;
clear: both;
border-bottom: 1px solid #E9E9E9;
padding: 5px 0;
}
.notificationItem .sentDatetime {
color: #757575;
font-style: italic;
margin-left: 5px;
font-size: 11px;
}
.notificationItem .notificationContent {
background: url('http://s.haivl.com/content/images/noti_icon.png') no-repeat;
padding-left: 20px;
}
.notificationItem .noti_photoDeleted {
background: url('http://s.haivl.com/content/images/noti_photo_icon.png') no-repeat;
padding-left: 20px;
}
.notificationItem .noti_likeReached {
background: url('http://s.haivl.com/content/images/noti_like_icon.png') no-repeat;
padding-left: 20px;
}
.notificationItem .noti_commentReached {
background: url('http://s.haivl.com/content/images/noti_comment_icon.png') no-repeat;
padding-left: 20px;
}
.notificationItem .noti_photoListed {
background: url('http://s.haivl.com/content/images/noti_photolisted_icon.png') no-repeat;
padding-left: 20px;
}
.loadMore{
background-color: #EDEFF4;
border: 1px solid #D8DFEA;
padding: 10px;
display: block;
text-decoration: none;
text-align: center;
height: 16px;
font-size: 12px;
font-weight: bold;
-webkit-transition: background-color .2s linear;
}
.loadMore:hover {
background-color:#D8DFEA;
text-decoration:none;
cursor:pointer
}
.notifications .loadMore {
margin-top: 20px
}
#headlines {
font-size: 12px;
float: left;
font-weight: bold;
height: 32px;
width: 295px;
z-index: 2;
margin-bottom: 5px;
padding: 0;
margin-top: 0px;
padding-left: 5px;
padding-top: 10px;
background-color: #F4F4F4;
box-shadow: #888 0px 0px 3px 0px;
text-shadow: #EEE 0px 1px 0px;
}
#headlines a {
display: none;
color: #BA0069
}
/* Faceboook help */
.facebookHelp {
font-size: 14px;
}
.facebookHelp h2 {
color: blue
}
.facebookHelp .underline {
text-decoration: underline;
}
.facebookHelp .shareButton {
float: left
}
.socialBox .media {
border-bottom: 1px solid #AAA;
padding: 5px 0;
}
.socialBox .mimo {
border: none;
padding-bottom: 0
}
/* Upload */
.upload .tips {
margin: 10px 0 5px;
}
.upload .toggleMode {
color: #00A5F0;
font-size: 15px;
float: right;
}
.upload .toggleMode span.new {
color: red;
font-size: 13px;
position: relative;
top: -6px;
}
/* Search */
.search {
min-height: 400px;
}
.search input.query {
height: 25px;
}
canvas {
-webkit-transform: translateZ(0);
}
.rss-link {
float: left;
background: url(http://s.haivl.com/content/images/rss.png) no-repeat;
width: 16px;
height: 16px;
margin-right: 8px;
}
.rageBuilderContainer select {
padding: 3px;
}
/* Unread */
.unread .notLogin {
margin: 10px 0 100px;
font-weight: bold;
}
.unread .notLogin a {
color: #00A5F0
}
.unread .noUnread {
margin-bottom: 20px;
font-weight: bold;
padding: 10px 0;
display: none
}
.unread .noUnread a {
color: #00A5F0
}
.pun{-moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
box-shadow:0 0 10px rgba(0,0,0,0.8);
margin:20px auto;width:850px}
* {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
a{text-decoration: none;}
#ape {
background-image: url(http://i.imgur.com/Q1bI3IW.png);
position: absolute;
height: 85px;
width: 136px;
z-index: 999;
background-repeat: no-repeat;
background-position: 0px 0px;
left: 8px;
cursor: pointer;
}
#ape2 {
height: 85px;
width: 136px;
position: absolute;
z-index: 999;
left: 685px;
background-image: url(http://i.imgur.com/3YaYo1Y.png);
background-repeat: no-repeat;
background-position: bottom;
}
#bombo {
background-image: url(http://i.imgur.com/p8lO9sF.png);
background-repeat: no-repeat;
background-position: bottom;
position: absolute;
z-index: 999;
height: 77px;
width: 125px;
left: 443px;
}
/* Main box */
.main .main-foot,.main .main-head,.main-head {
background:none!important;
border-bottom:2px solid #D8D8D8;
padding:0!important;
}
.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title {
border-bottom:2px solid #E83636;
color:#000;
display:inline-block;
font-family:arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:900;
height:25px;
line-height:13px;
margin-bottom:-2px;
padding-top:23px;
text-transform:uppercase;
}
/*border radius*/
#content>div,#pun-legend,.stats-field{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#content-container div#right,#content-container div#left {float:none;margin-right:0;margin-bottom:10px;width:100%}
#pun-foot,footer {margin-top:17px;padding-top:17px;border-top:0;}
#pun-foot #pun-about {background:none;border:0px;padding:0;text-align:right;}
#pun-about select {margin-bottom:0}
#pun-about ul li, #pun-about select{font-size:.8em!important}
#pun-about input {padding:0 3px;min-height:5px;font-size:.6em}
#pun-about ul li a{color:#ccc}
#copyright{clear:both;margin-top:40px;color:#333;padding:15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
#copyright .right,#logo .right{float:right;text-align:right}
#copyright .left,#logo .left{float:none}
#page-body div[style="clear:both;"] > div[align="center"]{display:none!important}
#pun-about input {
min-height: 5px;
padding: 0 3px;
margin-left: 140px;
margin-top: -27px;
position: absolute;
font-size: 12px!important;
}