Last active
December 10, 2015 06:18
-
-
Save shimomura1004/4393436 to your computer and use it in GitHub Desktop.
asakusa-satellite traditional style
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8"; | |
body { | |
background-color: #fafafa; | |
color: #333333; } | |
.header { | |
height: 70px; | |
margin: 15px; | |
margin-bottom: 40px; | |
border-bottom: 1px solid #cccccc; } | |
.header > a { | |
float: left; } | |
.main { | |
width: 720px; | |
margin: auto; | |
border: 1px solid #cccccc; | |
background-color: white; | |
box-shadow: 1px 1px 2px #999999; | |
-webkit-box-shadow: 1px 1px 2px #999999; } | |
#audio { | |
display: none; } | |
.footer { | |
margin-top: 50px; | |
margin-left: 15px; | |
margin-right: 15px; | |
color: #999999; | |
text-align: center; | |
font-size: 80%; | |
border-top: 1px solid #cccccc; } | |
.droppable { | |
position: fixed; | |
left: 0px; | |
top: 0px; | |
width: 100%; | |
height: 100%; | |
z-index: 1000; | |
display: none; | |
opacity: 0; | |
box-shadow: 0px 0px 10px 5px #e2949b inset; | |
-moz-transition: opacity 0.2s linear; | |
-webkit-transition: opacity 0.2s linear; } | |
.yield { | |
width: 660px; | |
margin: auto; | |
text-align: center; } | |
.about { | |
text-align: left; | |
font-size: 90%; } | |
.about table.version { | |
border-collapse: collapse; | |
border-bottom: 1px solid #dddddd; } | |
.about table.version td { | |
padding: 5px; } | |
.about table.version td.first { | |
padding-right: 50px; } | |
.room-info { | |
background-color: #f9f9f9; | |
background: -moz-linear-gradient(top, #fbfbfb 41%, #ededed 100%); | |
background: -o-linear-gradient(top, #fbfbfb 41%, #ededed 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.41, #fbfbfb), color-stop(1, #ededed)); | |
border: 1px solid #cccccc; | |
font-size: 100%; | |
padding: 5px; | |
margin-top: 15px; | |
margin-bottom: 15px; } | |
.room-info .left { | |
float: left; | |
text-align: left; | |
width: 80%; } | |
.room-info .left .title a { | |
color: #444444; | |
text-decoration: none; } | |
.room-info .right { | |
float: right; | |
text-align: right; | |
width: 20%; } | |
.room-info .right img { | |
margin-top: 3px; | |
margin-right: 3px; } | |
.room-date, .room-owner { | |
text-align: right; | |
color: #666666; | |
font-size: 80%; } | |
.room-members { | |
text-align: right; } | |
.clear { | |
clear: both; } | |
.search-form .left { | |
width: 75%; | |
float: left; } | |
.search-form .right { | |
width: 25%; | |
float: right; | |
text-align: left; } | |
.delete-form { | |
display: inline; } | |
.show-form select { | |
width: 50px; | |
margin-left: 0px; } | |
h3 { | |
padding: 2px; | |
margin: 2px; | |
margin-left: 5px; | |
text-align: left; | |
font-size: 100%; } | |
td { | |
border-top: 1px solid #dddddd; } | |
a img { | |
border-style: none; } | |
.room-list { | |
width: 660px; | |
margin: auto; | |
margin-top: 30px; } | |
.room-list td { | |
text-align: center; } | |
.room-list .name { | |
width: 60%; } | |
.room-list .update { | |
font-size: 80%; } | |
.message-list { | |
margin-bottom: 20px; } | |
.message { | |
border: 1px solid #eeeeee; | |
text-align: left; | |
padding: 5px; | |
padding-left: 10px; | |
padding-right: 10px; | |
margin-bottom: 3px; | |
border-radius: 5px 5px 5px 5px; | |
-webkit-border-radius: 5px 5px 5px 5px; | |
background-color: #fcfcfc; | |
background: -moz-linear-gradient(top, #fcfcfc 40%, #efefef 100%); | |
background: -o-linear-gradient(top, #fcfcfc 40%, #efefef 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #fcfcfc), color-stop(1, #efefef)); | |
box-shadow: 0 1px 1px #cccccc; | |
-webkit-box-shadow: 0 1px 1px #cccccc; | |
font-size: 90%; } | |
.message div { | |
padding: 0; | |
margin: 0; } | |
.message div .profile { | |
display: inline-block; | |
float: left; | |
height: 21px; } | |
.message div .profile img.profile { | |
height: 16px; } | |
.message div .profile .user-name { | |
font-weight: bold; | |
margin-left: 3px; } | |
.message div .profile .screen-name { | |
display: none; } | |
.message div .update-time { | |
float: right; | |
text-align: right; | |
height: 21px; | |
font-size: 75%; | |
font-weight: normal; | |
vertical-align: bottom; } | |
.message div .update-time a { | |
color: #666666; | |
text-decoration: none; } | |
.message div .update-time a:hover { | |
text-decoration: underline; } | |
.message div .edit-icons { | |
float: right; | |
margin-right: 5px; | |
height: 21px; | |
display: none; } | |
.message div .edit-icons img { | |
cursor: pointer; } | |
.message .body { | |
clear: both; | |
padding-top: 6px; } | |
.message .body span { | |
font-weight: normal; } | |
.message .body pre { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-family: "Menlo", "Courier", monospace; | |
font-size: 80%; } | |
.message .thumbnail img, .message .expand-image img, .message .attachment img { | |
max-width: 500px; | |
max-height: 500px; | |
border-radius: 5px 5px 5px 5px; | |
-webkit-border-radius: 5px 5px 5px 5px; | |
box-shadow: 1px 1px 2px #999999; | |
-webkit-box-shadow: 1px 1px 2px #999999; } | |
.message .thumbnail video, .message .expand-image video, .message .attachment video { | |
max-width: 500px; | |
max-height: 500px; | |
box-shadow: 1px 1px 2px #999999; | |
-webkit-box-shadow: 1px 1px 2px #999999; } | |
.message.target { | |
border: 3px solid #cccccc; } | |
.read-more { | |
border: 1px solid #eeeeee; | |
background-color: #fafafa; | |
color: #555555; | |
font-size: 90%; | |
cursor: pointer; | |
margin-bottom: 5px; | |
padding: 3px; | |
border-radius: 4px; | |
-webkit-border-radius: 4px; | |
text-decoration: underline; } | |
.read-more:hover { | |
background-color: #ffeeee; } | |
.read-more.loading { | |
background: white; | |
border: none; } | |
.read-more.loading:hover { | |
background: white; } | |
.read-more a { | |
display: block; | |
width: 100%; | |
height: 100%; } | |
img.profile { | |
width: 16px; | |
height: 16px; } | |
.buttons { | |
text-align: center; | |
margin-top: 20px; } | |
.configure .text { | |
margin-left: 0px; } | |
.configure table.plugin-configure { | |
margin: auto; | |
width: 360px; } | |
.configure table.plugin-configure td { | |
border: none; } | |
.configure .submit { | |
margin-top: 20px; } | |
.configure .members { | |
text-align: left; | |
width: 420px; | |
margin: auto; } | |
.configure .members ul { | |
padding: 0; } | |
.configure .members li { | |
border: 1px solid #dddddd; | |
border-radius: 3px; | |
-webkit-border-radius: 3px; | |
list-style-type: none; | |
padding: 5px; | |
position: relative; | |
margin-top: 3px; } | |
.configure .members li img.profile-image { | |
float: left; | |
max-width: 20px; | |
max-height: 20px; | |
padding-right: 5px; } | |
.configure .members li a.action { | |
position: absolute; | |
right: 10px; | |
top: 7px; } | |
.configure .members .new { | |
border-color: #88dd88; | |
background: #99ee99; } | |
.configure .members .add-member input.text { | |
width: 360px; } | |
.configure .members .add-member #add-member-button { | |
width: 40px; } | |
.set-notification-time { | |
margin-top: 10px; } | |
.set-notification-time input.text { | |
margin-left: 10px; | |
width: 40px; } | |
.set-notification-time #set-notification-timer-button { | |
width: 40px; } | |
a { | |
color: #e2041b; | |
font-style: normal; | |
text-decoration: underline; } | |
a:link { | |
color: #e2041b; | |
font-style: normal; | |
text-decoration: underline; } | |
a:visited { | |
color: #e597b2; | |
text-decoration: underline; } | |
a:hover { | |
color: #e2041b; | |
font-style: normal; | |
text-decoration: underline; } | |
a:active { | |
text-decoration: none; } | |
.text { | |
border: 1px solid #999999; | |
font-size: 18px; | |
width: 360px; | |
background-color: #fafafa; | |
margin-left: 50px; } | |
textarea.text { | |
height: 52px; } | |
.text:focus { | |
background-color: white; } | |
input.submit, input.submit:hover { | |
border: none; } | |
fieldset { | |
border: none; | |
border-top: 1px solid #dddddd; | |
border-bottom: 1px solid #dddddd; | |
padding-bottom: 20px; } | |
legend { | |
padding: 10px; } | |
select { | |
font-size: 18px; | |
width: 240px; | |
margin-left: 50px; | |
margin-top: 10px; } | |
form.inputarea input.submit { | |
vertical-align: top; | |
margin-top: 0.5em; } | |
.large.button, .large.button:visited { | |
font-size: 14px; | |
padding: 8px 14px 9px; | |
font-weight: bold; } | |
.red.button, .red.button:visited { | |
background-color: #e62728; } | |
.red.button:hover { | |
background-color: #cf2525; } | |
.gray.button, .gray.button:visited { | |
background-color: #969696; | |
cursor: default; } | |
.gray.button:hover { | |
background-color: #969696; | |
cursor: default; } | |
.contextual { | |
float: right; | |
white-space: nowrap; | |
line-height: 1.4em; | |
margin-top: 5px; | |
padding-left: 10px; | |
font-size: 0.9em; } | |
.contextual form, .contextual div { | |
display: inline; } | |
.contextual form input, .contextual div input { | |
border: none; | |
background-color: inherit; | |
color: #e2041b; | |
font-style: normal; | |
font-weight: normal; | |
text-decoration: underline; | |
font-size: 1em; | |
cursor: pointer; } | |
.error_message, .notice_message { | |
width: 95%; | |
padding-top: 3px; | |
padding-bottom: 3px; | |
padding-left: 10px; | |
margin-left: 10px; | |
margin-bottom: 10px; } | |
.error_message { | |
border: 1px solid #dd0000; | |
background-color: #ffe2e2; | |
color: #bb0000; } | |
.notice_message { | |
border: 1px solid #00dd00; | |
background-color: #e2ffe2; | |
color: #00aa00; } | |
@media only screen and (max-device-width: 480px) { | |
.main { | |
width: 300px; | |
margin: 0; | |
box-shadow: 0 0 0 white; | |
-webkit-box-shadow: 0 0 0 white; } | |
.header { | |
margin: 0; } | |
.header img { | |
width: 180px; } | |
.footer { | |
margin-top: 10px; } | |
.yield { | |
width: 300px; | |
margin: 0; } | |
textarea.text { | |
width: 275px; | |
margin: 0; } | |
#send { | |
display: none; } | |
.message .thumbnail img, .message .expand-image img, .message .attachment img { | |
max-width: 270px; | |
max-height: 270px; | |
border-radius: 5px 5px 5px 5px; | |
-webkit-border-radius: 5px 5px 5px 5px; | |
box-shadow: 1px 1px 2px #999999; | |
-webkit-box-shadow: 1px 1px 2px #999999; } | |
.message .thumbnail video, .message .expand-image video, .message .attachment video { | |
max-width: 270px; | |
max-height: 270px; | |
box-shadow: 1px 1px 2px #999999; | |
-webkit-box-shadow: 1px 1px 2px #999999; } | |
.text { | |
font-size: 18px; | |
width: 170px; | |
margin-left: 0; | |
margin-right: 0; } | |
.room-list { | |
width: 300px; } | |
.room-info { | |
margin-top: 0; } | |
.room-info .left { | |
width: 70%; } | |
.room-info .right { | |
width: 30%; } | |
.configure table.plugin-configure { | |
width: 270px; } | |
.configure .members { | |
width: 270px; } | |
.configure .members .add-member input.text { | |
width: 170px; } } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment