/**
* 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ繝吶�繧ｹ逕ｨless繝輔ぃ繧､繝ｫ
*/
/**
* 蜈ｨ繧ｵ繧､繝亥�騾�
* PC縺ｮ蝣ｴ蜷医�逶ｴ謗･隱ｭ縺ｿ霎ｼ繧
*/
/**
* 繧ｵ繧､繝亥句挨螳夂ｾｩ
*/
/* custom.less
======================================== */
/* Reset
------------------------------------ */
/* Elements
------------------------------------ */
::-webkit-input-placeholder {
color: #233f41;
}
:-moz-placeholder {
color: #233f41;
}
/* Firefox 18- */
::-moz-placeholder {
color: #233f41;
}
/* Firefox 19+ */
:-ms-input-placeholder {
color: #233f41;
}
.placeholder {
color: #233f41;
}
/* jQuery Placeholder */
/* btn
------------------------------------ */
.btn a,
.btn input[type="submit"] {
display: block;
width: 190px;
height: 40px;
font-size: 13px !important;
font-weight: bold;
text-align: center;
text-decoration: none !important;
line-height: 40px;
border: none;
border-radius: 2px;
margin: 5px auto;
cursor: pointer;
}
.btn .main {
background: #fc441d !important;
color: #fff !important;
}
.btn .main:hover {
opacity: 0.8;
}
/* Icon
------------------------------------ */
.ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
/* Dialog
------------------------------------ */
.ui-dialog-titlebar.ui-widget-header {
background: none;
border: none;
}
.ui-widget-overlay {
background: url("/themes/common/css/ui/images/ui-bg_flat_0_305582_40x100.png") repeat-x scroll 50% 50% #305582 !important;
opacity: 0.7 !important;
}
/* Dialog(Error)
------------------------------------ */
.error.ui-widget-content {
background: none;
background-color: #476c6f;
}
.error.ui-dialog .ui-dialog-title {
color: #fff;
}
.error .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.error .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
#ui-error-dialog p {
margin: 10px 0 10px 0;
width: 100%;
text-align: center;
color: #fff;
font-weight: bold;
word-wrap: break-word;
}
/* Dialog(Confirm)
------------------------------------ */
.confirm.ui-widget-content {
background: none;
background-color: #476c6f;
}
.confirm.ui-dialog .ui-dialog-title {
color: #fff;
}
.confirm .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.confirm .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
.confirm.ui-dialog .ui-dialog-buttonpane {
background-color: #476c6f;
}
.confirm .ui-button-text-only .ui-button-text {
padding: 10px 20px;
}
.confirm .ui-corner-all {
border-radius: 3px;
}
.confirm .ui-widget-content .ui-state-default {
background: none;
background-color: #233f41;
border: none;
color: #fff;
font-size: 0.9em;
font-weight: bold;
}
.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button {
min-width: 100px;
}
#ui-confirm-dialog p {
margin: 10px 0 10px 0;
width: 100%;
text-align: center;
color: #fff;
font-weight: bold;
word-wrap: break-word;
}
/* Dialog(Image View)
------------------------------------ */
.image-view.ui-widget-content {
background: none;
background-color: #476c6f;
}
.image-view.ui-dialog .ui-dialog-title {
color: #fff;
}
.image-view .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.image-view .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
.image-view.ui-dialog .ui-dialog-buttonpane {
background-color: #476c6f;
}
.image-view .ui-button-text-only .ui-button-text {
padding: 10px 20px;
}
.image-view .ui-corner-all {
border-radius: 3px;
}
.confirm .ui-widget-content .ui-state-default {
background: none;
background-color: #233f41;
border: none;
color: #fff;
font-size: 0.9em;
font-weight: bold;
}
#ui-image-view-dialog img {
display: block;
width: 100%;
}
#ui-image-view-dialog a {
display: block;
margin: 20px 0 0 0;
color: #fff;
outline: none;
}
/* Dialog(Login)
------------------------------------ */
.login.ui-widget-content {
background: none;
background-color: #476c6f;
}
/* Dialog(Logout)
------------------------------------ */
#logout-dialog p {
margin: 10px 0 10px 0;
width: 100%;
text-align: center;
line-height: 1.5em;
color: #888;
font-size: 1.2em;
font-weight: bold;
word-wrap: break-word;
}
/* Dialog(Trade)
------------------------------------ */
.trade.ui-widget-content {
background: none;
background-color: #FFFFFF;
}
/* Dialog(Trade_ex)
------------------------------------ */
.trade_ex .ui-widget-content {
background: none;
background-color: #F2F2F2;
}
.trade_ex .ui-dialog-titlebar.ui-widget-header {
background: none;
background-color: #F2F2F2;
border: none;
}
/* Dialog(Smaile)
------------------------------------ */
.smile.ui-widget-content {
background: none;
background-color: #F2F2F2;
}
/* Flat Dropdown
------------------------------------ */
.flat-dropdown {
display: inline-block;
margin: 0;
padding: 0;
background-color: #C3C3C3;
color: #fff;
}
.flat-dropdown .flat-dropdown-header {
cursor: pointer;
}
.flat-dropdown .flat-dropdown-header p {
padding: 10px 10px 10px 10px;
display: inline-block;
white-space: nowrap;
}
.flat-dropdown .flat-dropdown-header img {
border: 10px solid transparent;
vertical-align: middle;
}
.flat-dropdown ul {
position: absolute;
z-index: 2;
display: block;
margin: 0;
padding: 0;
background-color: #C3C3C3;
}
.flat-dropdown li {
margin: 0;
padding: 0;
border-top: 1px solid #fff;
white-space: nowrap;
}
.flat-dropdown li a {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
color: #fff;
}
/* Flat Menu
------------------------------------ */
.flat-menu {
display: inline;
position: relative;
z-index: 1;
}
.flat-menu ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 115%;
right: 0;
}
.flat-menu ul li {
margin: 0 0 0 0;
padding: 0 10px 0 10px;
background-color: #C2D1E4;
border-bottom: 1px solid white;
cursor: pointer;
text-align: left;
white-space: nowrap;
line-height: 35px;
color: #FFF;
width: 106px;
font-weight: bold;
font-size: 1.1em;
}
/* Expand Widget
------------------------------------ */
.expand-header {
position: relative;
padding: 0 20px 0 20px;
background-color: #233f41;
border-bottom: 1px solid white;
line-height: 40px;
cursor: pointer;
color: white;
font-size: 1.2em;
font-weight: bold;
}
.expand-header span {
position: absolute;
width: 5%;
height: 100%;
right: 1em;
line-height: 40px;
background-repeat: no-repeat;
background-position: center;
}
.expand-header span.opened {
background-image: url("/themes/sns11/img/layout/btn_pulldown_up.png");
}
.expand-header span.closed {
background-image: url("/themes/sns11/img/layout/btn_pulldown_down.png");
}
.expand-header span img {
vertical-align: middle;
}
/* Extract Widget
------------------------------------ */
/* User(Right Block)
------------------------------------ */
#user-right-block {
width: 300px;
background-color: #fff;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
border-bottom: 1px solid #E2EAF4;
}
#user-right-block #user-main {
padding: 10px 5px 5px 5px;
border-top: 5px solid #233f41;
}
#user-right-block #user-photo {
width: 45%;
float: left;
}
#user-right-block #user-info {
width: 50%;
float: right;
}
#user-right-block #user-name {
word-wrap: break-word;
font-size: 1.2em;
font-weight: bold;
}
#user-right-block #user-medal {
text-align: center;
}
#user-right-block #user-point {
margin: 0;
}
#user-point-progress {
margin: 0 10px 0 0;
width: 100%;
height: 20px;
float: left;
background-color: #EDF1F6;
}
#user-right-block #user-point-progress span {
position: relative;
padding: 0 1%;
width: 15%;
height: 100%;
display: block;
background-color: #FFBF35;
text-align: center;
line-height: 20px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
#user-right-block #user-point-progress span:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 0;
right: -10px;
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 10px solid #FFBF35;
}
#user-right-block #user-point p {
float: left;
line-height: 20px;
font-size: 0.8em;
}
#user-right-block #user-status {
margin: 10px 0 0 0;
cursor: pointer;
}
#user-right-block #user-status table {
width: 100%;
border-spacing: 1px;
}
#user-right-block #user-status th {
width: 33%;
height: 25px;
background-color: #233f41;
color: #FFF;
font-weight: normal;
}
#user-right-block #user-status td {
height: 25px;
background-color: #EDF1F6;
text-align: center;
color: #444;
font-size: 1.5em;
font-weight: bold;
}
/* Blog(Right Block)
------------------------------------ */
#blog-right-block {
margin: 20px 0 0 0;
width: 300px;
background-color: #fff;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
border-bottom: 1px solid #E2EAF4;
}
#blog-right-block #user-blog-info {
padding: 10px 10px 10px 10px;
border-top: 5px solid #233f41;
}
#blog-right-block #user-title h2 {
padding: 5px 0 5px 0;
width: 88%;
float: left;
line-height: 1.4em;
font-size: 1.4em;
word-wrap: break-word;
}
#blog-right-block #user-title a {
display: block;
width: 12%;
float: right;
text-align: center;
line-height: 30px;
}
#blog-right-block #user-title a img {
vertical-align: middle;
}
#blog-right-block #user-profile {
word-break: break-all;
word-wrap: break-word;
}
#blog-right-block .user-blog-post {
padding: 0.45em 2.5%;
width: 95%;
border-bottom: 1px solid #EDF1F6;
cursor: pointer;
}
#blog-right-block .user-blog-post h3 {
width: 70%;
float: left;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1em;
font-weight: normal;
}
#blog-right-block .user-blog-post div {
width: 28%;
float: right;
white-space: nowrap;
text-align: right;
line-height: 25px;
font-size: 1em;
font-weight: bold;
}
#blog-right-block .user-blog-post div img {
width: 19px;
height: 19px;
vertical-align: middle;
}
/* Banner(Right Block)
------------------------------------ */
#banner-right-block {
width: 300px;
}
#banner-right-block .banner {
margin: 10px 0 0 0;
}
#banner-right-block img {
width: 100%;
}
/* Post Body(Text Expand)
------------------------------------ */
.text-expand-end {
display: inline;
}
.text-expand-hide {
display: none;
}
.text-expand-show {
margin: 5px 0 0 0;
display: block;
}
.text-expand-show a {
color: #233f41;
}
/* No Data/Not Found
------------------------------------ */
.nodata,
.not-found {
display: none;
}
.nodata p,
.not-found p {
margin: 20px 0 20px 0;
padding: 10px 10px 10px 10px;
background-color: #476c6f;
border: 1px solid #233f41;
text-align: center;
line-height: 1.5em;
color: #FFFFFF;
}
.nodata p span,
.not-found p span {
font-size: 1.2em;
font-weight: bold;
}
/* Loading Indicator
------------------------------------ */
#loading-indicator {
display: none;
margin: 16px 0px;
text-align: center;
}
#loading-indicator img {
padding: 0;
margin: 0 auto;
opacity: 0.8;
width: 32px;
height: 32px;
border-radius: 50%;
}
/* 403 Error
------------------------------------ */
#error-403 {
margin: 50px auto 0 auto;
width: 80%;
text-align: center;
}
#error-403 h1 {
line-height: 2.5em;
}
#error-403 p {
line-height: 1.5em;
font-size: 1.3em;
font-weight: bold;
}
/* 404 Error
------------------------------------ */
#error-404 {
margin: 50px auto 0 auto;
width: 80%;
text-align: center;
}
#error-404 h1 {
line-height: 2.5em;
}
#error-404 p {
line-height: 1.5em;
font-size: 1.3em;
font-weight: bold;
}
/* Protected Image
------------------------------------ */
img.prt {
position: relative;
}
div.prt {
display: inline-block;
position: relative;
/*border: 1px solid red;*/
}
span.prt {
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(/themes/common/css/images/1.png);
background-color: transparent;
text-align: center;
color: #FFFFFF;
font-size: 1.6em;
}
/* header.less
======================================== */
/* 繝倥ャ繝繝ｼ 縲縺薙％縺九ｉ */
#header1 {
background-color: #fff;
width: 100%;
height: 70px;
}
#header1 .header_content {
background-color: #fff;
width: 940px;
height: 70px;
margin: 0 auto;
}
#header1 .header_content h1 {
float: left;
margin: 10px 0 5px 8px;
}
#header1 .header_content ul {
float: right;
margin: 25px 0 0px 0 ;
}
#header1 .header_content ul li {
float: left;
margin-left: 20px;
position: relative;
}
.menu_under {
position: absolute;
bottom: -23px;
left: 4px;
}
#header1 .header_content ul li div.count {
height: 20px;
width: 20px;
background-color: #ED5B5B;
position: absolute;
top: -10px;
right: -10px;
border-radius: 20px;
/* CSS3闕画｡� */
-webkit-border-radius: 20px;
/* Safari,Google Chrome逕ｨ */
-moz-border-radius: 20px;
/* Firefox逕ｨ */
}
#header1 .header_content ul li div p {
clear: both;
color: #FFFFFF;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
}
#header_line {
clear: both;
width: 100%;
height: 40px;
border-bottom: solid 1px #476c6f;
background-color: #476c6f;
}
#header_line .line_content {
/* border-top:solid 1px @base_dark_color; */
background-color: #476c6f;
width: 940px;
height: 40px;
margin: 0 auto;
}
#header_line .line_content p {
float: left;
line-height: 40px;
color: #FFFFFF;
margin-left: 8px;
}
#header_line .line_content .search_box {
float: right;
margin: 0.5em 0.5em 0;
padding-left: 5px;
padding-right: 5px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}
#header_line input {
border: none;
background-color: #476c6f;
background-repeat: no-repeat;
background-position: left center;
color: #FFFFFF;
padding-left: 5px;
padding: 2px 0 2px 5px;
}
/* 繝倥ャ繝繝ｼ 縲縺薙％縺ｾ縺ｧ */
/* 繝輔ャ繧ｿ繝ｼ 縺薙％縺九ｉ */
#footer {
background-color: #fff;
width: 100%;
height: 80px;
}
#footerArea .footer_content {
width: 940px;
margin: 0 auto;
}
#footerArea .footer_content ul {
padding-left: 0px;
margin: 12px 0;
float: left;
}
#footerArea .footer_content ul li {
float: left;
border-left: solid 1px #444;
padding: 0 20px;
}
#footerArea .footer_content ul li a {
color: #000000;
font-size: x-small;
}
#footerArea .footer_content ul li:first-child {
border: none;
padding-left: 0px;
}
#footerArea .footer_content .page_top {
float: right;
margin: 12px 0;
}
#footerArea .footer_content .page_top p a {
color: #000000;
font-size: x-small;
}
#footerArea .footer_content .page_top p img {
margin-bottom: 3px;
margin-right: 3px;
}
div#footerArea {
position: fixed !important;
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
width: 100%;
margin-top: 200px;
height: 40px;
background-color: #fff;
z-index: 5;
}
.copyright {
min-width: 940px;
clear: both;
font-size: 0.8em;
text-align: center;
padding: 20px 0;
}
/*#header2{
margin-top:0px;
}
div.header-info{
height:70px;
}
div.header_menu{
margin-right:100px;
text-align:right;
height:70px;
position: relative;
}
*/
/*header logo*/
/*
img.logo {
margin-left:100px;
position: absolute;
top: 25%;
left: 0%;
margin-top: -1em;
}
#header-search {
height:40px;
background-color: @base_color
}
div.lasttime_login{
margin-left:100px;
float:left;
height:40px;
line-height:40px;
}
span.lasttime_login_text{
color:#FFFFFF;
}
div.search_box{
margin-right:100px;
float:right;
height:40px;
line-height:40px;
}
img.icon{
vertical-align:middle;
}
span.counter_style{
width: 16px;
height: 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #FF0000;
color:#FFFFFF;
font-size:xx-small;
text-align:center;
height:16px;
line-height:16px;
}
input.withicon {
font-size:medium;
height:20px;
color: #FFFFFF;
border:none;
border-left:1px white solid;
border-right:1px white solid;
background-color: @base_color;
background-position: 8px center;
background-repeat: no-repeat;
}
*/
/* jquery ui close button */
/*button.ui-state-default,*/
/*.ui-widget-content button.ui-state-default,*/
/*.ui-widget-header button.ui-state-default*/
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
border: none;
background: rgba(0, 0, 0, 0);
font-weight: normal /*{fwDefault}*/;
color: #555555 /*{fcDefault}*/;
}
/*button.ui-state-hover,*/
/*.ui-widget-content button.ui-state-hover,*/
/*.ui-widget-header button.ui-state-hover,*/
/*button.ui-state-focus,*/
/*.ui-widget-content button.ui-state-focus,*/
/*.ui-widget-header button.ui-state-focus */
button.ui-dialog-titlebar-close.ui-state-hover {
border: none;
background: rgba(0, 0, 0, 0);
font-weight: normal /*{fwDefault}*/;
color: #212121 /*{fcHover}*/;
}
/* popup_bubble
------------------------------------ */
#popup_bubble_text {
background-color: #fc441d;
}
#popup_bubble .arrow {
border-bottom: 20px solid #fc441d;
}
/* all_activity.less
======================================== */
/* ************************************* */
/* 縺ｿ繧薙↑縺ｮ陦悟虚 */
/* ************************************* */
#user_activity_section {
margin-top: 20px;
background-color: #FFFFFF;
width: 300px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: 5px solid #233f41;
}
#user_activity_contents {
width: 300px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents h2 {
padding: 15px 10px 25px;
color: #000000;
font-size: 12px;
border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents ul li {
height: 60px;
border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents ul li div#user_activity_img {
float: left;
width: 60px;
height: 60px;
}
#user_activity_contents ul li div#user_activity_img img {
width: 44px;
height: 44px;
padding: 8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#user_activity_contents ul li div#user_activity_text {
float: left;
}
#user_activity_contents ul li div#user_activity_text p {
width: 190px;
height: 60px;
display: table-cell;
text-align: left;
vertical-align: middle;
font-size: 12px;
color: #000000;
}
#user_activity_contents ul li div#user_activity_date {
float: left;
}
#user_activity_contents ul li div#user_activity_date p {
width: 49px;
height: 60px;
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 10px;
color: #476c6f;
}
/* ************************************* */
/* banner_list.less
======================================== */
/* ************************************* */
/* 繝舌リ繝ｼ繝ｪ繧ｹ繝� */
/* ************************************* */
#baner_section {
margin-top: 20px;
width: 300px;
}
div#banner_contents {
height: 90px;
margin-bottom: 10px;
}
/* birthday.less
======================================== */
/* ************************************* */
/* 譛ｬ譌･縺ｮ繝舌�繧ｹ繝�� */
/* ************************************* */
#today_birthday_section {
/*margin-top: 20px;*/
background-color: #FFFFFF;
width: 300px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
background-image: url("/themes/sns11/img/layout/birthday_top_bg.png");
background-repeat: no-repeat;
background-size: 300px 11px;
}
#today_birthday_contents {
width: 280px;
padding: 20px 9px 0;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
#today_birthday_user_list {
margin-top: 20px;
/* height: 180px; */
}
#today_birthday_contents ul li#birthday_user_img_box {
float: left;
width: 80px;
height: 80px;
margin: 0 5px 10px;
border: solid 1px #EDF1F6;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
position: relative;
}
#today_birthday_contents ul li#birthday_user_img_box img {
width: 62px;
height: 62px;
padding: 9px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#today_birthday_user_more {
clear: both;
padding: 10px 0 20px;
text-align: center;
}
#today_birthday_user_list ul li#birthday_user_img_box #count {
background-color: #ED5B5B;
border-radius: 20px;
height: 20px;
position: absolute;
right: 2px;
bottom: 1px;
width: 20px;
}
#today_birthday_user_list ul li#birthday_user_img_box #count p {
color: #FFFFFF;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}
/* birthday_list.less
======================================== */
.trade.ui-widget-content {
background: none;
background-color: #f2f2f2;
}
#birthday-dialog h2 {
text-align: center;
margin-bottom: 20px;
}
#birthday-dialog #pagination {
margin-bottom: 20px;
}
#birthday-dialog #pagination #prev {
float: left;
display: none;
}
#birthday-dialog #pagination p {
position: absolute;
left: 46%;
}
#birthday-dialog #pagination #prev a:hover,
#birthday-dialog #pagination #next a:hover {
text-decoration: none;
}
#birthday-dialog #pagination #prev a span,
#birthday-dialog #pagination #next a span {
color: #233f41;
padding: 0 6px;
vertical-align: middle;
}
#birthday-dialog #pagination #prev a img,
#birthday-dialog #pagination #next a img {
vertical-align: middle;
}
#birthday-dialog #pagination #next {
float: right;
}
#birthday-dialog #pagination #next a:hover {
text-decoration: none;
}
#birthday-dialog #birthdaylist {
clear: both;
border: 1px solid #bbb;
background-color: #fff;
padding: 10px 0 0 10px;
margin-bottom: 7px;
}
#birthday-dialog #birthdaylist ul li {
float: left;
border: 1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 10px 10px 0;
padding: 4px;
position: relative;
}
#birthday-dialog #birthdaylist ul li img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#birthdaylist ul li #count {
background-color: #ED5B5B;
border-radius: 20px;
height: 20px;
position: absolute;
right: 2px;
bottom: 1px;
width: 20px;
}
#birthdaylist ul li #count p {
color: #FFFFFF;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}
/* block.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#block_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 繝悶Ο繝�け繝ｪ繧ｹ繝亥�菴� */
#block_list_section {
width: 620px;
margin-top: 20px;
clear: both;
}
/* 繧ｿ繝� 繝｡繝九Η繝ｼ*/
#tab_menu {
border-bottom: solid 6px #233f41;
}
#tab_menu ul {
height: 25px;
margin: 0;
padding: 0;
}
#tab_menu ul li {
float: left;
width: 86px;
height: 25px;
margin-right: 2px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
background-color: #233f41;
}
/* 繝悶Ο繝�け繝ｪ繧ｹ繝� */
#block_list {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 600px;
padding: 10px;
margin-bottom: 20px;
box-shadow: 1px 1px 1px #C4C6CB;
display: block;
}
div#block_list ul {
padding: 0;
margin: 0;
}
div#block_list li {
float: left;
width: 288px;
height: 108px;
border: solid 1px #EDF1F6;
margin: 5px 5px;
}
div#block_list li div#block_image_box {
float: left;
width: 100px;
height: 108px;
}
div#block_list li div#block_image_box img#block_img {
width: 62px;
height: 62px;
padding: 23px 19px;
}
div#block_list li div#block_data_box {
float: left;
width: 188px;
height: 108px;
}
div#block_list li div#block_data_box p#block_name {
height: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
}
div#block_list li div#block_data_box p#block_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
line-height: 14px;
}
/* ************************************* */
/* event_dialog.less
======================================== */
.trade.ui-widget-content {
background-color: #f2f2f2;
background: #f2f2f2;
}
#event-title {
width: 576px;
height: 34px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
}
#event-description {
width: 576px;
min-height: 160px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
}
#event-location {
width: 316px;
height: 34px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
#event-event_date {
width: 223px;
height: 34px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
float: left;
}
#event-btn {
background: url("/themes/sns11/img/layout/btn_create_event.png");
width: 160px;
height: 40px;
margin: 0 218px 0 218px;
border: none;
cursor: pointer;
}
#event-btn:hover {
background: url("/themes/sns11/img/layout/btn_create_event_h.png");
width: 160px;
height: 40px;
margin: 0 218px 0 218px;
border: none;
cursor: pointer;
}
#event-updata_btn {
background: url("/themes/sns11/img/layout/btn_edit_complete.png");
width: 160px;
height: 40px;
margin: 0 218px 0 218px;
border: none;
cursor: pointer;
}
#event-updata_btn:hover {
background: url("/themes/sns11/img/layout/btn_edit_complete_h.png");
width: 160px;
height: 40px;
margin: 0 218px 0 218px;
border: none;
cursor: pointer;
}
/* eventlist.less
======================================== */
/*---eventlist---*/
#eventlist_wrap {
width: 940px;
margin: 20px auto 0;
}
#eventlist_wrap #el_left {
float: left;
width: 620px;
margin-right: 20px;
}
#eventlist_wrap #el_right {
float: right;
width: 300px;
}
#el_left .el_area {
margin: 5px 0;
}
#el_left .el_area .el_box {
background-color: #fff;
border-bottom: 1px solid #afafaf;
box-shadow: 1px 1px 3px #afafaf;
-moz-box-shadow: 1px 1px 3px #afafaf;
-webkit-box-shadow: 1px 1px 3px #afafaf;
padding: 10px 9px 0px 9px;
margin-bottom: 15px;
}
#el_left .el_area .el_box .el_user_ico {
float: left;
margin: 10px 0 0 8px;
}
#el_left .el_area .el_box .el_user_ico img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#el_left .el_area .el_box .el_detail {
float: left;
width: 482px;
margin: 0 20px;
}
#el_left .el_area .el_box .el_detail h2 {
font-size: 1.6em;
font-weight: bold;
margin-bottom: 20px;
}
#el_left .el_area .el_box .el_detail .el_username {
font-size: 1.2em;
margin-bottom: 18px;
float: left;
font-weight: bold;
color: #000000;
}
#el_left .el_area .el_box .el_detail .el_date {
float: right;
}
#el_left .el_area .el_box .el_detail .el_date span {
padding-left: 5px;
font-weight: bold;
color: #000000;
}
#el_left .el_area .el_box .el_detail .el_text {
color: #000000;
clear: both;
font-weight: bold;
line-height: 1.4em;
font-size: 1.0em;
margin-bottom: 15px;
}
#el_left .el_area .el_box .el_detail .date_location {
margin-bottom: 15px;
}
#el_left .el_area .el_box .el_detail .date_location #el_date {
color: #000000;
margin-bottom: 4px;
font-weight: bold;
}
#el_left .el_area .el_box .el_detail .date_location #el_date span,
#el_left .el_area .el_box .el_detail .date_location #el_location span {
color: #000000;
font-weight: bold;
}
#el_left .el_area .el_box .el_detail .date_location #el_location {
font-weight: bold;
color: #000000;
}
#comment span {
font-weight: bold;
color: #000000;
}
/*
#el_left .el_area .el_box .el_detail .el_action a {
display:block:
}
#el_left .el_area .el_box .el_detail .el_action a img {
vertical-align:middle;
margin-right:10px;
}
*/
#el_left .el_area .el_box .el_setting {
float: right;
position: relative;
}
#el_left .el_area .el_box .el_comment {
margin-bottom: 10px;
clear: both;
}
#el_left .el_area .el_box .el_comment .comm_box {
background-color: #ededed;
padding: 10px;
margin-bottom: 2px;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_delete {
float: right;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_delete a {
color: #233f41;
font-weight: bold;
font-size: 14px;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_user {
padding: 5px 5px 5px 5px;
float: left;
font-weight: bold;
color: #000000;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_user img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#el_left .el_area .el_box .el_comment .comm_box p {
padding: 10px 0 0 0px;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_text {
float: left;
width: 500px;
font-weight: bold;
color: #000000;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_date {
float: right;
margin-top: 35px;
font-weight: bold;
color: #000000;
}
#el_left .el_area .el_box .el_comment .comm_form {
margin: 10px 0;
}
#el_left .el_area .el_box .el_comment .comm_form form .comm_input {
float: left;
}
#el_left .el_area .el_box .el_comment .comm_form form .comm_btn {
float: right;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_textarea {
float: left;
width: 450px;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_textarea textarea {
margin: 0 10px 0 0;
width: 450px;
height: 34px;
border-radius: 4px;
border: 1px solid #476c6f;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_btn {
float: right;
}
/*縲霑ｽ險倥*/
#el_left .el_area .el_box #write_area {
clear: both;
margin-bottom: 5px;
}
#write_area {
clear: both;
margin-bottom: 5px;
padding: 10px 15px 0 15px;
}
#write_area .write_textarea {
float: left;
}
#write_area .write_textarea textarea {
width: 400px;
height: 1.1em;
font-size: 1.3em;
padding: 10px 0px 10px 5px;
/*font-weight:bold;*/
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
vertical-align: middle;
resize: none;
overflow: hidden;
}
.write_btn {
float: right;
padding-bottom: 2px;
}
#el_left .el_area .el_box #write_area .write_textarea {
float: left;
}
#el_left .el_area .el_box #write_area .write_textarea textarea {
width: 410px;
height: 39px;
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#el_left .el_area .el_box #write_area .write_btn {
float: right;
padding: 2px;
}
#el_left .el_area .event_post_box {
background-color: #fff;
padding: 10px 10px 0 10px;
position: relative;
}
#el_left .el_area .event_post_box .ep_area {
margin-bottom: 0px;
}
#el_left .el_area .event_post_box .ep_area .ep_left {
float: left;
margin: 10px 30px 0 5px;
}
#el_left .el_area .event_post_box .ep_area .ep_left img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#el_left .el_area .event_post_box .ep_area .ep_center {
float: left;
width: 500px;
margin: 0px 0px 0px 0px;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_user {
font-size: 1.2em;
font-weight: bold;
/*color:#000000;*/
margin: 25px 0pc 15px 0px;
text-decoration: none;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .user_link {
text-decoration: none;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_text {
min-height: 60px;
margin-bottom: 20px;
/*color:#000000;*/
/*font-weight:bold;*/
word-wrap: break-word;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right {
position: absolute;
top: 10px;
right: 10px;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right .ep_date {
/*color:#000000;*/
float: left;
margin: 2px 10px 0 0;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right img {
cursor: pointer;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action {
clear: both;
margin-left: 80px;
width: 150px;
height: 20px;
padding-bottom: 15px;
cursor: pointer;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action .ep_comm_ico {
float: left;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action .ep_comm_count {
float: left;
padding: 3px 0 0 10px;
/*font-weight:bold;*/
/*color:#000000;*/
text-decoration: underline;
}
#el_left .el_area .event_post_box .ep_comm_box {
background-color: #ededed;
padding: 0px 10px 0px 10px;
padding-bottom: 10px;
margin-bottom: 2px;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left {
float: left;
margin: 15px 10px 0 0;
width: 86px;
text-align: center;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left img {
text-align: center;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left p {
text-align: center;
font-weight: bold;
margin-top: 10px;
color: #233f41;
text-decoration: underline;
width: 86px;
word-wrap: break-word;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_center {
padding-left: 20px;
padding-top: 40px;
padding-bottom: 10px;
float: left;
margin: 1px 0 0 0;
width: 450px;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_center p {
/*color:#000000;*/
/*font-weight: bold;*/
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_delete {
float: right;
color: #888888;
font-weight: bold;
font-size: 14px;
cursor: pointer;
margin-top: 5px;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_date {
clear: both;
/*padding-top:15px;
padding-bottom:10px;*/
padding-right: 20px;
text-align: right;
/*font-weight:bold;
color:#000000;*/
}
#eventlist_wrap #el_left .el_area .el_box .el_date {
float: right;
margin: 2px 10px 0 0;
}
#el_left .el_area .event_post_box #comm_area .comm_textarea {
float: left;
}
#el_left .el_area .event_post_box #comm_area .comm_textarea textarea {
width: 400px;
height: 1.1em;
font-size: 16px;
padding: 10px 0px 10px 5px;
/*font-weight:bold;*/
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 11px 0px 10px 5px;
resize: none;
overflow: hidden;
}
/*
width: 400px;
height: 1.1em;
font-size: 16px;
padding: 10px 0px 10px 5px;
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
resize: none;
overflow: hidden;
*/
#el_left .el_area .event_post_box #comm_area .comm_btn {
float: right;
padding-bottom: 2px;
margin: 10px 10px 10px 10px;
}
#event_select_menu {
width: 100px;
position: absolute;
top: 10px;
right: 5px;
margin-right: 5px;
z-index: 6;
}
#event_edit {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
#event_delete {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
#event_report {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
#event_post_select_menu {
position: absolute;
width: 100px;
top: 20px;
right: -5px;
margin-right: 5px;
}
#event_post_edit {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
#event_post_delete {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
#event_post_report {
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
padding-left: 5px;
background-color: #C2D1E4;
margin-bottom: 1px;
cursor: pointer;
}
.event_setting_icon {
cursor: pointer;
}
/*
.event_list_data_box{
cursor:pointer;
}
*/
#event_box {
width: 620px;
background-color: #fff;
border-bottom: 1px solid #E2EAF4;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
/*
box-shadow:1px 1px 3px #afafaf;
-moz-box-shadow:1px 1px 3px #afafaf;
-webkit-box-shadow:1px 1px 3px #afafaf;
*/
margin-bottom: 15px;
}
#event_editor {
padding: 15px 0px 0px 15px;
float: left;
width: 85px;
height: 200px;
}
#event_editor .event_editor_image_box {
margin: 0px 0px 8px 8px;
}
#event_editor .event_editor_image_box img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#event_editor .editor_name {
color: #000;
font-weight: bold;
text-align: center;
word-wrap: break-word;
}
#event_title_box {
position: relative;
margin-top: 20px;
float: left;
width: 510px;
}
#event_title_box .event_icon {
width: 20px;
margin: 14px 10px 0px 30px;
float: left;
}
#event_title_box .event_title {
float: left;
width: 440px;
margin: 10px 0px 0px 0px;
word-wrap: break-word;
}
#event_title_box .event_create_date {
/*color:#000;*/
/*font-weight:bold;*/
position: absolute;
top: -10px;
right: 40px;
}
#event_title_box .setting_icon {
position: absolute;
top: -12px;
right: 10px;
}
#event_description_box {
float: left;
width: 520px;
min-height: 80px;
max-height: 130px;
position: relative;
overflow: hidden;
}
#event_description_box .event_description {
padding: 5px 15px 5px 30px;
/*color:#000;*/
/*font-weight:bold;*/
word-wrap: break-word;
}
#event_data_box {
padding: 10px 10px 10px 30px;
float: left;
width: 465px;
height: 20px;
}
#event_data_box .event_time {
margin-bottom: 6px;
/*color:#000;*/
/*font-weight:bold;*/
word-wrap: break-word;
}
#event_data_box .event_date {
/*color:#000;*/
/*font-weight:bold;*/
word-wrap: break-word;
}
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
.more_comment {
height: 30px;
background-color: #EDEDED;
margin-bottom: 2px;
}
.more_comment .more_text {
color: #233f41;
text-decoration: underline;
cursor: pointer;
margin-left: 5px;
line-height: 30px;
}
/* f_card_right_block_pc.less
======================================== */
#favorite_card {
width: 300px;
border-top: 5px solid #233f41;
background-color: #fff;
/*
padding:0 12px 20px;
box-shadow: 1px 1px 3px #afafaf;
-moz-box-shadow: 1px 1px 3px #afafaf;
-webkit-box-shadow: 1px 1px 3px #afafaf;
*/
margin: 20px 0 20px;
}
#favorite_card_contents {
padding: 0 12px 20px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
#favorite_card h2 {
font-size: 1.3em;
padding-top: 16px;
}
#favorite_card #card {
text-align: center;
margin: 24px 0 20px;
}
#favorite_card p {
text-align: center;
margin-bottom: 12px;
}
#card_cancel {
text-align: center;
}
/* follower.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#follower_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 繝輔か繝ｭ繝ｯ繝ｼ繝ｪ繧ｹ繝亥�菴� */
#follower_list_section {
width: 620px;
margin-top: 20px;
clear: both;
}
/* 繧ｿ繝� 繝｡繝九Η繝ｼ*/
#tab_menu {
border-bottom: solid 6px #233f41;
}
#tab_menu ul {
height: 25px;
margin: 0;
padding: 0;
}
#tab_menu ul li {
float: left;
width: 86px;
height: 25px;
margin-right: 2px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
background-color: #233f41;
}
/* 繝輔か繝ｭ繝ｯ繝ｼ繝ｪ繧ｹ繝� */
#follower_list {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 600px;
padding: 10px;
margin-bottom: 20px;
box-shadow: 1px 1px 1px #C4C6CB;
display: block;
}
div#follower_list ul {
padding: 0;
margin: 0;
}
div#follower_list li {
float: left;
width: 288px;
height: 108px;
border: solid 1px #EDF1F6;
margin: 5px 5px;
}
div#follower_list li div#follower_image_box {
float: left;
width: 100px;
height: 108px;
}
div#follower_list li div#follower_image_box img#follower_img {
width: 62px;
height: 62px;
padding: 23px 19px;
}
div#follower_list li div#follower_data_box {
float: left;
width: 188px;
height: 108px;
}
div#follower_list li div#follower_data_box p#follower_name {
height: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
}
div#follower_list li div#follower_data_box p#follower_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
line-height: 14px;
}
/* ************************************* */
/* follow.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#follow_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 繝輔か繝ｭ繝ｼ繝ｪ繧ｹ繝亥�菴� */
#follow_list_section {
width: 620px;
margin-top: 20px;
clear: both;
}
/* 繧ｿ繝� 繝｡繝九Η繝ｼ*/
#tab_menu {
border-bottom: solid 6px #233f41;
}
#tab_menu ul {
height: 25px;
margin: 0;
padding: 0;
}
#tab_menu ul li {
float: left;
width: 86px;
height: 25px;
margin-right: 2px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
background-color: #233f41;
}
/* 繝輔か繝ｭ繝ｼ繝ｪ繧ｹ繝� */
#follow_list {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 600px;
padding: 10px;
margin-bottom: 20px;
box-shadow: 1px 1px 1px #C4C6CB;
display: block;
}
div#follow_list ul {
padding: 0;
margin: 0;
}
div#follow_list li {
float: left;
width: 288px;
height: 108px;
border: solid 1px #EDF1F6;
margin: 5px 5px;
}
div#follow_list li div#follow_image_box {
float: left;
width: 100px;
height: 108px;
}
div#follow_list li div#follow_image_box img#follow_img {
width: 62px;
height: 62px;
padding: 23px 19px;
}
div#follow_list li div#follow_data_box {
float: left;
width: 188px;
height: 108px;
}
div#follow_list li div#follow_data_box p#follow_name {
height: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
}
div#follow_list li div#follow_data_box p#follow_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
line-height: 14px;
}
/* ************************************* */
/* friend.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#friends_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
margin-bottom: 100px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 蜿ｳ繧ｵ繧､繝� */
#side_section {
width: 300px;
/* margin-top: 20px; */
}
/* 蜿矩＃繝ｪ繧ｹ繝亥�菴� */
#friends_list_section {
width: 620px;
margin-top: 20px;
clear: both;
}
/* 繧ｿ繝� 繝｡繝九Η繝ｼ*/
#tab_menu {
border-bottom: solid 6px #233f41;
}
#tab_menu ul {
height: 25px;
margin: 0;
padding: 0;
}
#tab_menu ul li {
float: left;
width: 86px;
height: 25px;
margin-right: 2px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
background-color: #233f41;
}
/* 蜿矩＃繝ｪ繧ｹ繝� */
#friends_list {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 600px;
padding: 10px;
margin-bottom: 12px;
box-shadow: 1px 1px 1px #C4C6CB;
display: block;
}
div#friends_list ul {
padding: 0;
margin: 0;
}
div#friends_list li {
float: left;
width: 288px;
height: 108px;
border: solid 1px #EDF1F6;
margin: 5px 0.44%;
cursor: pointer;
}
div#friends_list li div#friends_image_box {
float: left;
width: 100px;
height: 108px;
}
div#friends_list li div#friends_image_box img#friends_img {
width: 62px;
height: 62px;
padding: 23px 19px;
}
img#friends_img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
div#friends_list li div#friends_data_box {
float: left;
width: 188px;
height: 108px;
}
div#friends_list li div#friends_data_box p#friends_name {
height: 18px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
overflow: hidden;
}
div#friends_list li div#friends_data_box p#friends_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
word-break: break-all;
word-wrap: break-word;
}
/* ************************************* */
/* group_dialog.less
======================================== */
.trade.ui-widget-content {
background: none;
background-color: #f2f2f2;
}
#group-title {
width: 576px;
height: 34px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
}
input:-webkit-input-placeholder {
color: #444;
}
input:-moz-placeholder {
color: #444;
}
#group-description {
width: 576px;
min-height: 160px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
resize: vertical;
}
#group-dialog #bgimg_wrap #bgimg {
float: left;
width: 150px;
margin-right: 20px;
}
#group-dialog #bgimg_wrap #bgimg p {
text-align: center;
color: #bcbcbc;
margin-bottom: 13px;
}
#group-dialog #bgimg_wrap #bgimg img {
/* border:1px solid #bcbcbc; */
}
#group-dialog #bgimg_wrap #choice_img {
float: right;
width: 378px;
border: 1px solid #bcbcbc;
padding: 5px 10px 5px 5px;
background-color: #fff;
}
#group-dialog #bgimg_wrap #choice_img ul li {
float: left;
margin: 5px 0 5px 5px;
border: 1px solid #f2f2f2;
cursor: pointer;
}
#group-dialog #bgimg_wrap #choice_img ul li:last-child {
padding: 0;
}
#group-dialog #bgimg_wrap #choice_img ul li.current {
border: 1px solid #217d80;
}
#create_group-btn {
background: url("/themes/sns11/img/layout/btn_complete.png");
width: 160px;
height: 40px;
margin: 20px 218px 0 218px;
text-indent: 9999px;
border: none;
cursor: pointer;
}
#create_group-btn:hover {
background: url("/themes/sns11/img/layout/btn_complete_h.png");
width: 160px;
height: 40px;
margin: 20px 218px 0 218px;
text-indent: 9999px;
border: none;
cursor: pointer;
}
#edit_group-btn {
background: url("/themes/sns11/img/layout/btn_edit_complete.png");
width: 160px;
height: 40px;
margin: 20px 218px 0 218px;
text-indent: 9999px;
border: none;
cursor: pointer;
}
#edit_group-btn:hover {
background: url("/themes/sns11/img/layout/btn_edit_complete_h.png");
width: 160px;
height: 40px;
margin: 20px 218px 0 218px;
text-indent: 9999px;
border: none;
cursor: pointer;
}
/* group.less
======================================== */
/* 繧ｰ繝ｫ繝ｼ繝励�繝ｼ繧ｸ 繝ｩ繝�ヱ-*/
#group_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
#group_list {
width: 620px;
margin-bottom: 20px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
background-color: #FFFFFF;
}
#g_title {
width: 100%;
height: 69px;
border-top: solid 5px #233f41;
border-bottom: solid 1px #EDF1F6;
background-color: #FFFFFF;
margin-top: 20px;
}
#g_title p {
margin-left: 13px;
line-height: 69px;
font-size: medium;
font-weight: bold;
}
#edit_group {
width: 100%;
height: 80px;
background-color: #FFFFFF;
line-height: 80px;
/* height縺ｨ蜷後§蛟､ */
text-align: center;
vertical-align: middle;
}
#edit_group img {
vertical-align: middle;
cursor: pointer;
}
#g_list {
background-color: #FFFFFF;
margin: 0px 10px 0px 10px;
padding-bottom: 10px;
}
#g_list ul li {
min-height: 110px;
margin-bottom: 10px;
background-color: #EDF1F6;
padding-bottom: 10px;
cursor: pointer;
}
#g_list img {
width: 100%;
}
#group_image_box {
padding: 0px 0px 0px 10px;
margin-top: 16px;
width: 80px;
height: 80px;
float: left;
position: relative;
}
#group_data_box {
margin-top: 10px;
margin-left: 20px;
width: 475px;
word-wrap: break-word;
float: left;
}
#group_title {
font-weight: bold;
font-size: small;
padding: 5px 0px 0px 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#group_data {
font-weight: bold;
padding: 10px 0px 0px 0px;
}
#group_genre_img {
clear: both;
position: absolute;
top: -13px;
right: -10px;
}
#group_genre_img img {
width: 30px;
height: 30px;
}
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* group_right_block_pc.less
======================================== */
/* 繧ｵ繧､繝峨繧､繝吶Φ繝医Μ繧ｹ繝� */
#event_list {
width: 300px;
background-color: #FFFFFF;
/* margin-top: 20px; */
margin-bottom: 20px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
/*
border-style:solid;
border-top-width:5px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-color:@base_dark_color;
border-right-color:#DFE3E8;
border-bottom-color:#C4C6CB;
border-left-color:#DFE3E8;
*/
}
#event_list #event_title {
height: 53px;
}
#event_list #event_title p {
font-size: medium;
font-weight: bold;
margin-left: 12px;
padding-top: 18px;
}
#event_list ul {
background-color: #FFFFFF;
}
#event_list ul li {
height: 46px;
padding: 7px 8px 7px 8px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #233f41;
}
#event_list .old_event {
background-color: #233f41;
}
#event_list .old_event .old_event_title_box {
cursor: pointer;
width: 300px;
height: 30px;
}
#event_list .old_event .old_event_title_box p {
margin: 8px 10px 0px 10px;
float: left;
color: #FFF;
font-weight: bold;
}
#event_list .old_event .old_event_title_box img {
margin: 12px 10px 0px 10px ;
float: right;
}
#event_list .event_list_data_box {
cursor: pointer;
}
#event_list .old_event_list_data_box {
cursor: pointer;
}
/* 繧ｵ繧､繝峨繝｡繝ｳ繝舌Μ繧ｹ繝� */
#member_list {
width: 300px;
background-color: #FFFFFF;
/* margin-top: 20px; */
margin-bottom: 20px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
/*
border-style:solid;
border-top-width:5px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-color:@base_dark_color;
border-right-color:#DFE3E8;
border-bottom-color:#C4C6CB;
border-left-color:#DFE3E8;
*/
}
#member_list #member_title {
height: 53px;
}
#member_list #member_title p {
font-size: medium;
font-weight: bold;
margin-left: 12px;
padding-top: 18px;
}
#member_list #thumbnail {
width: 300px;
padding: 0px 10px;
}
#member_list #thumbnail ul {
width: 300px;
}
#member_list #thumbnail ul li {
float: left;
border: solid 1px #EDF1F6;
height: 78px;
width: 78px;
margin-left: 10px;
margin-bottom: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
/* Safari,Google Chrome逕ｨ */
-moz-border-radius: 5px;
/* Firefox逕ｨ */
cursor: pointer;
}
#member_list #thumbnail ul li img {
width: 64px;
height: 64px;
margin-top: 8px;
margin-left: 7px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#member_list #member_more {
clear: both;
height: 60px;
}
#member_list #member_more img {
margin-top: 6px;
margin-left: 70px;
cursor: pointer;
}
/* 繧ｵ繧､繝峨ヰ繝翫� */
#side_banner {
/* margin-top:20px; */
margin-bottom: 10px;
}
#side_banner ul li {
margin-top: 10px;
}
/*======================================================================================*/
/* group_top.less
======================================== */
/* 繧ｰ繝ｫ繝ｼ繝励�繝ｼ繧ｸ縲繝ｩ繝�ヱ-*/
#group_top_wrapper {
width: 940px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
}
#group_top_data {
width: 620px;
/* margin-top: 20px; */
margin-bottom: 20px;
/*
border-top: solid 5px @base_dark_color;
border-bottom: solid 1px #C4C6CB;
border-left: solid 1px #DFE3E8;
border-right: solid 1px #DFE3E8;
*/
border-right: 1px solid #DFE3E8;
border-left: 1px solid #DFE3E8;
border-bottom: 1px solid #E2EAF4;
background-color: #FFFFFF;
}
#group_data1 {
position: relative;
width: 366px;
float: left;
}
#group_skin {
width: 210px;
height: 210px;
float: right;
margin-right: 10px;
overflow: hidden;
}
#group_skin img {
width: 200px;
margin-top: 10px;
}
/* 繧ｰ繝ｫ繝ｼ繝励�險ｭ螳夐未騾｣縲CSS */
#group_setting {
position: absolute;
top: 10px;
right: 0;
margin-right: 5px;
z-index: 2;
}
#group_data1 #group_setting .setting_icon {
width: 18px;
height: 18px;
cursor: pointer;
}
#select_menu {
width: 126px;
position: absolute;
top: 30px;
right: 0;
margin-right: 5px;
}
#group_edit {
height: 35px;
line-height: 35px;
color: white;
font-weight: bold;
padding-left: 10px;
background-color: #C2D1E4;
margin-bottom: 1px;
font-size: 1.1em;
cursor: pointer;
}
#group_delete {
height: 35px;
line-height: 35px;
color: white;
font-weight: bold;
padding-left: 10px;
background-color: #C2D1E4;
margin-bottom: 1px;
font-size: 1.1em;
cursor: pointer;
}
#group_report {
height: 35px;
line-height: 35px;
color: white;
font-weight: bold;
padding-left: 10px;
background-color: #C2D1E4;
margin-bottom: 1px;
font-size: 1.1em;
cursor: pointer;
}
.b4-1scroll {
overflow: scroll;
}
#group_data3 {
clear: both;
width: 610px;
margin-left: 5px;
}
.write_post_button {
cursor: pointer;
}
#group_text_data {
width: 320px;
margin: 20px 0px 20px 20px;
}
#group_text_data .group_name {
color: #233f41;
font-size: medium;
font-weight: bold;
word-wrap: break-word;
}
#group_text_data .group_description {
color: #233f41;
font-size: x-small;
font-weight: bold;
margin-top: 20px;
line-height: 17px;
height: 80px;
width: 320px;
word-wrap: break-word;
overflow: auto;
/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ陦ｨ遉ｺ */
}
#group_text_data .group_description2 {
color: #233f41;
font-size: x-small;
font-weight: bold;
line-height: 17px;
word-wrap: break-word;
position: relative;
margin: 20px 0px 0px 0px;
padding-bottom: 0px;
width: 100%;
height: 90px;
overflow: hidden;
overflow-x: hidden;
}
.ps-scrollbar-y-rail {
cursor: pointer;
}
#group_button_box {
width: 366px;
height: 70px;
}
#group_button_box img {
cursor: pointer;
}
#group_button_box .invitation_friend {
margin-top: 5px;
margin-left: 20px;
}
#group_button_box .membership {
margin-top: 5px;
margin-left: 140px;
text-align: center;
}
#group_button_box .create_event {
margin-top: 5px;
margin-left: 10px;
}
#group_button_box .group_withdrawal {
width: 120px;
margin-top: 10px;
margin-left: 20px;
color: #233f41;
text-decoration: underline;
cursor: pointer;
}
#write_post_area {
width: 400px;
height: 1.1em;
font-size: 1.3em;
padding: 10px 0px 10px 5px ;
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
resize: none;
}
#write_comment_area {
/*
width: 400px;
height:30px;
font-size:16px;
padding:12px 0px 0px 5px ;
border:solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
resize:vertical;
*/
}
.comm_area_ {
width: 400px;
height: 1.1em;
font-size: 16px;
padding: 10px 0px 10px 5px;
border: solid 1px #BBBBBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
resize: none;
overflow: hidden;
}
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
#group_post_data .group_post {
background-color: #FFF;
/*margin-bottom:20px;*/
width: 620px;
}
#group_post_data .group_post .post_id {
visibility: hidden;
}
#group_post_data .group_post .post_user_thumbnail {
float: left;
width: 90px;
background-color: #FFF;
}
#group_post_data .group_post .post_user_thumbnail img {
margin-top: 18px;
margin-left: 10px;
width: 64px;
height: 64px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#group_post_data .group_post .post_user_data {
background-color: #FFF;
float: right;
width: 520px;
}
#group_post_data .group_post .post_user_data .post_user_name_box {
position: relative;
width: 520px;
height: 40px;
}
#group_post_data .group_post .post_user_data .post_user_name_box .setting_icon {
width: 18px;
height: 18px;
position: absolute;
top: 10px;
right: 0;
margin-right: 10px;
}
.group_post_setting {
position: absolute;
top: -2px;
right: 0;
margin-right: 10px;
}
.post_setting_icon {
width: 18px;
height: 18px;
cursor: pointer;
}
.post_select_menu {
width: 126px;
position: absolute;
top: 20px;
right: 0;
margin-right: 5px;
}
.post_edit {
height: 34px;
line-height: 34px;
color: white;
font-weight: bold;
font-size: 1.1em;
padding-left: 10px;
background-color: #C2D1E4;
border-bottom: solid 1px #FFFFFF;
cursor: pointer;
}
.post_delete {
height: 34px;
line-height: 34px;
color: white;
font-weight: bold;
font-size: 1.1em;
padding-left: 10px;
background-color: #C2D1E4;
border-bottom: solid 1px #FFFFFF;
cursor: pointer;
}
.post_report {
height: 34px;
line-height: 34px;
color: white;
padding-left: 10px;
font-weight: bold;
font-size: 1.1em;
background-color: #C2D1E4;
border-bottom: solid 1px #FFFFFF;
cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_user_name_box .post_user_name {
/*color:#000000;*/
/*font-size:medium;*/
font-size: 1.2em;
font-weight: bold;
float: left;
margin-top: 16px;
margin-left: 8px;
}
#group_post_data .group_post .post_user_data .post_user_name_box .post_timestamp {
/*color:#000000;*/
float: right;
margin-right: 35px;
margin-top: 2px;
}
#group_post_data .group_post .post_user_data .post_user_description_box {
clear: both;
width: 500px;
min-height: 70px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 8px;
margin-right: 20px;
word-wrap: break-word;
}
#group_post_data .group_post .post_user_data .post_user_description_box .post_body {
word-wrap: break-word;
color: #000000;
/*font-weight: bold;*/
line-height: 18px;
}
#group_post_data .group_post .post_user_data .post_user_description_box pre {
color: #000000;
font-weight: bold;
line-height: 18px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box {
width: 520px;
height: 35px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile {
margin-left: 8px;
float: left;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_imge {
float: left;
margin-top: 5px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_count {
float: left;
margin-left: 10px;
margin-top: 9px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_count p {
color: #000000;
font-weight: bold;
font-size: 10px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment {
margin-left: 0px;
padding-top: 15px;
padding-bottom: 20px;
float: left;
cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_imge {
float: left;
margin-left: 10px;
margin-top: 5px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_count {
float: left;
margin-left: 10px;
margin-top: 9px;
cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_count p {
/*color:#000000;*/
/*font-weight: bold;*/
font-size: 12px;
text-decoration: underline;
}
#comment_box {
clear: both;
width: 620px;
min-height: 65px;
}
#comment_box .write_comment {
margin-top: 4px;
margin-left: 10px;
cursor: pointer;
}
.comm_box {
background-color: #ededed;
padding: 10px 10px 15px 10px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 10px;
}
.comm_delete {
float: right;
color: #888888;
font-weight: bold;
font-size: 14px;
cursor: pointer;
}
.comm_user {
text-align: center;
margin-top: 10px;
margin-right: 10px;
float: left;
width: 86px;
}
.comm_user p {
margin-top: 5px;
font-weight: bold;
color: #233f41;
text-decoration: underline;
word-wrap: break-word;
}
.comm_user img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.comm_text {
padding-left: 20px;
padding-top: 25px;
padding-bottom: 10px;
margin-top: 5px;
float: left;
width: 450px;
/*font-weight: bold;*/
/*color:#000000;*/
}
.comm_date {
float: right;
margin-top: 10px;
padding-right: 15px;
/*font-weight:bold;*/
/*color:#000000;*/
}
.more_comment {
height: 30px;
background-color: #EDEDED;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 10px;
}
.more_comment .more_text {
color: #233f41;
text-decoration: underline;
cursor: pointer;
margin-left: 5px;
line-height: 30px;
}
.ui-button {
outline: 0px none black;
}
/* howto.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#howto_wrapper {
width: 940px;
margin: 20px auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
margin-bottom: 100px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 蜿ｳ繧ｵ繧､繝� */
#side_section {
width: 300px;
/*margin-top: 20px;*/
}
/* 菴ｿ縺�婿蜈ｨ菴� */
#howto_section {
width: 620px;
background-color: #FFFFFF;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
/*margin-top: 20px;*/
}
.howto_title_text {
height: 70px;
border-bottom: solid 1px #EDF1F6;
}
.howto_title_text h2 {
padding: 25px 10px 20px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
.howto_post {
padding: 30px 0 30px;
}
.howto_post input[type="text"] {
width: 460px;
height: 38px;
margin: 0 10px;
border-radius: 4px;
border: 1px solid #476c6f;
}
.howto_post textarea {
width: 460px;
height: 38px;
margin: 0 10px;
border-radius: 4px;
border: 1px solid #476c6f;
}
.howto_post a img {
width: 120px;
height: 40px;
margin-right: 10px;
}
.button_find_howto {
float: right;
margin-right: 10px;
cursor: pointer;
}
/* ============================== */
/* Q&A */
/* ============================== */
/* 蜈ｨ菴� */
#howto_qa {
margin: 0 10px;
}
#howto_qa ul li {
padding-bottom: 5px;
}
/* 雉ｪ蝠擾ｼ亥屓遲俳pen譎ゑｼ� */
#howto_qa ul li div.howto_q_contents_open {
width: 600px;
height: 46px;
background-color: #233f41;
}
.howto_q_open {
float: left;
padding: 15px 15px 10px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.howto_q_text_open {
float: left;
padding: 17px 0 10px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.howto_q_minus {
float: right;
padding: 10px 10px 10px;
}
/* 雉ｪ蝠擾ｼ亥屓遲把lose譎ゑｼ� */
#howto_qa ul li div.howto_q_contents_close {
width: 600px;
/* height: 46px; */
background-color: #EDF1F6;
}
.howto_q_close {
float: left;
padding: 15px 15px 10px;
font-size: 16px;
font-weight: bold;
color: #476c6f;
}
.howto_q_text_close {
float: left;
padding: 17px 0 10px;
font-size: 12px;
font-weight: bold;
color: #233f41;
}
.howto_q_plus {
float: right;
padding: 10px 10px 10px;
cursor: pointer;
}
/* 蝗樒ｭ� */
#howto_qa ul li div.howto_a_contents {
clear: both;
width: 600px;
/* height: 95px; */
}
.howto_a {
float: left;
padding: 15px 15px 10px 15px;
font-size: 16px;
font-weight: bold;
color: #476c6f;
}
.howto_a_text {
float: left;
width: 500px;
padding: 15px 0 10px;
font-size: 12px;
font-weight: bold;
color: #000000;
}
/* ============================== */
/* ============================== */
/* 豕ｨ驥� */
/* ============================== */
#howto_notes {
padding: 30px 0 50px;
}
#howto_notes p {
text-align: center;
font-size: 10px;
font-weight: bold;
color: #000000;
}
#howto_notes p a {
color: #233f41;
text-decoration: underline;
}
/* invite.less
======================================== */
.trade.ui-widget-content {
background: none;
background-color: #f2f2f2;
}
#invite-dialog #invitelist {
clear: both;
border: 1px solid #bbb;
background-color: #fff;
padding: 10px 0 0 10px;
margin-bottom: 7px;
}
#invite-dialog #invitelist ul li {
float: left;
border: 1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 10px 10px 0;
padding: 5px;
cursor: pointer;
}
#invite-dialog #invitelist ul li img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
cursor: pointer;
}
#invite-dialog #btn_invite {
margin-top: 15px;
margin-bottom: 10px;
text-align: center;
cursor: pointer;
}
#invite-dialog #pagination {
margin-bottom: 20px;
}
#invite-dialog #pagination #prev {
float: left;
cursor: pointer;
}
#invite-dialog #pagination p {
position: absolute;
left: 46%;
}
#invite-dialog #pagination #prev a:hover,
#invite-dialog #pagination #next a:hover {
text-decoration: none;
}
#invite-dialog #pagination #prev a span,
#invite-dialog #pagination #next a span {
color: #233f41;
padding: 0 6px;
vertical-align: middle;
}
#invite-dialog #pagination #prev a img,
#invite-dialog #pagination #next a img {
vertical-align: middle;
}
#invite-dialog #pagination #next {
float: right;
cursor: pointer;
}
#invite-dialog #pagination #next a:hover {
text-decoration: none;
}
/* bxslider
#wrapper_red ul {
margin: 0;
padding: 0;
}
#wrapper_red img
{
padding:5px;
border: none;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.clear { clear: both; }
#wrapper_red {
width: 400px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
}
#wrapper_red li {
float: left;
margin: 0px;
width:74px;
margin-left:5px;
}
.test{
width:100px;
height:100px;
background-color:#f2f2f2;
color:#ff00ff;
}
.bx-wrapper .bx-prev{
left:-10px;
}
.bx-wrapper .bx-next{
right:-10px;
}
#nvs2 a.active{text-decoration: none;}
*/
/* login.less
======================================== */
/* Login(Dialog)
------------------------------------ */
#login-dialog form {
text-align: center;
}
#login-dialog input[type="text"],
#login-dialog input[type="password"] {
display: block;
margin: 10px auto 0 auto;
padding: 5px;
width: 550px;
height: 24px;
line-height: 24px;
border: 1px solid #233f41;
}
#login-dialog a {
text-decoration: underline;
color: #217d80;
font-size: 0.8em;
}
/* member.less
======================================== */
.trade.ui-widget-content {
background: none;
background-color: #f2f2f2;
}
#member-dialog #pagination {
margin-bottom: 20px;
}
#member-dialog #pagination #prev {
float: left;
}
#member-dialog #pagination p {
position: absolute;
left: 46%;
}
#member-dialog #pagination #prev a:hover,
#member-dialog #pagination #next a:hover {
text-decoration: none;
}
#member-dialog #pagination #prev a span,
#member-dialog #pagination #next a span {
color: #233f41;
padding: 0 6px;
vertical-align: middle;
}
#member-dialog #pagination #prev a img,
#member-dialog #pagination #next a img {
vertical-align: middle;
}
#member-dialog #pagination #next {
float: right;
}
#member-dialog #pagination #next a:hover {
text-decoration: none;
}
#member-dialog #memberlist {
clear: both;
border: 1px solid #bbb;
background-color: #fff;
padding: 10px 0 0 10px;
margin-bottom: 7px;
}
#member-dialog #memberlist ul li {
float: left;
border: 1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 10px 10px 0;
padding: 5px;
}
#member-dialog #memberlist ul li img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
cursor: pointer;
}
/* minimail.less
======================================== */
/* Minimail(Menu)
------------------------------------ */
#minimail {
margin: 0 auto 20px auto;
padding: 20px 0 0 0;
/* width: 1000px; */
width: 940px;
}
#minimail-main {
margin: 0 20px 0 0;
/* width: 680px; */
width: 620px;
float: left;
background-color: white;
border-top: 5px solid #233f41;
}
#minimail-main h2 {
padding: 22px 15px;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
border-bottom: 1px solid #E2EAF4;
font-size: 16px;
/*line-height: 50px;*/
}
#minimail-main p.keyword {
padding: 10px 10px 5px 10px;
}
#minimail-main p.keyword span {
font-weight: bold;
}
#minimail-main .nodata {
display: block;
margin: 0 auto 0 auto;
width: 80%;
}
#minimail-list {
margin: 0;
padding: 10px 10px 30px 10px;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
border-bottom: 1px solid #E2EAF4;
}
#minimail-list li {
margin: 0 0 10px 0;
padding: 10px 10px 10px 10px;
background-color: #EDF1F6;
cursor: pointer;
}
#minimail-list .minimail-last-message .message-button {
display: none;
}
#minimail-list .minimail-last-message a {
display: none;
}
.minimail-line .minimail-user-photo {
position: relative;
width: 10%;
float: left;
}
.minimail-line .minimail-user-photo img {
width: 55px;
height: 55px;
}
.minimail-line .minimail-new-mark {
position: absolute;
top: -13px;
right: -10px;
}
.minimail-line .minimail-new-mark img {
width: 30px;
height: 30px;
}
.minimail-line .minimail-data {
margin: 0 0 0 2%;
width: 88%;
float: left;
}
.minimail-info .minimail-user-name {
width: 70%;
float: left;
line-height: 30px;
font-size: 1.2em;
font-weight: bold;
}
.minimail-data .minimail-last-message {
color: #555;
font-weight: bold;
text-overflow: ellipsis;
word-break: break-all;
}
.minimail-data .minimail-last-message a {
text-decoration: underline;
color: #233f41;
}
.minimail-info .minimail-date {
width: 30%;
float: left;
text-align: right;
line-height: 30px;
color: #aaa;
font-size: 0.8em;
}
#minimail-right {
width: 300px;
float: left;
}
/* Minimail(Dialog)
------------------------------------ */
.minimail-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.minimail-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#ui-minimail-dialog {
height: 400px !important;
overflow: hidden;
}
#minimail-dialog.error #error-message p {
margin: 150px 0 0 0;
text-align: center;
line-height: 30px;
font-size: 1.8em;
}
#minimail-dialog.ui-dialog-content {
padding-top: 0;
}
#minimail-header {
width: 550px;
margin-bottom: 55px;
}
#minimail-header-left {
width: 80px;
float: left;
}
#minimail-user-photo {
width: 80px;
height: 66px;
}
#minimail-user-photo img {
width: 64px;
height: 64px;
}
#minimail-header-right {
width: 470px;
float: left;
}
#minimail-user-name {
line-height: 35px;
font-weight: bold;
}
#minimail-user-name img {
vertical-align: middle;
}
#minimail-user-profile {
height: 50px;
overflow: hidden;
position: relative;
font-weight: bold;
}
#minimail-user-profile p {
padding: 0 8px 0 0;
width: 98%;
word-wrap: break-word;
line-height: 15px;
}
#minimail-timeline {
margin: 10px 0 0 0;
}
.minimail-message {
padding: 3%;
width: 94%;
min-height: 40px;
}
.minimail-message-user-name {
margin: 0 0 5px 0;
padding: 0 5%;
font-weight: bold;
}
.minimail-line {
position: relative;
height: 100%;
}
.minimail-line .minimail-message-date {
position: absolute;
width: 42%;
bottom: 0;
font-size: 0.8em;
}
.minimail-message-body {
position: relative;
padding: 2%;
width: 50%;
height: 80%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
word-wrap: break-word;
}
.minimail-message-body a {
text-decoration: underline;
color: #233f41;
}
.minimail-message-body button {
display: block;
position: relative;
top: -1px;
margin: 0 auto;
*margin-right: 3px;
padding: 0;
background: none;
border: 0;
vertical-align: middle;
overflow: visible;
cursor: pointer;
line-height: 0;
font-size: 0;
}
.minimail-sent {
background-color: #edf1f6;
}
.minimail-sent .minimail-message-user-name {
text-align: right;
}
.minimail-sent .minimail-line .minimail-message-date {
left: 0;
text-align: right;
}
.minimail-sent .minimail-message-body {
margin: 0 20px 0 0;
float: right;
background-color: #A7DBA2;
border-radius: 4px;
}
.minimail-sent .minimail-message-body:after {
content: ' ';
background: url("/themes/sns11/img/layout/minimail_tail_from.png");
position: absolute;
top: 10px;
left: 100%;
width: 13px;
height: 12px;
}
.minimail-sent .minimail-message-body .message-button {
display: none;
}
.message-button img {
width: 247px;
}
.minimail-sent .minimail-message-body a {
display: none;
}
.minimail-sent .minimail-message-body a[target="_blank"] {
display: inline;
}
.minimail-received {
background-color: #edf1f6;
}
.minimail-received .minimail-message-user-name {
text-align: left;
}
.minimail-received .minimail-line .minimail-message-date {
right: 0;
text-align: left;
}
.minimail-received .minimail-message-body {
margin: 0 0 0 20px;
float: left;
background-color: #233f41;
border-radius: 4px;
color: white;
}
.minimail-received .minimail-message-body a {
color: white;
}
.minimail-received .minimail-message-body a img {
border: 1px solid white;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.minimail-received .minimail-message-body:before {
content: ' ';
background: url("/themes/sns11/img/layout/minimail_tail_to.png");
position: absolute;
top: 10px;
right: 100%;
width: 13px;
height: 12px;
}
#minimail-form {
width: 574px;
}
#minimail-form textarea {
position: relative;
top: -1px;
margin: 0 10px 0 0;
*margin-right: 3px;
padding: 10px 5px 10px 5px;
width: 340px;
height: 20px;
border-radius: 4px;
border: 1px solid #476c6f;
vertical-align: middle;
overflow: visible;
text-indent: 0;
line-height: 20px;
font-size: 1em;
font-weight: normal;
resize: none !important;
outline: 0px none black;
}
#minimail-form button {
position: relative;
top: -1px;
margin: 0;
*margin-right: 3px;
padding: 0;
background: none;
border: 0;
vertical-align: middle;
overflow: visible;
cursor: pointer;
line-height: 0;
font-size: 0;
outline: 0px none black;
}
#minimail-form #minimail-photo-btn {
margin: 0 10px 0 0;
width: 32px;
height: 32px;
}
#minimail-form #minimail-send-btn {
width: 130px;
height: 40px;
}
/* Minimail Image Upload(Dialog)
------------------------------------ */
.upload-dialog.ui-widget-content {
background: none;
background-color: #476c6f;
}
.upload-dialog.ui-dialog .ui-dialog-title {
color: #fff;
}
.upload-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.upload-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
/* mypage.less
======================================== */
/* Mypage
------------------------------------ */
#mypage-menu-line {
height: 5px;
background-color: #fff;
}
#mypage-menu {
background-color: #476c6f;
border-bottom: 1px solid #DFE3E8;
border-left: 1px solid #DFE3E8;
border-right: 1px solid #DFE3E8;
padding: 10px;
margin: 0 0 14px 0;
}
#mypage-menu ul {
padding: 0;
margin: 3px 0 0 0;
}
#mypage-menu ul li {
float: left;
}
#mypage-menu ul li a {
display: block;
padding: 0 0 0 0;
width: 98px;
height: 97px;
overflow: visible;
}
#mypage-menu ul li a img {
width: 98px;
height: 82px;
border-right: 2px dotted #fff;
}
#mypage-menu .cf #m1 a:hover,
#mypage-menu .cf #m2 a:hover,
#mypage-menu .cf #m3 a:hover,
#mypage-menu .cf #m4 a:hover {
background-image: url("/themes/sns11/img/layout/post_select.png");
background-repeat: no-repeat;
background-position: center 88px;
}
#mypage-menu .cf #m4 {
position: relative;
}
#mypage-menu .cf #m4 #tens {
position: absolute;
z-index: 2;
}
#mypage-menu .cf #m4 #one {
position: absolute;
z-index: 0;
background-repeat: no-repeat;
}
#mypage-menu #balloon {
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
height: 100px;
text-indent: 9999px;
margin: 0 5px;
overflow: hidden;
}
/* mypage_articst.less
======================================== */
.sp_account #sp_skin {
border-top: 5px solid #476c6f;
border-bottom: 1px solid #476c6f;
position: relative;
min-height: 160px;
}
.sp_account #sp_skin #sp_action_btn {
position: absolute;
bottom: 10px;
right: 10px;
}
.sp_account #sp_skin #s_change {
position: absolute;
bottom: 10px;
right: 10px;
}
.sp_account #sp_skin #s_change a {
color: #476c6f;
text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
background: url(../img/icon/icon_setting.png) no-repeat center left;
background-size: 15px 15px;
padding-left: 20px;
}
.sp_account #calendar_area #calendar div.accordion {
background: url(../img/layout/btn_select_close.png) no-repeat center right;
background-size: 29px 11px;
padding: 18px 0 18px 10px;
background-color: #476c6f;
color: #fff;
font-size: 14px;
font-weight: bold;
}
.sp_account #calendar_area #calendar div.opened {
background: url(../img/layout/btn_select_open.png) no-repeat center right;
background-size: 29px 11px;
background-color: #476c6f;
}
.sp_account #mypage-calendar .calendar {
margin: 0 auto;
}
.content_warp.cf .post_area {
margin: 10px;
color: #000;
}
.sp_account .u_profile .u_text_area {
position: relative;
min-height: 160px;
max-height: 300px;
}
.sp_account .u_profile .u_text_area #u_skin {
position: relative;
min-height: 160px;
max-height: 300px;
overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_title {
position: absolute;
top: 10px;
left: 10px;
height: 1.3em;
font-size: 13px;
font-weight: bold;
width: 90%;
color: #476c6f;
text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
word-wrap: break-word;
overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_text {
position: absolute;
top: 25px;
left: 10px;
margin-top: 5px;
font-size: 12px;
/* font-weight: 700; */
width: 90%;
color: #476c6f;
text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
word-wrap: break-word;
}
/* mypage_member.less
======================================== */
/* Mypage(Other Members)
------------------------------------ */
#mypage-header {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 940px;
height: 250px;
background-color: #fff;
background-image: url("/themes/sns1/skin/kobukuRog_skin_01.png");
background-position: center;
background-repeat: no-repeat;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.mypage-header-pc {
/*
width: 1100px !important;
min-width: 1100px !important;
max-width: 1100px !important;
*/
width: 940px;
margin: 0px auto;
}
#mypage-header.artist {
background-image: url("/themes/sns1/skin/kobukuRog_skin_01.png");
}
#mypage-header #header-left {
margin: 0 0 0 30px;
width: 124px;
height: 250px;
float: left;
text-align: center;
}
#header-left #user-photo {
margin: 20px 0 0 0;
}
#header-left #user-photo a {
display: inline-block;
}
#header-left #user-photo img {
width: 124px;
height: 124px;
}
#header-left #user-medal {
margin: 15px 0 0 0;
}
#header-left #user-medal a {
display: inline-block;
}
#header-left #user-medal img {
width: 60px;
height: 60px;
}
#mypage-header #header-center {
margin: 0 0 0 20px;
width: 300px;
float: left;
}
#header-center #user-title h2 {
margin: 20px 0 0 0;
height: 30px;
white-space: nowrap;
color: #233f41;
font-size: 1.5em;
font-weight: bold;
text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
}
#header-center #user-title h2 a {
color: #233f41;
text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
}
#header-center #user-profile {
width: 100%;
height: 100px;
overflow: hidden;
position: relative;
background-color: rgba(255, 255, 255, 0.8);
}
#header-center #user-profile p {
padding: 5px 12px 5px 5px;
width: 283px;
word-wrap: break-word;
line-height: 15px;
}
#header-center #user-status table {
margin: 10px 0 0 0;
width: 100%;
border-spacing: 1px;
cursor: pointer;
}
#header-center #user-status th {
width: 33%;
height: 25px;
background-color: #476c6f;
color: #FFF;
font-weight: normal;
}
#header-center #user-status td {
height: 25px;
background-color: #EDF1F6;
text-align: center;
color: #444;
font-size: 1.5em;
font-weight: bold;
}
#header-right {
position: relative;
width: 200px;
height: 250px;
float: right;
}
#header-right #mypage-change-skin {
position: absolute;
bottom: 10px;
right: 10px;
width: 70px;
height: 20px;
}
#header-right #mypage-change-skin a {
text-decoration: underline;
color: #233f41;
font-size: 12px;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6), -1px 1px 0px rgba(255, 255, 255, 0.6), 1px -1px 0px rgba(255, 255, 255, 0.6), -1px -1px 0px rgba(255, 255, 255, 0.6), 1px 0px 0px rgba(255, 255, 255, 0.6), -1px 0px 0px rgba(255, 255, 255, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.6), 0px -1px 0px rgba(255, 255, 255, 0.6);
font-weight: bold;
}
#header-right ul {
margin: 30px 0 0 0;
padding: 0;
list-style: none;
}
#mypage-header.artist ul {
margin: 200px 0 0 0;
}
#header-right li {
margin: 0 0 10px 0;
padding: 0;
height: 40px;
}
#header-right a {
display: block;
width: 160px;
height: 40px;
}
#mypage-main {
margin: 0 auto;
padding: 20px 0 0 0;
/* width: 1000px; */
width: 940px;
}
#mypage-contents {
margin: 0 20px 0 0;
/* width: 680px; */
width: 620px;
float: left;
}
#timeline-category .flat-dropdown {
float: left;
}
#timeline-category p.keyword {
padding: 0 0 0 10px;
width: 60%;
float: left;
line-height: 34px;
}
#timeline-category p.keyword span {
font-weight: bold;
}
#mypage-timeline .post {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
background-color: #fff;
border: 1px solid #DFE3E8;
}
#mypage-timeline .post-header {
padding: 8px 8px 3px 3px;
text-align: right;
}
#mypage-timeline .post-main {
width: 618px;
}
#mypage-timeline .post-left {
width: 20%;
float: left;
text-align: center;
}
#mypage-timeline .post-user-photo img {
width: 62px;
height: 62px;
}
#mypage-timeline .post-user-medal img {
margin: 15px 0 0 0;
width: 36px;
height: 36px;
}
#mypage-timeline .post-right {
width: 80%;
float: left;
}
#mypage-timeline .post-title {
padding: 0 10px 0 0;
line-height: 36px;
font-size: 1.5em;
word-wrap: break-word;
}
#mypage-timeline .post-user-nickname {
width: 53%;
float: left;
line-height: 26px;
font-size: 13px;
font-weight: bold;
word-wrap: break-word;
}
#mypage-timeline .post-created-at {
width: 25%;
float: right;
text-align: center;
line-height: 26px;
font-size: 1.0em;
white-space: nowrap;
}
#mypage-timeline .post-reserved {
color: red;
}
#mypage-timeline .post-category {
margin: 0 3% 0 0;
padding: 0 10px 0 10px;
width: auto;
float: right;
background-color: #444;
color: #fff;
text-align: center;
line-height: 26px;
white-space: nowrap;
font-size: 1.0em;
}
#mypage-timeline .post-body {
margin: 10px 0 0 0;
padding: 0 10px 0 0;
line-height: 1.4em;
font-size: 1.0em;
word-wrap: break-word;
}
#mypage-timeline .post-body a {
color: #233f41;
text-decoration: underline;
}
#mypage-timeline .post-body img.thumb {
box-shadow: 1px 1px 3px #C4C6CB;
-moz-box-shadow: 1px 1px 3px #C4C6CB;
-webkit-box-shadow: 1px 1px 3px #C4C6CB;
cursor: pointer;
}
#mypage-timeline .post-external {
margin: 10px 0 10px 0;
border: 1px solid #C3C3C3;
width: 477px;
}
#mypage-timeline .post-external-thumb {
float: left;
width: 120px;
border-right: 1px solid #C3C3C3;
}
#mypage-timeline .post-external-thumb img {
width: 120px;
height: 120px;
}
#mypage-timeline .post-external-content {
padding: 10px 10px 10px 10px;
float: left;
width: 336px;
}
#mypage-timeline .post-external-title a {
color: #233f41;
text-decoration: underline;
}
#mypage-timeline .post-external-description {
word-wrap: break-word;
}
#mypage-timeline .post-tags {
margin: 5px 0 0 0;
padding: 0 0 0 0;
}
#mypage-timeline .post-tags li {
display: inline;
margin: 0 5px 0 5px;
}
#mypage-timeline .post-tags li a {
color: #233f41;
white-space: nowrap;
text-decoration: underline;
}
#mypage-timeline .post-status {
margin: 10px 0 10px 0;
}
#mypage-timeline .post-status div {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 30px 0 0;
cursor: pointer;
}
#mypage-timeline .post-status div.noclick {
cursor: auto;
}
#mypage-timeline .post-status div img {
display: inline-block;
margin: 0 10px 0 0;
width: 24px;
height: 24px;
}
#mypage-timeline .post-status div span {
display: inline-block;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-decoration: underline;
}
.mypage-post-tooltip.ui-tooltip {
padding: 10px 20px;
background: #233f41 !important;
border: none;
border-radius: 2px;
box-shadow: none !important;
overflow: visible;
color: white;
}
.mypage-post-tooltip.ui-tooltip:after {
content: ' ';
position: absolute;
left: 10px;
bottom: -10px;
border-top: 10px solid #233f41;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
/*
position: absolute;
left: 20px;
top: 20px;
color: white;
display: none;
text-align: center;
position: relative;
z-index: 103;
width: 100%;
background-color:
@base_dark_color;
border-radius: 2px;
padding: 0.5em;
position: absolute;
z-index: 102;
left: 5px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 20px solid @base_dark_color; top: -10px;
*/
.post-comment {
color: #217d80;
}
#mypage-timeline .post-comments {
padding: 0 10px 0 10px;
}
#mypage-timeline .post-comments .comment-more {
display: none;
padding: 5px 10px 5px 10px;
background-color: #EDEDED;
border-bottom: 1px solid #fff;
}
#mypage-timeline .post-comments .comment-more a {
display: block;
color: #233f41;
}
#mypage-timeline .post-comments.comment-form {
display: none;
padding: 15px 10px 0 10px;
}
#mypage-timeline .comment {
padding: 10px 10px 10px 10px;
background-color: #EDEDED;
border-bottom: 1px solid #fff;
}
#mypage-timeline .comment a {
color: #233f41;
text-decoration: underline;
}
#mypage-timeline .comment.hidden {
display: none;
}
#mypage-timeline .comment-left {
width: 15%;
float: left;
text-align: center;
}
#mypage-timeline .comment-user-photo img {
width: 48px;
}
#mypage-timeline .comment-user-nickname {
margin: 5px 0 0 0;
word-wrap: break-word;
font-weight: bold;
}
#mypage-timeline .comment-right {
width: 85%;
float: left;
}
#mypage-timeline .comment-header {
text-align: right;
}
#mypage-timeline .btn-comment-delete {
margin: 0;
padding: 0;
width: 14px;
height: 14px;
background: none;
border: none;
}
#mypage-timeline .comment-body {
padding: 10px 10px 10px 10px;
word-wrap: break-word;
}
#mypage-timeline .comment-external {
padding: 0 10px 10px 10px;
}
#mypage-timeline .comment-external-thumb {
float: left;
width: 20%;
}
#mypage-timeline .comment-external-thumb img {
width: 80px;
height: 80px;
}
#mypage-timeline .comment-external-content {
float: left;
width: 80%;
}
#mypage-timeline .comment-external-title a {
color: #233f41;
text-decoration: underline;
}
#mypage-timeline .comment-external-description {
word-wrap: break-word;
}
#mypage-timeline .comment-created-at {
padding: 10px 10px 10px 10px;
text-align: right;
}
#mypage-timeline .comment-post {
margin: 0 0 0 0;
}
#mypage-timeline .comment-post textarea {
position: relative;
top: -1px;
margin: 0 10px 0 0;
*margin-right: 3px;
padding: 10px 5px 10px 5px;
width: 450px;
height: 20px;
border-radius: 4px;
border: 1px solid #476c6f;
vertical-align: middle;
overflow: visible;
text-indent: 0;
line-height: 20px;
font-size: 1.4em;
resize: none !important;
outline: 0px none black;
}
#mypage-timeline .comment-post button {
position: relative;
top: -1px;
margin: 0;
*margin-right: 3px;
padding: 0;
width: 125px;
height: 40px
background: none;
border: 0;
vertical-align: middle;
overflow: visible;
cursor: pointer;
line-height: 0;
font-size: 0;
}
#mypage-right {
width: 300px;
float: left;
}
#mypage-user {
margin: 0 0 20px 0;
background-color: #fff;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
}
#mypage-user #user-nickname {
border-top: 5px solid #233f41;
}
#user-nickname h2 {
padding: 10px 0 0 3%;
width: 85%;
float: left;
line-height: 1.4em;
font-size: 1.2em;
word-wrap: break-word;
}
#mypage-user #user-nickname a {
display: block;
width: 12%;
float: right;
text-align: center;
line-height: 40px;
}
#mypage-user #user-nickname a img {
vertical-align: middle;
}
#mypage-user #user-point {
margin: 5px 0 15px 0;
padding: 0 0 0 10px;
}
#mypage-user #user-point-progress {
margin: 0 10px 0 0;
width: 130px;
height: 20px;
float: left;
background-color: #EDF1F6;
}
#mypage-user #user-point-progress span {
position: relative;
padding: 0 1%;
width: 68%;
height: 100%;
display: block;
background-color: #FFBF35;
text-align: center;
line-height: 20px;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}
#mypage-user #user-point-progress span:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 0;
right: -10px;
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 10px solid #FFBF35;
}
#mypage-user #user-point p {
width: 140px;
float: left;
line-height: 20px;
font-size: 0.8em;
white-space: nowrap;
}
#mypage-user #user-info {
margin: 0 0 36px 0;
width: 100%;
border-collapse: collapse;
border-top: 1px solid #E2EAF4;
}
#user-info .user-info-item {
width: 100%;
border-bottom: 1px solid #E2EAF4;
}
#user-info .user-info-item-title {
padding: 0 0 0 5%;
width: 20%;
float: left;
white-space: nowrap;
text-align: left;
line-height: 28px;
font-weight: bold;
}
#user-info .user-info-item-data {
padding: 5px 5% 5px 0;
width: 70%;
float: left;
word-wrap: break-word;
text-align: right;
line-height: 18px;
font-weight: bold;
}
#user-last-login {
background-color: #444;
}
#user-last-login p {
padding: 0 0 0 15px;
color: #fff;
font-size: 0.8em;
line-height: 36px;
}
#mypage-card {
margin: 10px 0 0 0;
background-color: #fff;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
border-bottom: 1px solid #E2EAF4;
}
#mypage-card h2 {
padding: 0 10px;
border-top: 5px solid #233f41;
line-height: 40px;
font-size: 1.2em;
}
#mypage-card #card-image {
margin: 10px 0 0 0;
text-align: center;
}
#mypage-card #card-title {
margin: 10px 0 0 0;
text-align: center;
font-weight: bold;
}
#mypage-card #card-folder {
margin: 10px 0 3px 0;
padding: 0 10px 0 0;
text-align: right;
}
#card-folder a {
color: #93B0D3;
}
#mypage-calendar {
background-color: #fff;
border-left: 1px solid #E2EAF4;
border-right: 1px solid #E2EAF4;
}
#mypage-banner .banner {
margin: 10px 0 0 0;
}
#mypage-banner img {
width: 100%;
}
/* other.less
======================================== */
ul,
li {
margin: 0;
padding: 0;
}
/*繝ｬ繧､繧｢繧ｦ繝�*/
#page_wrap {
width: 940px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#page_wrap .left_content {
float: left;
width: 620px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
#page_wrap .right_content {
float: right;
width: 300px;
}
/*繧ｳ繝ｳ繝�Φ繝�Ξ繧､繧｢繧ｦ繝�*/
.content_layout {
background-color: #fff;
/*box-shadow:1px 1px 1px #C4C6CB;*/
border-top: solid 5px #233f41;
margin-top: 20px;
}
.page_title {
height: 70px;
border-bottom: solid 1px #EDF1F6;
}
.page_title h2 {
padding: 25px 10px 20px;
font-size: 16px;
font-weight: bold;
color: #000;
}
.page_area {
padding: 10px 20px;
height: 100%;
}
.page_area .text_box {
margin-bottom: 30px;
}
.page_area .text_box .text_title {
font-size: 14px;
line-height: 1.8;
padding-bottom: 2px;
border-bottom: 2px solid #233f41;
margin-bottom: 10px;
}
.page_area .text_box p {
line-height: 1.8;
margin-bottom: 10px;
}
/* photo.less
======================================== */
/* Photo(Dialog)
------------------------------------ */
::-webkit-input-placeholder {
color: #AAA;
}
:-moz-placeholder {
color: #AAA;
}
/* Firefox 18- */
::-moz-placeholder {
color: #AAA;
}
/* Firefox 19+ */
:-ms-input-placeholder {
color: #AAA;
}
.mypage-post-photo-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.mypage-post-photo-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#photo-dialog {
margin: 0 auto 20px auto;
padding: 0 0 0 0;
width: 100%;
}
#photo-main {
padding: 0 2.5%;
width: 95%;
background-color: white;
border: 1px solid #DBDBDB;
}
#photo-main input {
outline: 0px none black;
}
#photo-main #photo-upload {
margin: 0 0 10px 0;
padding: 1em 0 0 0 !important;
border: none !important;
}
#photo-upload .ajax-upload-dragdrop {
position: relative;
padding: 0;
border: none;
width: 100%;
min-height: 35px;
cursor: pointer;
}
#photo-upload .ajax-upload-dragdrop span {
display: block;
position: absolute;
top: 7px;
left: 40px;
}
#photo-upload .ajax-upload-dragdrop .ajax-file-upload {
margin: 0 10px 0 0;
padding: 0 0 0 0;
width: 100%;
min-height: 35px;
background: none;
border: none;
box-shadow: none;
font-size: 0;
}
#photo-upload .ajax-upload-dragdrop .ajax-file-upload form {
width: 100%;
}
#photo-upload .ajax-upload-dragdrop .ajax-file-upload form input {
width: 100%;
}
#thumbnails div {
position: relative;
width: 25%;
float: left;
border: 1px solid #666;
}
#thumbnails div img {
width: 100%;
}
#thumbnails .btn-photo-delete {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
width: 14px;
height: 14px;
background: none;
border: none;
}
#photo-main #photo-title {
display: block;
margin: 0 0 0 0;
padding: 0 2% 0 2%;
width: 96%;
height: 4em;
line-height: 4em;
border: none;
border-top: 1px solid #BBBBBB;
}
#photo-main #photo-tag {
display: block;
padding: 0 2% 0 2%;
width: 96%;
height: 4em;
background-color: #FFFFFF;
background-image: url("/themes/sns11/img/layout/btn_tag.png");
background-repeat: no-repeat;
background-position: left center;
line-height: 4em;
border: none;
border-top: 1px solid #BBBBBB;
}
#photo-main #photo-date {
border-top: 1px solid #BBBBBB;
}
#photo-main #photo-opened-at {
display: block;
padding: 0 0 0 2%;
width: 47%;
height: 4em;
float: left;
border: none;
border-right: 1px solid #BBBBBB;
line-height: 2em;
}
#photo-main #photo-closed-at {
display: block;
padding: 0 0 0 2%;
width: 47%;
height: 4em;
float: left;
border: none;
line-height: 2em;
}
#photo-footer-left select {
-moz-appearance: button;
background: url("/themes/sns11/img/layout/btn_pulldown_down.png") no-repeat scroll 98% center / 13px 8px #ffffff;
background-color: #C3C3C3;
border: thin solid #BBBBBB;
color: #FFFFFF;
cursor: pointer;
overflow: hidden;
padding-bottom: 5px;
padding-top: 5px;
text-indent: 1.4em;
text-align: left;
vertical-align: middle;
line-height: 40px;
min-width: 140px;
font-weight: bold;
}
#photo-footer {
margin: 15px 0 0 0;
}
#photo-footer-left {
position: relative;
width: 70%;
height: 40px;
float: left;
}
#photo-footer-right {
position: relative;
width: 30%;
height: 40px;
float: left;
text-align: right;
}
#photo-footer-left button,
#photo-footer-right button {
position: relative;
top: -1px;
margin: 0 auto;
*margin-right: 3px;
padding: 0;
background: none;
border: 0;
vertical-align: middle;
overflow: visible;
cursor: pointer;
line-height: 40px;
font-size: 0;
}
#photo-footer-left button img,
#photo-footer-right button img {
vertical-align: middle;
}
/* Preview(Dialog)
------------------------------------ */
.preview-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.preview-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#post-timeline .post {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
background-color: #fff;
}
#post-timeline .post-header {
padding: 3px;
text-align: right;
}
#post-timeline .post-main {
width: 654px;
}
#post-timeline .post-left {
width: 20%;
float: left;
text-align: center;
}
#post-timeline .post-user-photo img {
width: 62px;
height: 62px;
}
#post-timeline .post-user-medal img {
margin: 15px 0 0 0;
width: 36px;
height: 36px;
}
#post-timeline .post-right {
width: 80%;
float: left;
word-wrap: break-word;
}
#post-timeline .post-title {
line-height: 36px;
font-size: 1.5em;
}
#post-timeline .post-user-nickname {
width: 50%;
float: left;
line-height: 26px;
font-size: 1.2em;
font-weight: bold;
}
#post-timeline .post-created-at {
width: 20%;
float: right;
text-align: center;
line-height: 26px;
font-size: 1.0em;
}
#post-timeline .post-category {
margin: 0 3% 0 0;
padding: 0 10px 0 10px;
width: auto;
float: right;
background-color: #444;
color: #fff;
text-align: center;
line-height: 26px;
white-space: nowrap;
font-size: 1.0em;
}
#post-timeline .post-body {
margin: 20px 0 0 0;
padding: 0 10px 0 0;
line-height: 1.4em;
font-size: 1.0em;
word-wrap: break-word;
}
#post-timeline .post-body a {
color: #233f41;
text-decoration: underline;
}
#post-timeline .post-tags {
margin: 5px 0 0 0;
padding: 0 0 0 0;
}
#post-timeline .post-tags li {
display: inline;
margin: 0 5px 0 5px;
}
#post-timeline .post-tags li a {
color: #233f41;
white-space: nowrap;
text-decoration: underline;
}
#post-timeline .post-status {
margin: 10px 0 10px 0;
}
#post-timeline .post-status div {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 30px 0 0;
cursor: pointer;
}
#post-timeline .post-status div.noclick {
cursor: auto;
}
#post-timeline .post-status div img {
display: inline-block;
margin: 0 10px 0 0;
width: 24px;
height: 24px;
}
#post-timeline .post-status div span {
display: inline-block;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-decoration: underline;
}
/* post_edit_dialog.less
======================================== */
.trade.ui-widget-content {
background-color: #f2f2f2;
background: #f2f2f2;
}
#post-description {
width: 560px;
min-height: 160px;
border: 1px solid #bbb;
padding: 2px 6px;
margin-bottom: 20px;
}
#edit_button {
text-align: center;
margin-bottom: 10px;
}
#edit_post_button {
text-align: center;
background: url("/themes/sns11/img/layout/btn_edit_complete.png");
width: 160px;
height: 40px;
border: none;
cursor: pointer;
}
#edit_post_button:hover {
text-align: center;
background: url("/themes/sns11/img/layout/btn_edit_complete_h.png");
width: 160px;
height: 40px;
border: none;
cursor: pointer;
}
textarea#event-description::-webkit-input-placeholder {
color: #444;
}
textarea#event-description:-moz-placeholder {
color: #444;
}
/* post.less
======================================== */
/* Post(Dialog)
------------------------------------ */
::-webkit-input-placeholder {
color: #AAA;
}
:-moz-placeholder {
color: #AAA;
}
/* Firefox 18- */
::-moz-placeholder {
color: #AAA;
}
/* Firefox 19+ */
:-ms-input-placeholder {
color: #AAA;
}
.mypage-post-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.mypage-post-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#post-dialog {
margin: 0 auto 20px auto;
padding: 0 0 0 0;
}
#post-main {
width: 564px;
}
#post-main input {
outline: 0px none black;
}
#post-main #post-title {
display: block;
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
width: 542px;
height: 2em;
line-height: 2em;
border: 1px solid #BBBBBB;
}
#post-main #post-body {
display: block;
width: 100%;
border: 1px solid #BBBBBB;
}
#post-main .cleditorMain {
padding: 0;
border: 1px solid #BBBBBB;
border-bottom: none;
}
#post-main .cleditorToolbar {
height: 34px !important;
background: #233f41;
}
#post-main .cleditorGroup {
height: 34px !important;
width: 100% !important;
}
#post-main .cleditorButton {
width: 34px !important;
height: 34px !important;
background-image: url(/themes/common/css/images/buttons.png);
background-color: transparent !important;
background-repeat: no-repeat;
cursor: pointer;
}
.cleditorPopup {
z-index: 10000;
}
.cleditorPrompt {
z-index: 10000;
}
/*
.cleditorPrompt .ajax-upload-dragdrop span{
display: none !important;
}
*/
.cleditorPrompt .ajax-file-upload {
height: 40px !important;
}
.cleditorPrompt .ajax-file-upload form input[type="file"] {
width: 100% !important;
}
#post-main #post-tag {
display: block;
padding: 0 10px 0 10px;
width: 542px;
height: 2em;
background-color: #FFFFFF;
background-image: url("/themes/sns11/img/layout/btn_tag.png");
background-repeat: no-repeat;
background-position: left center;
line-height: 2em;
border: 1px solid #BBBBBB;
}
#post-main #post-date {
width: 564px;
}
#post-main #post-opened-at {
display: block;
padding: 0 0 0 10px;
width: 270px;
height: 2em;
float: left;
border-top: none;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
line-height: 2em;
}
#post-main #post-closed-at {
display: block;
padding: 0 0 0 10px;
width: 271px;
height: 2em;
float: left;
border-top: none;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
border-left: none;
line-height: 2em;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-datepicker .ui-datepicker-buttonpane button {
padding: 0.5em;
}
#post-footer-left select {
-moz-appearance: button;
background: url("/themes/sns11/img/layout/btn_pulldown_down.png") no-repeat scroll 98% center / 13px 8px #ffffff;
background-color: #C3C3C3;
border: thin solid #BBBBBB;
color: #FFFFFF;
cursor: pointer;
overflow: hidden;
padding-bottom: 5px;
padding-top: 5px;
text-indent: 1.4em;
text-align: left;
vertical-align: middle;
line-height: 40px;
min-width: 140px;
font-weight: bold;
}
#post-footer {
margin: 15px 0 0 0;
}
#post-footer-left {
position: relative;
width: 70%;
height: 40px;
float: left;
}
#post-footer-right {
position: relative;
width: 30%;
height: 40px;
float: left;
text-align: right;
}
#post-footer-left button,
#post-footer-right button {
position: relative;
top: -1px;
margin: 0 auto;
*margin-right: 3px;
padding: 0;
background: none;
border: 0;
vertical-align: middle;
overflow: visible;
cursor: pointer;
line-height: 40px;
font-size: 0;
}
/* External Link
------------------------------------ */
#extract-indicator {
display: none;
height: 100px;
line-height: 100px;
text-align: center;
border-top: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
}
#extract-indicator img {
vertical-align: middle;
}
#extract {
display: none;
min-height: 100px;
border-top: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
}
#extract.open {
display: block;
}
#extract .extract {
width: 100%;
}
#extract .extracted-thumb {
position: relative;
float: left;
margin-right: 10px;
border-right: 1px solid #C3C3C3;
}
#extract .extracted-thumb img {
width: 120px;
height: 120px;
}
#extract .thumb-sel {
position: absolute;
top: 3px;
right: 3px;
height: 22px;
width: 52px;
}
#extract .thumb-sel .prev-thumb {
background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -50px 0px;
float: left;
width: 26px;
height: 22px;
cursor: hand;
cursor: pointer;
}
#extract .thumb-sel .prev-thumb:hover {
background: url(/themes/common/css/images/thumb_selection.gif) no-repeat 0px 0px;
}
#extract .thumb-sel .next-thumb {
display: block;
background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -76px 0px;
float: left;
width: 26px;
height: 22px;
cursor: hand;
cursor: pointer;
}
#extract .thumb-sel .next-thumb:hover {
background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -25px 0px;
}
#extract .extracted-content {
position: relative;
padding: 10px 20px 0 0;
}
#extract .extracted-content h4 a {
color: #233f41;
text-decoration: underline;
}
#extract .extracted-content p {
word-wrap: break-word;
}
#extract .extracted-delete {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding: 0;
width: 14px !important;
height: 14px !important;
background: none;
border: none;
}
/* Preview(Dialog)
------------------------------------ */
.preview-dialog .ui-widget-header .ui-dialog-titlebar-close {
background: none;
background-color: transparent !important;
border: none;
}
.preview-dialog .ui-state-default .ui-icon {
background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#post-timeline .post {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
background-color: #fff;
}
#post-timeline .post-header {
padding: 3px;
text-align: right;
}
#post-timeline .post-left {
width: 20%;
float: left;
text-align: center;
}
#post-timeline .post-user-photo img {
width: 62px;
height: 62px;
}
#post-timeline .post-user-medal img {
margin: 15px 0 0 0;
width: 36px;
height: 36px;
}
#post-timeline .post-right {
width: 80%;
float: left;
word-wrap: break-word;
}
#post-timeline .post-title {
line-height: 36px;
font-size: 1.5em;
}
#post-timeline .post-user-nickname {
width: 50%;
float: left;
line-height: 26px;
font-size: 1.2em;
font-weight: bold;
}
#post-timeline .post-created-at {
width: 20%;
float: right;
text-align: center;
line-height: 26px;
font-size: 1.0em;
}
#post-timeline .post-category {
margin: 0 3% 0 0;
padding: 0 10px 0 10px;
width: auto;
float: right;
background-color: #444;
color: #fff;
text-align: center;
line-height: 26px;
white-space: nowrap;
font-size: 1.0em;
}
#post-timeline .post-body {
margin: 10px 0 0 0;
padding: 0 10px 0 0;
line-height: 1.4em;
font-size: 1.0em;
word-wrap: break-word;
}
#post-timeline .post-body a {
color: #233f41;
text-decoration: underline;
}
#post-timeline .post-body img.thumb {
display: block;
}
#post-timeline .post-external {
margin: 10px 0 10px 0;
border: 1px solid #C3C3C3;
}
#post-timeline .post-external-thumb {
float: left;
width: 120px;
border-right: 1px solid #C3C3C3;
}
#post-timeline .post-external-thumb img {
width: 120px;
height: 120px;
}
#post-timeline .post-external-content {
padding: 10px 10px 10px 10px;
float: left;
width: 379px;
}
#post-timeline .post-external-title a {
color: #233f41;
text-decoration: underline;
}
#post-timeline .post-external-description {
word-wrap: break-word;
}
#post-timeline .post-tags {
margin: 5px 0 0 0;
padding: 0 0 0 0;
}
#post-timeline .post-tags li {
display: inline;
margin: 0 5px 0 5px;
}
#post-timeline .post-tags li a {
color: #233f41;
white-space: nowrap;
text-decoration: underline;
}
#post-timeline .post-status {
margin: 10px 0 10px 0;
}
#post-timeline .post-status div {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 30px 0 0;
cursor: pointer;
}
#post-timeline .post-status div.noclick {
cursor: auto;
}
#post-timeline .post-status div img {
display: inline-block;
margin: 0 10px 0 0;
width: 24px;
height: 24px;
}
#post-timeline .post-status div span {
display: inline-block;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-decoration: underline;
}
/* profile.less
======================================== */
.page_wrap {
width: 940px;
margin: 20px auto;
}
.left_content {
float: left;
width: 620px;
margin-right: 20px;
}
.right_content {
float: right;
width: 300px;
}
.left_content #sp_area {
background-color: #fff;
border-top: 5px solid #233f41;
box-shadow: 0 3px 3px #ccc;
-moz-box-shadow: 0 3px 3px #ccc;
-webkit-box-shadow: 0 3px 3px #ccc;
padding: 10px;
}
.left_content #sp_area h1 {
font-size: 1.4em;
margin: 18px;
float: left;
}
.left_content #sp_area #sp_icon {
float: right;
margin-right: 30px;
cursor: pointer;
}
.left_content #sp_area #sp_icon img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.left_content #sp_area .sp_box {
clear: both;
margin: 0 17px 15px;
}
.left_content #sp_area .sp_box h2 {
line-height: 2;
}
.left_content #sp_area .sp_box p {
margin-left: 34px;
font-weight: bold;
float: left;
}
.left_content #sp_area .sp_box input {
width: 552px;
height: 34px;
border: none;
padding: 2px 6px;
}
.left_content #sp_area #name input {
width: 263px;
}
input::-webkit-input-placeholder {
color: #bbbbbb;
}
input:-moz-placeholder {
color: #bbbbbb;
}
.left_content #sp_area .sp_box textarea {
width: 552px;
min-height: 82px;
border: none;
padding: 2px 6px;
resize: vertical;
}
textarea::-webkit-input-placeholder {
color: #bbbbbb;
}
textarea:-moz-placeholder {
color: #bbbbbb;
}
.left_content #sp_area .sp_box .komemark {
float: left;
}
.left_content #sp_area .sp_box .public {
float: right;
}
.left_content #sp_area .sp_box .public select {
width: 153px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
border: thin #bbbbbb solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-indent: 1.4em;
overflow: hidden;
cursor: pointer;
background: #ffffff url(../img/layout/profile_select.png) no-repeat;
background: #ffffff\9;
background-size: 13px 11px;
background-position: 96% center;
vertical-align: middle;
outline: none;
}
.left_content #sp_area .sp_box .select_menu {
float: left;
}
.left_content #sp_area .sp_box .select_menu select {
width: 277px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
border: thin #bbbbbb solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-indent: 1.4em;
overflow: hidden;
cursor: pointer;
background: #ffffff url(../img/layout/profile_select.png) no-repeat;
background: #ffffff\9;
background-size: 13px 11px;
background-position: 98% center;
vertical-align: middle;
outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_song_id {
min-width: 400px;
max-width: 400px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
border: thin #bbbbbb solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-indent: 1.4em;
overflow: hidden;
cursor: pointer;
background: #ffffff url(../img/layout/profile_select.png) no-repeat;
background: #ffffff\9;
background-size: 13px 11px;
background-position: 99% center;
vertical-align: middle;
outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_fan_career_y {
width: 133px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
border: thin #bbbbbb solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-indent: 1.4em;
cursor: pointer;
background: #ffffff url(../img/layout/profile_select.png) no-repeat;
background: #ffffff\9;
background-size: 13px 11px;
background-position: 94% center;
vertical-align: middle;
outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_fan_career_m {
width: 133px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
border: thin #bbbbbb solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-indent: 1.4em;
cursor: pointer;
background: #ffffff url(../img/layout/profile_select.png) no-repeat;
background: #ffffff\9;
background-size: 13px 11px;
background-position: 93% center;
vertical-align: middle;
outline: none;
}
#setting_profile .left_content #sp_area .sp_box.cf .select_menu.fun {
float: left;
margin-right: 10px;
}
#setting_profile .left_content #sp_area .sp_box.cf .select_menu.fun select {
width: 133px;
padding-top: 10px;
padding-bottom: 10px;
color: #999999;
text-indent: 1.4em;
overflow: hidden;
outline: none;
}
.left_content #sp_area #btn_update {
width: 125px;
margin: 20px auto 0;
}
.profile_img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#crop_upload_btn {
background: #233f41;
border: 1px solid #233f41;
color: #FFF;
width: 200px;
font-weight: bold;
letter-spacing: 0.5em;
padding: 10px 0;
border-radius: 4px;
margin-left: 150px;
margin-top: 10px;
margin-bottom: 10px;
}
#crop_upload_btn:hover {
background: #4d81c1;
border: 1px solid #4d81c1;
}
/* quiz.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#quiz_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* 繧ｯ繧､繧ｺ 蜈ｨ菴� */
#quiz_section {
margin-top: 20px;
background-color: #233f41;
width: 620px;
height: 300px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #FFFFFF;
}
#quiz_contents {
/*
width: 618px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
*/
}
/* ************************************* */
/* 繝�う繝ｪ繝ｼ繧ｯ繧､繧ｺ - 繧ｹ繧ｿ繝ｼ繝� */
/* ************************************* */
div#quiz_strat {
width: 620px;
/* padding: 130px 215px 130px; */
display: block;
}
div#quiz_strat #daily_quiz {
color: #FFFFFF;
font-size: 48px;
font-weight: bold;
margin: 20px 20px 20px;
}
div#quiz_strat #daily_quiz_discription {
margin: 20px 20px 10px;
}
div#quiz_strat #daily_quiz_discription p {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
line-height: 20px;
}
div#quiz_strat #daily_quiz_start_btn img {
width: 400px;
height: 80px;
margin: 20px 110px 20px;
/*
display: table-cell;
text-align: center;
vertical-align: middle;
*/
}
/*
div#quiz_strat p {
width: 276px;
height: 40px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #FFFFFF;
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 16px;
color: @base_dark_color;
}
*/
/* ************************************* */
/* ************************************* */
/* 繝�う繝ｪ繝ｼ繧ｯ繧､繧ｺ - 蝠城｡� */
/* ************************************* */
div#quiz_question {
margin: 20px 16px 22px 19px;
display: none;
}
/* 繧ｿ繧､繝医Ν��ｧ｣遲疲凾髢� */
div#quiz_question_title {
height: 33px;
}
div#quiz_question_title #title {
float: left;
}
div#quiz_question_title #title img {
width: 16px;
height: 21px;
}
div#quiz_question_title #title span {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin-left: 10px;
}
div#quiz_question_title #countdown {
float: right;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
div#quiz_question_title #countdown span#timer {
/*width: 94px;*/
height: 33px;
background-color: #FFFFFF;
font-size: 18px;
font-weight: bold;
color: #233f41;
padding: 5px 10px;
}
div#quiz_question_title #countdown span#timer span#s {
width: 35px;
font-size: 18px;
font-weight: bold;
color: #233f41;
padding: 5px 0;
}
div#quiz_question_title #countdown span#timer span#ms {
width: 35px;
font-size: 18px;
font-weight: bold;
color: #233f41;
padding: 5px 0px 5px 0;
}
/* 蝠城｡梧枚 */
div#quiz_question_area {
height: 105px;
clear: both;
}
div#question_text_area {
float: left;
width: 440px;
height: 80px;
background-color: #476c6f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
word-wrap: break-word;
padding: 10px 24px 0 20px;
}
div#question_text_area p#question_text {
text-align: left;
word-wrap: break-word;
font-size: 14px;
/* font-weight: bold; */
color: #FFFFFF;
height: 40px;
}
div#question_text_area p#accuracy_rate {
text-align: right;
word-wrap: break-word;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
div#question_arrow_icon {
float: left;
width: 11px;
height: 101px;
}
div#question_arrow_icon img {
width: 11px;
height: 18px;
padding-top: 40px;
}
div#question_timer_img {
float: right;
padding: 5px 5px 0 10px;
}
div#question_timer_img img {
width: 71px;
height: 97px;
}
/* 驕ｸ謚櫁い */
div#quiz_question_answer {
width: 582px;
height: 102px;
margin-top: 20px;
clear: both;
}
div#quiz_question_answer ul li {
float: left;
width: 277px;
height: 42px;
background-color: #FFFFFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 7px;
}
div#quiz_question_answer ul li:hover {
float: left;
width: 277px;
height: 42px;
background-color: #476c6f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 7px;
}
/*div#quiz_question_answer ul li#quiz_answer_1 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_1:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_2 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_2:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_3 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_3:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_4 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_4:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
div#quiz_question_answer ul li div#number_icon {
float: left;
width: 42px;
height: 42px;
}
div#quiz_question_answer ul li div#number_icon img {
width: 24px;
height: 24px;
padding: 9px;
}
div#quiz_question_answer ul li div.answer_text {
float: left;
width: 235px;
height: 32px;
display: table-cell;
/*text-align: center;*/
padding-top: 11px;
font-size: 16px;
font-weight: bold;
color: #233f41;
}
div#quiz_question_answer ul li div.answer_text:hover {
float: left;
width: 235px;
height: 32px;
display: table-cell;
/*text-align: center;*/
padding-top: 11px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
/* ************************************* */
/* ************************************* */
/* 繝�う繝ｪ繝ｼ繧ｯ繧､繧ｺ - 蝗樒ｭ皮紫縺ｪ縺ｩ邨先棡 */
/* ************************************* */
div#quiz_result {
width: 620px;
display: none;
}
div#quiz_result_left_position {
float: left;
width: 180px;
height: 260px;
background-color: #476c6f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 15px 0 15px 20px;
}
div#quiz_result_left_position p#quiz_result_text {
padding: 30px;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
div#quiz_result_left_position p#quiz_answer_text {
padding: 30px 10px 20px 10px;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 26px;
}
div#quiz_result_center_position {
float: left;
/*width: 300px;*/
height: 294px;
}
div#quiz_result_center_position p {
width: 333px;
height: 250px;
margin-top: 27.5px;
margin-left: 60px;
}
div#quiz_result_right_position {
float: right;
margin-right: 20px;
width: 200px;
}
div#all_purpose {
padding-top: 40px;
}
div#all_purpose p {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 20px;
text-overflow: ellipsis;
word-break: break-all;
max-height: 40px;
overflow: hidden;
}
div#all_purpose span#graph_color1 {
color: #FFBF35;
}
div#all_purpose span#graph_color2 {
color: #FFD26E;
}
div#all_purpose span#graph_color3 {
color: #FFE4A6;
}
div#all_purpose span#graph_color4 {
color: #FFEFCA;
}
/* ************************************* */
/* ************************************* */
/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ */
/* ************************************* */
#quiz_ranking_section {
width: 620px;
margin-top: 15px;
clear: both;
}
/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ繧ｿ繝� */
#quiz_ranking_tab {
width: 620px;
border-bottom: solid 5px #233f41;
}
#quiz_ranking_tab ul {
height: 25px;
margin: 0;
padding: 0;
}
#quiz_ranking_tab ul li {
float: left;
width: 86px;
height: 25px;
margin-right: 2px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
#quiz_ranking_tab ul li.tab_select {
background-color: #233f41;
}
/* 繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ繝ｪ繧ｹ繝� */
#quiz_ranking_list {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 590px;
padding: 20px 14px 0 14px;
margin-bottom: 12px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
display: block;
}
#quiz_ranking_list_to_tab {
clear: both;
overflow: hidden;
background-color: #FFFFFF;
width: 590px;
padding: 20px 16px 0 15px;
margin-bottom: 12px;
box-shadow: 1px 1px 1px #C4C6CB;
display: none;
}
/* 騾ｱ髢薙Λ繝ｳ繧ｭ繝ｳ繧ｰ */
div#weekly_ranking_list {
float: left;
width: 290px;
margin-right: 5px;
}
div#weekly_ranking_list h2 {
font-weight: bold;
color: #000000;
}
div#weekly_ranking_list ul {
margin-top: 20px;
}
div#weekly_ranking_list li {
width: 290px;
height: 110px;
border: solid 1px #EDF1F6;
margin-bottom: 20px;
clear: both;
}
div#weekly_ranking_list li div#ranking_image_box {
float: left;
width: 100px;
height: 110px;
position: relative;
display: block;
}
div#weekly_ranking_list li div#ranking_image_box img#ranking_user_img {
width: 62px;
height: 62px;
padding: 24px 19px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
behavior: url(/themes/common/css/IE-CSS3.htc);
}
div#weekly_ranking_list li div#ranking_image_box .photo-mask {
display: block;
position: absolute;
top: 3px;
left: 0px;
width: 46px;
height: 40px;
}
div#weekly_ranking_list li div#ranking_user_data_box {
float: left;
width: 190px;
height: 110px;
}
div#weekly_ranking_list li div#ranking_user_data_box p#ranking_user_name {
height: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
}
div#weekly_ranking_list li div#ranking_user_data_box p#ranking_user_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
word-break: break-all;
word-wrap: break-word;
}
/* 騾｣邯壽ｭ｣隗｣繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ */
div#keep_correct_answer_ranking_list {
float: left;
width: 290px;
margin-left: 5px;
}
div#keep_correct_answer_ranking_list h2 {
font-weight: bold;
color: #000000;
}
div#keep_correct_answer_ranking_list ul {
margin-top: 20px;
}
div#keep_correct_answer_ranking_list li {
width: 290px;
height: 110px;
border: solid 1px #EDF1F6;
margin-bottom: 20px;
clear: both;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box {
float: left;
width: 100px;
height: 110px;
position: relative;
display: block;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box img#ranking_user_img {
width: 62px;
height: 62px;
padding: 24px 19px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box .photo-mask {
display: block;
position: absolute;
top: 3px;
left: 0px;
width: 46px;
height: 40px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box {
float: left;
width: 190px;
height: 110px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box p#ranking_user_name {
height: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 20px 0 10px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box p#ranking_user_profile {
height: 50px;
color: #000000;
font-size: 10px;
text-align: left;
padding-right: 25px;
word-break: break-all;
word-wrap: break-word;
}
/* ************************************* */
/* search.less
======================================== */
ul {
padding: 0;
margin: 0;
}
.page_warp {
width: 940px;
margin: 20px auto 0;
}
.left_content {
float: left;
width: 620px;
margin-right: 20px;
}
.right_content {
float: right;
width: 300px;
}
.left_content .search_area {
background-color: #fff;
box-shadow: 1px 1px 3px #afafaf;
-moz-box-shadow: 1px 1px 3px #afafaf;
-webkit-box-shadow: 1px 1px 3px #afafaf;
border-top: 5px solid #233f41;
}
.left_content .search_area h2 {
padding: 25px 10px;
font-size: 16px;
font-weight: bold;
color: #000;
border-bottom: solid 1px #EDF1F6;
}
.left_content .search_area .s_post_area {
padding: 20px 10px 18px;
}
.left_content .search_area .s_post_area .s_post_box {
background-color: #edf1f6;
padding: 15px 10px;
margin-bottom: 20px;
}
.left_content .search_area .s_post_area .s_post_box .s_post_img {
float: left;
margin-right: 15px;
}
.left_content .search_area .s_post_area .s_post_box .s_post_text {
float: left;
width: 460px;
}
.left_content .search_area .s_post_area .s_post_box.cf .s_post_text h3 {
margin-bottom: 10px;
}
.left_content .search_area .s_post_area .s_post_box.cf .s_post_text p {
line-height: 1.6;
}
/* setting.less
======================================== */
dl {
margin: 0;
}
.page_wrap {
width: 940px;
margin: 20px auto;
}
.left_content {
float: left;
width: 620px;
margin-right: 18px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
.right_content {
float: right;
width: 300px;
}
.left_content .area_style {
background-color: #fff;
border-top: 5px solid #233f41;
/*
box-shadow:0 3px 3px #ccc;
-moz-box-shadow:0 3px 3px #ccc;
-webkit-box-shadow:0 3px 3px #ccc;
*/
padding-bottom: 20px;
}
.left_content #setting_area h1 {
font-size: 1.4em;
padding: 22px 12px;
}
#setting_area #setting_list dl#list_title {
background-color: #476c6f;
color: #fff;
margin: 0;
border-bottom: 1px solid #e2eaf4;
}
#setting_area #setting_list dl#list_title dt {
float: left;
padding: 14px 16px;
width: 346px;
}
#setting_area #setting_list dl#list_title dd {
float: left;
border-left: 1px solid #e2eaf4;
width: 74px;
margin: 0;
padding: 16px 2px;
text-align: center;
}
#setting_area #setting_list .list_item {
border-bottom: 1px solid #e2eaf4;
}
#setting_area #setting_list .list_item dt {
float: left;
padding: 14px 16px;
width: 346px;
}
#setting_area #setting_list .list_item dd {
float: left;
border-left: 1px solid #e2eaf4;
width: 74px;
height: 20px;
margin: 0;
padding: 12px 2px;
text-align: center;
}
#setting_area #setting_list .list_item.cf dd p {
background-color: #edf1f6;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
width: 20px;
height: 20px;
margin: 0 auto;
text-indent: 9999px;
}
#setting_area #setting_list .list_item.cf dd .no_check {
background: none;
border: none;
}
#setting_area #btn_update {
clear: both;
margin: 20px auto 0;
width: 125px;
}
input[type='radio'] {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
position: absolute;
}
.crobd {
background: url("/themes/sns11/img/layout/btn_radio.png") no-repeat left top;
height: 20px;
line-height: 20px;
display: block;
padding: 0 0 0 15px;
cursor: pointer;
overflow: hidden;
margin-left: 27px;
}
.c_on {
background-position: left bottom;
}
.btn_update {
cursor: pointer;
}
/* skin_dialog.less
======================================== */
#skin_dialog #skin_bgimg_wrap #skin_bgimg {
float: left;
width: 150px;
margin-right: 20px;
}
#skin_dialog #skin_bgimg_wrap #skin_bgimg p {
text-align: center;
color: #bcbcbc;
margin-bottom: 13px;
}
#skin_dialog #skin_bgimg_wrap #skin_bgimg img {
border: 1px solid #bcbcbc;
}
/* 繧ｹ繧ｭ繝ｳ荳隕ｧ */
#skin_dialog #skin_bgimg_wrap #skin_choice_img {
/*float: right;*/
width: 630px;
border: 1px solid #bcbcbc;
padding: 5px 10px 5px 5px;
background-color: #fff;
}
#skin_dialog #skin_bgimg_wrap #skin_choice_img ul li {
float: left;
margin-left: 5px;
margin-top: 5px;
border: 3px solid white;
}
#skin_dialog #skin_bgimg_wrap #skin_choice_img ul li:last-child {
padding: 0;
}
/* 繧ｹ繧ｭ繝ｳ譖ｴ譁ｰ繝懊ち繝ｳ */
#skin_btn {
clear: both;
width: 160px;
height: 40px;
margin: 0 auto;
padding: 20px 0;
border: none;
cursor: pointer;
}
/* smile_list.less
======================================== */
#smile-dialog h2 {
text-align: center;
margin-bottom: 20px;
}
#smile-dialog #pagination {
margin-bottom: 20px;
}
#smile-dialog #pagination #prev {
float: left;
display: none;
}
#smile-dialog #pagination p {
position: absolute;
left: 46%;
}
#smile-dialog #pagination #prev a:hover,
#smile-dialog #pagination #next a:hover {
text-decoration: none;
}
#smile-dialog #pagination #prev a span,
#smile-dialog #pagination #next a span {
color: #233f41;
padding: 0 6px;
vertical-align: middle;
}
#smile-dialog #pagination #prev a img,
#smile-dialog #pagination #next a img {
vertical-align: middle;
}
#smile-dialog #pagination #next {
float: right;
}
#smile-dialog #pagination #next a:hover {
text-decoration: none;
}
#smile-dialog #smilelist {
clear: both;
border: 1px solid #bbb;
background-color: #fff;
padding: 10px 0 0 10px;
margin-bottom: 7px;
}
#smile-dialog #smilelist ul li {
float: left;
border: 1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 10px 10px 0;
padding: 5px;
position: relative;
}
#smile-dialog #smilelist ul li img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
/* t_card_right_block_pc.less
======================================== */
dl,
dt,
dd {
margin: 0;
padding: 0;
}
a:hover {
text-decoration: none;
}
#trade_card {
width: 300px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
background-color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}
#trade_card_contents {
padding: 20px 9px 5px;
/*margin-bottom:20px;*/
border-top: 5px solid #233f41;
}
#trade_card #trade_area1 {
margin: 0 10px 0;
position: relative;
background-image: url("/themes/sns11/img/layout/trade_tail_to.png");
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 20px;
}
#trade_card #trade_area1 #ta_left1,
#trade_card #ta_area2 #ta_left2 {
float: left;
text-align: center;
}
#trade_card #trade_area1 #ta_right1,
#trade_card #ta_area2 #ta_right2 {
float: right;
text-align: center;
}
#trade_card #trade_area1 #trade_ico1 {
position: absolute;
top: 10px;
left: 95px;
}
#trade_card #trade_area1 #trade_ico1 p {
margin-bottom: 5px;
font-weight: bold;
}
#trade_card #trade_area1 #trade_ico1 img {
display: block;
margin: 0 auto;
}
#trade_card #trade_area1 #ta_left1 a dl dt,
#trade_card #trade_area1 #ta_right1 a dl dt {
text-align: center;
margin-bottom: 5px;
}
#trade_card #trade_area1 #ta_left1 a dl dd,
#trade_card #trade_area1 #ta_right1 a dl dd {
font-weight: bold;
}
#trade_card #ta_area2 {
clear: both;
background-color: #ededed;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px 18px;
position: relative;
margin-bottom: 5px;
}
#trade_card #ta_area2 #trade_ico2 {
position: absolute;
top: 30px;
left: 116px;
}
#trade_card p {
text-align: right;
}
#trade_card p a {
color: #233f41;
text-decoration: underline;
}
#trade_card_button {
text-align: center;
padding: 10px 0;
}
.request_cancel img {
width: 120px;
padding: 15px;
}
#trade_card_button ul li {
float: left;
width: 125px;
height: 40px;
padding: 7px;
}
#trade_card_button ul li img {
border-radius: 5px;
}
/* top.less
======================================== */
/* 繝医ャ繝励�繝ｼ繧ｸ縲繝ｩ繝�ヱ-*/
#top_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
/*繝医ャ繝励�繝ｼ繧ｸ縲繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ*/
#top_ranking {
float: left;
/*margin-top:20px;*/
margin-bottom: 20px;
border-top: solid 5px #FFFFFF;
/* height:275px; */
width: 620px;
}
div#top_ranking_container_01 {
float: left;
}
div#top_ranking_button_container {
background-color: #233f41;
height: 205px;
width: 220px;
}
#top_ranking_button_container ul {
margin: 0 0 0 1em;
padding: 0;
list-style-type: none;
}
#top_ranking_button_container ul li {
margin-top: 10px;
padding: 0;
list-style-type: none;
}
div#top_ranking_title_container {
padding-top: 15px;
margin-left: 15px;
}
div#top_ranking_title_container p span {
color: #FFFFFF;
font-size: large;
}
div#top_challenge_button {
background-color: #FFFFFF;
height: 70px;
width: 220px;
display: table-cell;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
div#top_ranking_container_02 {
float: left;
background-color: #476c6f;
height: 275px;
width: 400px;
}
div#top_ranking_list {
height: 275px;
width: 400px;
}
#top_ranking_list ul {
margin: 0 0 0 0;
padding: 0;
/*padding: 0px 10px 0px 10px;*/
list-style-type: none;
}
#top_ranking_list ul li {
border-bottom: solid 1px #ffffff;
height: 90px;
width: 360px;
margin: 0px 20px 0px 20px;
cursor: pointer;
}
#top_ranking_list ul li .last {
border-style: none;
}
div.top_rank_clown_img_box {
float: left;
width: 50px;
height: 90px;
}
.top_rank_clown_img_box img {
padding: 28px 0px 0px 0px;
width: 40px;
height: 34px;
}
div.top_rank_user_img_box {
float: left;
width: 50px;
height: 90px;
}
.top_rank_user_img_box img {
width: 64px;
height: 64px;
margin-top: 15px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
div.top_rank_user_data_box {
float: left;
width: 255px;
height: 90px;
overflow: hidden;
/*white-space: nowrap;*/
}
.top_rank_user_data_box #user_name {
clear: both;
color: #FFFFFF;
padding: 12px 5px 0px 0px;
margin-left: 30px;
}
.top_rank_user_data_box #user_text {
color: #FFFFFF;
margin-left: 30px;
padding: 8px 5px 0px 0px;
/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis
*/
}
#top_news_section {
clear: both;
width: 620px;
margin-top: 15px;
margin-bottom: 10px;
float: left;
}
#news_tab ul {
/*height:23px;*/
margin: 0 0 0 0;
padding: 0;
}
.tabmenu_list_item {
margin-bottom: 15px;
float: left;
padding-left: 3px;
padding-right: 3px;
min-width: 40px;
height: 23px;
margin: 0px 0px 0px 2px;
color: #FFFFFF;
font-size: x-small;
font-weight: bold;
text-align: center;
line-height: 28px;
background-color: #476c6f;
/*background-color: @base_dark_color;*/
border-radius: 6px 6px 0px 0px 6px 0px 0px;
cursor: pointer;
}
#top_news_list {
min-height: 660px;
border-top: solid 5px #233f41;
clear: both;
overflow: hidden;
background-color: #FFFFFF;
padding-bottom: 15px;
}
.area_pull-down {
margin-top: 15px;
margin-left: 15px;
}
#news_list_box {
margin-top: 10px;
padding: 0px 0px px 5px;
}
#news_list_box ul {
margin: 0 0 0 0;
padding: 0;
}
#news_list_box ul li {
padding: 0px 0px 0px 0px;
margin-top: 10px;
margin-left: 10px;
width: 288px;
height: 138px;
border: solid 1px #EDF1F6;
/*border: solid 1px #FF0000;*/
float: left;
position: relative;
cursor: pointer;
}
#news_image_box {
padding: 15px 0px 0px 10px;
margin-top: 0px;
width: 100px;
height: 100px;
float: left;
}
#news_image_box img {
width: 100px;
height: 100px;
}
#user_image_box {
padding: 0px 0px 0px 15px;
margin-top: 30px;
width: 50px;
height: 50px;
float: left;
}
#user_image_box img {
width: 44px;
height: 44px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#news_genre_img {
position: absolute;
top: 0;
left: 0;
}
/* 逕ｻ蜒上′縺ゅｋ蝣ｴ蜷� */
#news_data_box {
margin-top: 10px;
margin-left: 12px;
width: 160px;
height: 110px;
float: left;
}
/*縲逕ｻ蜒上′縺ｪ縺��ｴ蜷医*/
#news_data_box2 {
margin-top: 10px;
margin-left: 5px;
width: 200px;
height: 110px;
float: left;
}
/*謚慕ｨｿ縲繧ｿ繧､繝医Ν*/
#news_title {
color: #000;
font-weight: bold;
font-size: medium;
padding: 8px 0px 0px 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-wrap: break-word;
}
/*謚慕ｨｿ縲邁｡譏薙ョ繝ｼ繧ｿ��discription��*/
#news_data {
font-weight: bold;
padding: 10px 0px 0px 0px;
height: 84px;
overflow: hidden;
word-wrap: break-word;
color: #000;
}
/*
ul,li{margin:0 0 0 0; padding:0;}
ul#menu{width:360px;}
ul#menu li{float:left; width:180px; height:48px; background-color:#2b76cc;
list-style:none; text-align:center; border-bottom:1px solid #666;}
ul#menu li a{display:block; width:178px; height:100%; line-height:48px;
color:#fff; text-decoration:none; border-left:1px solid #fff;
border-right:1px solid #fff; border-bottom:1px solid #fff;}
*/
#location_menu {
margin-top: 15px;
margin-left: 15px;
padding: 0px 0px 0px 0px;
}
.select_location {
margin-left: 10px;
line-height: 30px;
float: left;
}
.slide_image {
float: right;
margin-right: 10px;
margin-top: 5px;
}
.location_item {
width: 100%;
margin-left: 10px;
}
.message_setting_button {
background-color: #C3C3C3;
width: 120px;
height: 30px;
color: white;
font-weight: bold;
cursor: pointer;
}
#location_setting_menu {
z-index: 2;
position: absolute;
display: none;
width: 120px;
background-color: #C3C3C3;
line-height: 30px;
color: white;
font-weight: bold;
cursor: pointer;
}
#btn_quiz_weekly_ranking {
cursor: pointer;
}
#btn_quiz_correct_ranking {
cursor: pointer;
}
#btn_quiz_friend {
cursor: pointer;
}
/* ranking list */
#ranking_list li p {
overflow: hidden;
text-overflow: ellipsis;
text-overflow: -o-ellipsis-lastline;
}
#ranking_list li div:nth-child(3) p:first-child {
white-space: nowrap;
}
#ranking_list li div:nth-child(3) p:last-child {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* news list */
#news_list li p {
overflow: hidden;
text-overflow: ellipsis;
text-overflow: -o-ellipsis-lastline;
}
#news_list li div p:first-child {
white-space: nowrap;
}
#news_list li div p:last-child {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
#pickup_list_box {
padding-bottom: 10px;
margin-top: 20px;
clear: both;
min-height: 100px;
width: 620px;
background-color: #FFF;
border-top: solid 5px #233f41;
}
#pickup_list_box #pickup_list_title_box {
height: 50px;
background-color: #FFF;
border-bottom: solid 1px #EDF1F6;
}
#pickup_list_box #pickup_list_title_box .pickup_title_image {
margin-top: 12px;
margin-left: 10px;
float: left;
}
#pickup_list_box #pickup_list_title_box .pickup_list_title {
float: left;
color: #000;
line-height: 50px;
font-weight: bold;
margin-left: 10px;
font-size: medium;
}
#pickup_list_box ul {
margin: 0 0 0 0;
padding: 0;
}
#pickup_list_box ul li {
padding: 0px 0px 0px 0px;
margin-top: 10px;
margin-left: 10px;
width: 288px;
height: 138px;
border: solid 1px #EDF1F6;
/*border: solid 1px #FF0000;*/
float: left;
position: relative;
}
/* trade.less
======================================== */
/* 繧ｫ繝ｼ繝我ｺ､謠�(Dialog)
------------------------------------ */
/* 繝ｩ繝�ヱ- */
#trade_wrapper {
width: 600px;
/* height: 665px; */
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#trade_left_position {
float: left;
width: 390px;
/* height: 598px; */
background-color: #EDF1F6;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#trade_right_position {
float: right;
width: 185px;
/* height: 598px; */
background-color: #EDF1F6;
}
/* ************************************* */
/* 莠､謠帙Μ繧ｯ繧ｨ繧ｹ繝� */
/* ************************************* */
#trade_request {
height: 235px;
border-top: solid 5px #233f41;
background-color: #FFFFFF;
}
/**
/* 繝医Ξ繝ｼ繝峨Μ繧ｯ繧ｨ繧ｹ繝� - 繝ｦ繝ｼ繧ｶ繝ｼ諠��ｱ */
#trade_request div#user_info {
width: 281px;
height: 101px;
margin: 7px auto 0;
}
/* 繝ｪ繧ｯ繧ｨ繧ｹ繝亥�繝ｦ繝ｼ繧ｶ繝ｼ諠��ｱ */
#trade_request div#user_info .request_user {
float: left;
width: 105px;
text-align: center;
}
#trade_request div#user_info .request_user p.user_name {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-top: 8px;
}
#trade_request div#user_info .request_user p.user_image img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
/* 繝ｪ繧ｯ繧ｨ繧ｹ繝医さ繝ｼ繝翫�縺ｮ繝�く繧ｹ繝� */
#trade_request div#user_info .request_part {
float: left;
width: 71px;
text-align: center;
}
#trade_request div#user_info .request_part p.request_part_text {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-top: 15px;
margin-bottom: 12px;
}
/* 繝ｬ繧ｹ繝昴Φ繧ｹ蛛ｴ繝ｦ繝ｼ繧ｶ繝ｼ諠��ｱ */
#trade_request div#user_info .accept_user {
float: left;
width: 105px;
text-align: center;
}
#trade_request div#user_info .accept_user p.user_name {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-top: 8px;
}
#trade_request div#user_info .accept_user p.user_image img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
/**
/* 繝医Ξ繝ｼ繝峨Μ繧ｯ繧ｨ繧ｹ繝� - 繧ｫ繝ｼ繝画ュ蝣ｱ */
#trade_request div#cord_info {
width: 281px;
height: 121px;
margin: 0 auto 5px;
background-color: #EDEDED;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#cord_info div.trade_card {
float: left;
width: 111px;
text-align: center;
margin-top: 11px;
}
#cord_info div.trade_card img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#cord_info div.trade_image {
float: left;
width: 59px;
text-align: center;
margin-top: 30px;
}
/* ************************************* */
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� */
/* ************************************* */
#tarade_card_list {
clear: both;
}
.trade_card_list_title {
height: 31px;
background-color: #233f41;
}
.trade_card_list_title p {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding: 8px 10px 7px;
}
.trade_card_list_container {
height: 325px;
background-color: #EDF1F6;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繝壹�繧ｸ繝｣繝ｼ */
div.trade_card_pager {
/* width: 336px; */
height: 14px;
position: relative;
margin: 15px 31px 5px 26px;
}
div.trade_card_pager div.trade_pager_prev {
float: left;
font-size: 10px;
color: #233f41;
display: none;
cursor: pointer;
}
div.trade_card_pager p.trade_pager_no {
position: absolute;
left: 47%;
font-size: 12px;
color: #000000;
}
div.trade_card_pager div.trade_pager_next {
float: right;
font-size: 10px;
color: #233f41;
cursor: pointer;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繧ｫ繝ｼ繝� */
div.trade_card_list {
clear: both;
width: 360px;
height: 225px;
padding: 10px 15px 0;
}
div.trade_card_list ul li {
border: 2px solid #EDF1F6;
border-radius: 5px;
float: left;
position: relative;
margin: 0 6px 10px;
}
div.trade_card_list ul li.is_selected {
border-color: #233f41;
}
div.trade_card_list ul li a {
display: block;
}
div.trade_card_list ul li a img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.trade_card_list ul li.disabled a image,
div.trade_card_list ul li.disabled a img {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: Gray;
}
img.gray_scale {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
.select_card {
overflow: hidden;
border: solid 5px #233f41;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: -5px;
}
/*
div.trade_card_list ul li a:hover {
overflow: hidden;
border: solid 2px @base_dark_color;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.trade_card_list ul li a:hover img {
margin: -2px;
}
*/
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -蜉ｹ譫� */
div.trade_card_effect {
clear: both;
width: 316px;
height: 44px;
margin: 0 21px 5px;
padding: 5px 15px;
background-color: #FFFFFF;
border: solid 2px #476c6f;
}
#trade_card_effect_text.is_overflow {
overflow-y: scroll;
}
div.trade_card_effect p {
font-size: 12px;
color: #000000;
text-align: center;
margin: 15px 25px 15px 0;
}
/* ************************************* */
/* 蜿矩＃繝ｪ繧ｹ繝� */
/* ************************************* */
/* 蜿矩＃繝ｪ繧ｹ繝郁ｦ句�縺� */
.tarade_friend_list_title {
height: 31px;
background-color: #233f41;
}
.tarade_friend_list_title p {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding: 8px 10px 7px;
}
.trade_friends_list_container {
height: 567px;
background-color: #EDF1F6;
}
/* 蜿矩＃繝ｪ繧ｹ繝� -繝壹�繧ｸ繝｣繝ｼ */
div.trade_friends_pager {
/* width: 165px; */
height: 14px;
position: relative;
margin: 15px 10px 5px 10px;
}
div.trade_friends_pager div.trade_friends_pager_prev {
float: left;
font-size: 10px;
color: #233f41;
cursor: pointer;
display: none;
}
div.trade_friends_pager p.trade_friends_pager_no {
position: absolute;
left: 41%;
font-size: 12px;
color: #000000;
}
div.trade_friends_pager div.trade_friends_pager_next {
float: right;
font-size: 10px;
color: #233f41;
cursor: pointer;
}
/* 蜿矩＃繝ｪ繧ｹ繝� -蜿矩＃ */
div.trade_friends_list {
clear: both;
width: 180px;
height: 503px;
padding: 10px 5px 0;
}
div.trade_friends_list ul {
height: 523px;
}
div.trade_friends_list ul li {
float: left;
width: 80px;
height: 80px;
border: 2px solid #EDF1F6;
position: relative;
margin: 0 3px 6px;
background-color: #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
}
div.trade_friends_list ul li.is_selected {
border-color: #233f41;
}
div.trade_friends_list ul li a {
width: 80px;
height: 80px;
display: block;
}
div.trade_friends_list ul li a img {
margin: 8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.select_friends {
overflow: hidden;
border: solid 2px #233f41;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 5px;
}
/*
div.trade_friends_list ul li a:hover {
overflow: hidden;
border: solid 2px @base_dark_color;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.trade_friends_list ul li a:hover img {
margin: 6px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
*/
/* 莠､謠帙�繧ｿ繝ｳ */
#trade_btn_contents {
clear: both;
padding: 15px 0 15px;
text-align: center;
}
#trade_btn_contents p {
font-size: 12px;
color: #FF0000;
}
/* trade_status.less
======================================== */
dl,
dt,
dd {
margin: 0;
padding: 0;
}
a:hover {
text-decoration: none;
}
#dialog_trade_card {
width: 320px;
height: 320px;
background-color: #fff;
margin-bottom: 20px;
}
#dialog_trade_card_contents {
padding: 20px 9px 5px;
margin-bottom: 20px;
}
#dialog_trade_card #dialog_trade_area1 {
margin: 0 10px 0;
position: relative;
background-image: url("/themes/sns11/img/layout/trade_tail_to.png");
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 20px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1,
#dialog_trade_card #dialog_ta_area2 #dialog_ta_left2 {
float: left;
text-align: center;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1,
#dialog_trade_card #dialog_ta_area2 #dialog_ta_right2 {
float: right;
text-align: center;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 {
position: absolute;
top: 10px;
left: 95px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 p {
margin-bottom: 5px;
font-weight: bold;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 img {
display: block;
margin: 0 auto;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1 a dl dt,
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1 a dl dt {
text-align: center;
margin-bottom: 5px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1 a dl dd,
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1 a dl dd {
font-weight: bold;
}
#dialog_trade_card #dialog_ta_area2 {
clear: both;
background-color: #ededed;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px 18px;
position: relative;
margin-bottom: 5px;
}
#dialog_trade_card #dialog_ta_area2 #dialog_trade_ico2 {
position: absolute;
top: 30px;
left: 116px;
}
#dialog_trade_card p {
text-align: right;
}
#dialog_trade_card p a {
color: #233f41;
text-decoration: underline;
}
#dialog_trade_card_button {
text-align: center;
}
#dialog_trade_card_button ul li {
float: left;
width: 125px;
height: 40px;
padding: 13px;
}
#dialog_trade_card_button ul li img {
border-radius: 5px;
}
#ok_btn img:hover {
background: url("/themes/sns11/img/layout/btn_dialog_trade_h.png") no-repeat;
width: 125px;
height: 40px;
border: none;
cursor: pointer;
}
#cancel_btn img:hover {
background: url("/themes/sns11/img/layout/btn_dialog_notrade_h.png") no-repeat;
width: 125px;
height: 40px;
text-indent: -10000px;
border: none;
cursor: pointer;
}
/* trophy.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#trophy_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* ************************************* */
/* 繧ｳ繝溘Η繝九ユ繧｣繝｡繝繝ｫ */
/* ************************************* */
/* 繝｡繝繝ｫ 蜈ｨ菴� */
#medal_section {
margin-top: 20px;
background-color: #FFFFFF;
width: 620px;
height: 285px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
}
#medal_contents {
height: 285px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
div#medal_contents h2 {
padding: 20px 15px 20px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
div#medal_contents ul {
margin: 0 20px 10px;
width: 580px;
height: 200px;
}
div#medal_contents ul li {
float: left;
width: 82px;
height: 110px;
margin: 0 7px;
}
div#medal_contents ul li div.circle_box {
border: solid 1px #EDF1F6;
border-radius: 50%;
height: 80px;
width: 80px;
background-color: #EDF1F6;
}
div#medal_contents ul li p {
margin: 3px 0 3px;
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: center;
}
/* ************************************* */
/* ************************************* */
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 */
/* ************************************* */
/* 蜈ｨ菴� */
#card_folder_section {
clear: both;
margin-top: 20px;
background-color: #FFFFFF;
width: 620px;
height: 490px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
}
#card_folder_contents {
height: 490px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
/* 繧ｿ繧､繝医Ν */
.card_folder_title {
height: 65px;
}
.card_folder_title span.left_title {
float: left;
padding: 18px 15px 18px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
.card_folder_title span.right_title_icon {
float: right;
padding: 10px 0px 20px;
font-size: 12px;
color: #233f41;
vertical-align: middle;
cursor: pointer;
}
.card_folder_title span.right_title_text {
float: right;
padding: 20px 4px 20px;
font-size: 12px;
color: #233f41;
margin-right: 20px;
vertical-align: middle;
cursor: pointer;
}
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 蜈ｨ菴� */
.card_folder {
width: 570px;
height: 400px;
margin: 0 25px;
}
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 -縺頑ｰ励↓蜈･繧翫�蜉ｹ譫懆ｪｬ譏�- */
.card_folder div.card_folder_favorite {
float: left;
width: 160px;
height: 400px;
margin-right: 20px;
}
.card_folder div.card_folder_favorite ul li.favorite_card {
height: 218px;
}
.card_folder div.card_folder_favorite ul li.card_effect {
height: 80px;
}
.card_folder div.card_folder_favorite ul li.card_effect p {
font-size: 10px;
color: #000000;
padding: 15px 0 10px;
}
.card_folder div.card_folder_favorite ul li.btn_image {
height: 92px;
}
.card_folder div.card_folder_favorite ul li.btn_image {
cursor: pointer;
}
.card_folder div.card_folder_favorite ul li.btn_image img {
padding-bottom: 5px;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� */
.card_folder div.card_folder_list {
float: right;
width: 390px;
height: 400px;
background-color: #EDF1F6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.card_list ul li {
cursor: pointer;
}
div.card_list ul li div.count {
background-color: #ED5B5B;
border-radius: 20px;
height: 20px;
position: absolute;
right: -8px;
bottom: -6px;
width: 20px;
}
div.card_list ul li div.count p {
clear: both;
color: #FFFFFF;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繝壹�繧ｸ繝｣繝ｼ */
div.card_pager {
/* width: 337px; */
position: relative;
margin: 25px 31px 0 26px;
}
div.card_pager div.trophy_pager_prev {
float: left;
font-size: 10px;
color: #233f41;
display: none;
cursor: pointer;
}
div.card_pager p.trophy_pager_no {
position: absolute;
left: 47%;
font-size: 12px;
color: #000000;
}
div.card_pager div.trophy_pager_next {
float: right;
font-size: 10px;
color: #233f41;
cursor: pointer;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繧ｫ繝ｼ繝� */
div.card_list {
clear: both;
width: 345px;
padding: 15px 20px 25px;
}
div.card_list ul li {
float: left;
position: relative;
/*margin: 0 4px 10px;*/
margin: 0 4px 10px;
}
div.card_list ul li a {
display: block;
border: 2px solid #EDF1F6;
}
div.card_list ul li a:hover {
overflow: hidden;
border: solid 2px #233f41;
}
div.card_list ul li a:hover img {
/*margin: -2px;*/
}
img.gray_scale {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
/* ************************************* */
/* 繧｢繧ｯ繝�ぅ繝薙ユ繧｣螻･豁ｴ */
/* ************************************* */
/* 蜈ｨ菴� */
#activity_list_section {
clear: both;
margin-top: 20px;
margin-bottom: 20px;
background-color: #FFFFFF;
width: 620px;
/* height: 320px; */
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
}
#activity_list_contents {
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
div#activity_list_contents h2 {
padding: 20px 15px 30px;
font-size: 16px;
font-weight: bold;
color: #000000;
/* border-bottom: solid 1px #E2EAF4; */
}
div#activity_list_contents ul li {
clear: both;
height: 60px;
border-top: solid 1px #E2EAF4;
/* border-bottom: solid 1px #E2EAF4; */
}
div#activity_list_contents .activity_text_left {
float: left;
padding: 15px 0px 15px 20px;
font-size: 12px;
color: #000000;
word-break: break-all;
width: 500px;
}
div#activity_list_contents .activity_text_left span {
font-size: 12px;
color: #233f41;
}
div#activity_list_contents .activity_text_right {
float: right;
padding: 15px 20px;
font-size: 12px;
color: #000000;
}
/* trophy_member.less
======================================== */
ul,
li {
margin: 0 0 0 0;
padding: 0;
}
/* 繝ｩ繝�ヱ- */
#member_trophy_wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}
/* 繧ｳ繝ｳ繝�Φ繝�ｷｦ */
#left_position {
float: left;
width: 620px;
}
/* 繧ｳ繝ｳ繝�Φ繝�承 */
#right_position {
float: right;
width: 300px;
}
/* ************************************* */
/* 繧ｳ繝溘Η繝九ユ繧｣繝｡繝繝ｫ */
/* ************************************* */
/* 繝｡繝繝ｫ 蜈ｨ菴� */
#member_medal_section {
margin-top: 20px;
background-color: #FFFFFF;
width: 620px;
height: 285px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
}
#member_medal_contents {
height: 285px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
div#member_medal_contents h2 {
padding: 20px 15px 20px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
div#member_medal_contents ul {
margin: 0 20px 10px;
width: 580px;
height: 200px;
}
div#member_medal_contents ul li {
float: left;
width: 82px;
height: 110px;
margin: 0 7px;
}
div#member_medal_contents ul li div.member_circle_box {
border: solid 1px #EDF1F6;
border-radius: 50%;
height: 80px;
width: 80px;
background-color: #EDF1F6;
}
div#member_medal_contents ul li p {
margin: 3px 0 3px;
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: center;
}
/* ************************************* */
/* ************************************* */
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 */
/* ************************************* */
/* 蜈ｨ菴� */
#member_card_folder_section {
clear: both;
margin-top: 20px;
background-color: #FFFFFF;
width: 620px;
height: 490px;
/* box-shadow: 1px 1px 1px #C4C6CB; */
border-top: solid 5px #233f41;
}
#member_card_folder_contents {
height: 490px;
border-left: solid 1px #E2EAF4;
border-right: solid 1px #E2EAF4;
border-bottom: solid 1px #E2EAF4;
}
/* 繧ｿ繧､繝医Ν */
.member_card_folder_title {
height: 65px;
}
.member_card_folder_title span.member_left_title {
float: left;
padding: 19px 15px 19px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 蜈ｨ菴� */
.member_card_folder {
width: 570px;
height: 400px;
margin: 0 25px;
}
/* 繧ｫ繝ｼ繝峨ヵ繧ｩ繝ｫ繝 -縺頑ｰ励↓蜈･繧翫�蜉ｹ譫懆ｪｬ譏�- */
.member_card_folder div.member_card_folder_favorite {
float: left;
width: 160px;
height: 400px;
margin-right: 20px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_favorite_card {
height: 218px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_card_effect {
height: 80px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_card_effect p {
font-size: 10px;
color: #000000;
padding: 15px 0 10px;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� */
.member_card_folder div.member_card_folder_list {
float: right;
width: 390px;
height: 400px;
background-color: #EDF1F6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.member_card_list ul li {
cursor: pointer;
}
div.member_card_list ul li div.count {
background-color: #ED5B5B;
border-radius: 20px;
height: 20px;
position: absolute;
right: -10px;
bottom: -6px;
width: 20px;
}
div.member_card_list ul li div.count p {
clear: both;
color: #FFFFFF;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繝壹�繧ｸ繝｣繝ｼ */
div.member_card_pager {
/* width: 337px; */
position: relative;
margin: 25px 31px 0 26px;
}
div.member_card_pager div.member_trophy_pager_prev {
float: left;
font-size: 10px;
color: #233f41;
display: none;
cursor: pointer;
}
div.member_card_pager p.member_trophy_pager_no {
position: absolute;
left: 47%;
font-size: 12px;
color: #000000;
}
div.member_card_pager div.member_trophy_pager_next {
float: right;
font-size: 10px;
color: #233f41;
cursor: pointer;
}
/* 繧ｫ繝ｼ繝峨Μ繧ｹ繝� -繧ｫ繝ｼ繝� */
div.member_card_list {
clear: both;
width: 345px;
padding: 15px 20px 25px;
}
div.member_card_list ul li {
float: left;
position: relative;
margin: 0 4px 10px;
}
div.member_card_list ul li a {
display: block;
border: solid 2px #EDF1F6;
}
div.member_card_list ul li a:hover {
overflow: hidden;
border: solid 2px #233f41;
}
div.member_card_list ul li a:hover img {
/*margin: -2px;*/
}
img.gray_scale {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
/* 霑ｽ險� */
body {
background: url(../img/bg_pspe_main.jpg) no-repeat fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
#header1,
#header1 .header_content {
background: transparent;
}
#header_line {
display: none;
}
#mypage-header {
display: none;
}
#mypage-timeline .post {
margin: 0 0 10px;
}
.post-body img {
max-width: 100%;
}
.copyright {
color: #aaa;
}
.flat-dropdown {
display: none;
}
#error-login {
color: #fff;
}
#login-dialog .btn a.main {
display: none;
}
#banner-right-block {
background-color: #fff;
padding: 10px 0 20px;
margin: 10px 0 0;
}
div#footerArea {
background: none;
}
#footerArea .footer_content {
background-color: #fff;
width: 90px;
margin: 0 0 0 auto;
}
#footerArea .footer_content .page_top {
margin: 12px 10px;
}
#mypage-timeline .post-body div,
#mypage-timeline .post-body span {
font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', '繝｢繝ｪ繧ｵ繝ｯ 譁ｰ繧ｴ R', 'Droid Sans', '繝｡繧､繝ｪ繧ｪ', Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
white-space: pre-wrap !important;
}
.post-body div,
.post-body p,
.text-expand-hide div {
display: inline;
}
.post-body .prt {
display: block;
}
.post-body .text-expand-hide {
display: none;
}