Last active
December 10, 2015 06:18
-
-
Save shimomura1004/4393448 to your computer and use it in GitHub Desktop.
asakusa-satellite simple 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
body { | |
background-image: url(bedge_grunge.png); | |
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; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
border-radius: 5px; | |
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; | |
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; | |
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; } | |
#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; | |
-webkit-transition: opacity 0.2s linear; | |
-moz-transition: opacity 0.2s linear; | |
-o-transition: opacity 0.2s linear; | |
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: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(41%, #fbfbfb), color-stop(100%, #ededed)), #f9f9f9; | |
background: -webkit-linear-gradient(top, #fbfbfb 41%, #ededed 100%), #f9f9f9; | |
background: -moz-linear-gradient(top, #fbfbfb 41%, #ededed 100%), #f9f9f9; | |
background: -o-linear-gradient(top, #fbfbfb 41%, #ededed 100%), #f9f9f9; | |
background: linear-gradient(top, #fbfbfb 41%, #ededed 100%), #f9f9f9; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
border-radius: 5px; | |
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-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
-webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0; | |
-moz-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0; | |
box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0; | |
text-align: left; | |
padding: 5px; | |
padding-left: 10px; | |
padding-right: 10px; | |
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; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
border-radius: 5px; | |
-webkit-box-shadow: 1px 1px 2px #999999; | |
-moz-box-shadow: 1px 1px 2px #999999; | |
box-shadow: 1px 1px 2px #999999; } | |
.message .thumbnail video, .message .expand-image video, .message .attachment video { | |
max-width: 500px; | |
max-height: 500px; | |
-webkit-box-shadow: 1px 1px 2px #999999; | |
-moz-box-shadow: 1px 1px 2px #999999; | |
box-shadow: 1px 1px 2px #999999; } | |
.message.target { | |
background-color: lightyellow; } | |
.read-more { | |
-webkit-transition: background-color 0.2s linear; | |
-moz-transition: background-color 0.2s linear; | |
-o-transition: background-color 0.2s linear; | |
transition: background-color 0.2s linear; | |
border: 1px solid #eeeeee; | |
background-color: #fafafa; | |
color: #555555; | |
font-size: 90%; | |
cursor: pointer; | |
margin-bottom: 5px; | |
padding: 3px; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
-ms-border-radius: 4px; | |
-o-border-radius: 4px; | |
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; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
-ms-border-radius: 3px; | |
-o-border-radius: 3px; | |
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; | |
-webkit-box-shadow: 0 0 0 white; | |
-moz-box-shadow: 0 0 0 white; | |
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; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
-ms-border-radius: 5px; | |
-o-border-radius: 5px; | |
border-radius: 5px; | |
-webkit-box-shadow: 1px 1px 2px #999999; | |
-moz-box-shadow: 1px 1px 2px #999999; | |
box-shadow: 1px 1px 2px #999999; } | |
.message .thumbnail video, .message .expand-image video, .message .attachment video { | |
max-width: 270px; | |
max-height: 270px; | |
-webkit-box-shadow: 1px 1px 2px #999999; | |
-moz-box-shadow: 1px 1px 2px #999999; | |
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