Created
June 24, 2013 10:30
-
-
Save peppy/5849174 to your computer and use it in GitHub Desktop.
osu! css
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: #37344a url('/images/footer_bg.jpg'); | |
margin: 0; | |
padding: 0; | |
font-family: "Arial Grande",Tahoma,Helvetica,Arial,sans-serif; | |
font-size: 8pt; | |
} | |
textarea { | |
font-family: "Arial Grande",Tahoma,Helvetica,Arial,sans-serif; | |
font-size: 8pt; | |
} | |
.postedit { | |
width: 100%; | |
resize: none; | |
border: none; | |
background: #ffffff; | |
padding: 3px; | |
} | |
ul { | |
list-style: square; | |
} | |
input,select { | |
border: 1px solid #90ace7; | |
font-size: 100%; | |
border-radius: 3px; | |
} | |
input[type="submit"],input[type="button"] { | |
background-color: #fff; | |
border-radius: 2px; | |
} | |
input[type="submit"]:hover,input[type="button"]:hover { | |
background-color: #dee6ff; | |
} | |
input[type="radio"] { | |
border-width: 0; | |
} | |
input:focus { | |
outline: 0; | |
color: #333; | |
border-color: #56b4ef; | |
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); | |
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); | |
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); | |
} | |
.flag { | |
width: 16px; | |
height: 11px; | |
} | |
:focus { | |
outline: 0; | |
} | |
.videoicon { | |
background-image: url('/images/video.png'); | |
background-repeat: no-repeat; | |
display: inline-block; | |
vertical-align: middle; | |
width: 20px; | |
height: 23px; | |
padding-right: 4px; | |
} | |
.storyicon { | |
background-image: url('/images/storyboard.png'); | |
background-repeat: no-repeat; | |
display: inline-block; | |
vertical-align: middle; | |
width: 20px; | |
height: 23px; | |
padding-right: 4px; | |
} | |
a { | |
color: #3843a6; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
a:hover { | |
color: #3843a6; | |
text-decoration: underline; | |
} | |
h1, h2 { | |
color: #cc2e8a; | |
text-shadow: #efcfe1 0px 0px 10px; | |
} | |
h1 { | |
font-weight: normal; | |
font-size: 220%; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
padding-left: 6px; | |
padding-right: 6px; | |
} | |
h2 { | |
font-weight: normal; | |
font-size: 160%; | |
margin-bottom: 10px; | |
} | |
h2 a { | |
color: #de3397; | |
text-decoration: none; | |
} | |
h2 a:hover { | |
color: #9d216a; | |
text-decoration: underline; | |
} | |
img { | |
border: 0; | |
} | |
.profile-username { | |
margin: 0px; | |
padding-bottom: 2px; | |
font-size: 250%; | |
color: #000000; | |
} | |
#pagecontent img { | |
max-width: 660px; | |
} | |
#pagecontent img.expandable:hover { | |
cursor: pointer; | |
} | |
#pagecontent img.expandable { | |
border: solid 2px red; | |
margin: -2px; | |
} | |
#pagecontent img.expanded { | |
max-width: 1920px; | |
} | |
p { | |
margin: 1px; | |
font-family: "Arial Grande",Tahoma,Helvetica,Arial,sans-serif; | |
font-size: 8pt; | |
} | |
.mini-avatar { | |
max-height: 22px; | |
position: relative; | |
top: -2px; | |
vertical-align: middle; | |
} | |
.topt { | |
width: 80px; | |
height: 60px; | |
margin-right: 3px; | |
float: left; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.bmlistt { | |
width: 80px; | |
height: 60px; | |
margin-right: 3px; | |
float: left; | |
-webkit-border-top-left-radius: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
-moz-border-radius-topleft: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
border-top-left-radius: 5px; | |
border-bottom-left-radius: 5px; | |
} | |
.bmt { | |
width: 160px; | |
height: 120px; | |
padding: 3px; | |
float: left; | |
} | |
.marginp { | |
padding-bottom: 8px; | |
} | |
.centrep { | |
width: 100%; | |
text-align: center; | |
padding-bottom: 8px; | |
} | |
#chat { | |
-ms-overflow-x: auto; | |
overflow-x: auto; | |
} | |
.centrep img { | |
padding: 5px; | |
} | |
.historyp { | |
width: 100%; | |
background-color: #fff; | |
text-align: center; | |
margin-bottom: 10px; | |
} | |
.historyp img { | |
padding: 5px; | |
} | |
.bodytopbg { | |
background: #a9a9ff url("/images/bg-top.png") repeat-x; | |
min-height: 700px; | |
_height: 100%; | |
} | |
.mainbody { | |
position: relative; | |
margin: auto; | |
width: 864px; | |
_height: 0; | |
} | |
.mainbody2 { | |
background-image: url("/images/head-left-new.png"); | |
background-repeat: no-repeat; | |
} | |
#coolheader { | |
width: 524px; | |
height: 96px; | |
position: absolute; | |
background-repeat: no-repeat; | |
right: 0; | |
top: 0; | |
} | |
.header { | |
width: 100%; | |
height: 121px; | |
font-size: 11px; | |
} | |
#playstats { | |
position: absolute; | |
margin-top: 90px; | |
margin-right: 20px; | |
right: 0px; | |
width: 240px; | |
height: 30px; | |
color: #fff; | |
background: #5b5399; | |
} | |
#donation { | |
position: absolute; | |
margin-top: 18px; | |
right: 60px; | |
width: 140px; | |
height: 24px; | |
color: #fff; | |
} | |
#top_facebook { | |
right: 160px; | |
} | |
#top_facebook:hover { | |
background-position: 0px -62px; | |
} | |
#top_follow { | |
background-position: -61px 0px; | |
right: 100px; | |
} | |
#top_follow:hover { | |
background-position: -61px 62px; | |
} | |
#top_support { | |
background-position: -122px 0px; | |
right: 40px; | |
} | |
#top_support:hover { | |
background-position: -122px 62px; | |
} | |
.top_button { | |
position: absolute; | |
background: url('/images/social.png'); | |
top: 6px; | |
width: 61px; | |
height: 62px; | |
background-position: 0px 0px; | |
} | |
.menu { | |
position: absolute; | |
margin-top: 96px; | |
margin-left: 50px; | |
width: 600px; | |
} | |
#donation form { | |
margin: 0; | |
padding: 0; | |
height: 0; | |
} | |
#donation input { | |
border: 0; | |
} | |
.paddingboth { | |
padding-left: 7px; | |
padding-right: 8px; | |
} | |
.paddingall { | |
padding: 6px; | |
} | |
.hidden { | |
display: none; | |
} | |
.paddingleft { | |
padding-left: 6px; | |
} | |
.content-bg { | |
background: #fff url("/images/main-bg.png"); | |
background-repeat: repeat-y; | |
} | |
.content-topbg { | |
background: url("/images/main-top.png"); | |
background-repeat: no-repeat; | |
} | |
.content-with-bg-solid { | |
background: #f0ecfa; | |
padding: 1px 2px 1px 2px; | |
height: 100%; | |
} | |
.content-with-bg { | |
background-image: url("/images/main-bg-new.png"); | |
padding: 1px 2px 1px 2px; | |
min-height: 400px; | |
} | |
.content-infoline { | |
line-height: 24px; | |
height: 38px; | |
text-align: right; | |
padding-right: 10px; | |
padding-left: 40px; | |
padding-top: 2px; | |
font-size: 110%; | |
} | |
.footer { | |
clear: both; | |
background-image: url("/images/main-bottom-new.png"); | |
height: 23px; | |
line-height: 17px; | |
text-align: center; | |
font-size: 90%; | |
} | |
.final_footer { | |
background: url('/images/footer_transition.png') repeat-x; | |
width: 100%; | |
padding-top: 50px; | |
padding-bottom: 10px; | |
color: #ffffff; | |
text-shadow: 1px 1px 1px #222222; | |
} | |
.footer_search { | |
font-size: 200%; | |
margin: 5px; | |
padding: 3px; | |
background: #4a4763; | |
border: solid 2px #5b557a; | |
color: #ffffff; | |
} | |
.footer_search:focus { | |
color: #ffffff; | |
} | |
.final_footer a { | |
color: #dbe4fa; | |
} | |
.final_footer a:hover { | |
color: #ffffff; | |
text-decoration: none; | |
} | |
.footer_columns { | |
margin: auto; | |
text-align: center; | |
width: 95%; | |
min-height: 200px; | |
background: url('/images/footer_stamp.png') center right no-repeat; | |
} | |
.footer_column { | |
vertical-align: top; | |
text-align: left; | |
display: inline-block; | |
width: 200px; | |
} | |
.footer_column li { | |
list-style-type: none; | |
margin: 2px; | |
} | |
.footer_column .f_header { | |
margin-bottom: 5px; | |
} | |
.spoiler { | |
margin: 5px; | |
} | |
.spoiler_head { | |
border-bottom: solid 1px #b7c9ff; | |
padding: 3px; | |
text-align: center; | |
cursor: pointer; | |
} | |
.spoiler:hover .spoiler_head { | |
background-color: #5861c0; | |
color: #fff; | |
} | |
.spoiler_body { | |
background-color: #eef; | |
padding: 5px; | |
display: none; | |
} | |
.main-left { | |
float: left; | |
width: 500px; | |
} | |
.hug-bottom { | |
bottom: 0; | |
margin: 5px; | |
width: 98%; | |
position: absolute; | |
} | |
.main-column { | |
position: relative; | |
height: 860px; | |
} | |
.main-box { | |
border: solid 2px #9799cc; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.main-video { | |
margin-top: 10px; | |
} | |
.ntitle { | |
margin-bottom: 5px; | |
} | |
.mtitle { | |
margin: 0; | |
} | |
.mtitle a { | |
font-weight: bold; | |
} | |
.mtitle>span { | |
font-size: 60%; | |
} | |
.blurb { | |
color: #323232; | |
background: #fff; | |
-webkit-border-radius: 8px; | |
-moz-border-radius: 8px; | |
border-radius: 8px; | |
padding: 3px; | |
border: solid 1px #d2d4fa; | |
} | |
.blurb-title { | |
text-align: center; | |
font-size: 150%; | |
padding-bottom: 5px; | |
} | |
.news-heading { | |
font-size: 120%; | |
border-bottom: solid 1px #e869a2; | |
} | |
.news-heading>a:hover { | |
text-decoration: none; | |
} | |
.news-text { | |
padding: 5px 3px 5px 3px; | |
margin-bottom: 10px; | |
background: #fff; | |
-webkit-border-bottom-right-radius: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
-moz-border-radius-bottomright: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
border-bottom-right-radius: 5px; | |
border-bottom-left-radius: 5px; | |
border-left: solid 1px #d2d4fa; | |
border-bottom: solid 1px #d2d4fa; | |
border-right: solid 1px #d2d4fa; | |
} | |
.news-more { | |
margin-bottom: 5px; | |
text-align: right; | |
} | |
.ntitle { | |
margin-top: 10px; | |
} | |
.main-right { | |
float: right; | |
width: 360px; | |
} | |
.pass1 { | |
background-color: green; | |
} | |
.pass0 { | |
background-color: red; | |
} | |
.right-top-recent { | |
width: 356px; | |
height: 29px; | |
background-image: url("/images/main-right-titles.png"); | |
background-position: 0 -58px; | |
} | |
.right-top-most { | |
width: 356px; | |
height: 29px; | |
background-image: url("/images/main-right-titles.png"); | |
background-position: 0 -87px; | |
} | |
.left-top-chat { | |
width: 460px; | |
height: 29px; | |
background-image: url("/images/main-left-chat.png"); | |
} | |
.right-top-news { | |
width: 356px; | |
height: 29px; | |
background-image: url("/images/main-right-titles.png"); | |
background-position: 0 0; | |
} | |
.left-middle { | |
background-image: url("/images/main-left-middle.png"); | |
width: 452px; | |
padding-left: 4px; | |
padding-right: 4px; | |
text-align: center; | |
} | |
.right-middle { | |
background-image: url("/images/main-right-middle.png"); | |
width: 348px; | |
padding-left: 4px; | |
padding-right: 4px; | |
text-align: center; | |
} | |
.right-bottom { | |
background-image: url("/images/main-right-bottom.png"); | |
width: 356px; | |
height: 9px; | |
} | |
.left-bottom { | |
background-image: url("/images/main-left-bottom.png"); | |
width: 460px; | |
height: 9px; | |
} | |
.margin { | |
margin-left: 2px; | |
margin-right: 2px; | |
text-align: left; | |
} | |
.clear { | |
clear: both; | |
} | |
.row1p { | |
background: #e7e4fc; | |
} | |
.row2p { | |
background: #dad7fb; | |
} | |
.row3p { | |
background: #dcfcb9; | |
} | |
.row4p { | |
background: #ffc994; | |
} | |
.boldred { | |
color: red; | |
font-weight: bold; | |
} | |
.boldgreen { | |
color: #43871a; | |
font-weight: bold; | |
} | |
.avatar { | |
max-width: 128px; | |
max-height: 128px; | |
margin: auto; | |
} | |
.faqItem { | |
padding-bottom: 20px; | |
} | |
.faqItem div { | |
margin-bottom: 5px; | |
font-weight: bold; | |
font-size: 140%; | |
color: #ad2a80; | |
border-bottom: solid 1px #d9d9d9; | |
} | |
.helpSquareSmall { | |
width: 90px; | |
height: 30px; | |
margin: 2px; | |
font-size: 100%; | |
} | |
.helpSquareSmall a { | |
height: 30px; | |
} | |
.helpSquareLarge { | |
width: 240px; | |
height: 100px; | |
font-size: 200%; | |
} | |
.helpSquareLarge { | |
line-height: 50px; | |
margin: 16px; | |
} | |
.helpSquare { | |
float: left; | |
text-align: center; | |
border: solid 1px #b11c7e; | |
background-color: #ffb5cb; | |
color: #505050; | |
padding: 1px; | |
} | |
.helpSquare a { | |
vertical-align: middle; | |
display: block; | |
height: 100%; | |
width: 100%; | |
color: #505050; | |
} | |
.helpSquare a:hover { | |
text-decoration: none; | |
} | |
.helpSquare:hover { | |
border: solid 2px #5a539a; | |
background-color: #b5aef4; | |
color: #fff; | |
padding: 0; | |
} | |
.loadingText { | |
width: 100%; | |
text-align: center; | |
padding-top: 40px; | |
padding-bottom: 40px; | |
font-size: 200%; | |
} | |
.ratingblock { | |
display: block; | |
} | |
.loading { | |
height: 30px; | |
background: url('/images/working.gif') 50% 50% no-repeat; | |
} | |
.voted { | |
color: #999; | |
} | |
.thanks { | |
color: #36aa3d; | |
} | |
.static { | |
color: #5d3126; | |
} | |
.changelog-text { | |
padding: 2px 5px 2px 10px; | |
text-align: left; | |
background: #fff; | |
} | |
.changelog-header { | |
color: #fff; | |
height: 24px; | |
background-color: #3e408c; | |
} | |
.major { | |
background-color: #fbe6ef; | |
font-weight: bold; | |
} | |
.ss-thumb { | |
padding: 10px; | |
margin: 10px; | |
} | |
.pack-msg { | |
background: #f9f7fe; | |
border: 1px solid #e1dfe7; | |
margin: 6px; | |
padding: 5px; | |
} | |
.listing-src { | |
font-size: 80%; | |
color: #45484a; | |
} | |
.beatmapListing { | |
width: 100%; | |
} | |
.beatmapListing th { | |
background: #d7d2fb; | |
border-bottom: 1px solid #a79ef3; | |
} | |
.beatmapListing tr.row1p:hover,.beatmapListing tr.row2p:hover,.beatmapListing tr.row3p:hover,.beatmapListing tr.row4p:hover { | |
background: #fde1ff; | |
cursor: pointer; | |
} | |
.beatmapTab * { | |
background-repeat: no-repeat; | |
margin: 2px; | |
vertical-align:middle; | |
} | |
.diffIcon { | |
display: inline-block; | |
width: 16px; | |
height: 16px; | |
} | |
.diffIcon.easy { background: url('/images/easy.png'); } | |
.diffIcon.normal { background: url('/images/normal.png'); } | |
.diffIcon.hard { background: url('/images/hard.png'); } | |
.diffIcon.insane { background: url('/images/insane.png'); } | |
.diffIcon.easy-t { background: url('/images/easy-t.png'); } | |
.diffIcon.normal-t { background: url('/images/normal-t.png'); } | |
.diffIcon.hard-t { background: url('/images/hard-t.png'); } | |
.diffIcon.insane-t { background: url('/images/insane-t.png'); } | |
.diffIcon.easy-f { background: url('/images/easy-f.png'); } | |
.diffIcon.normal-f { background: url('/images/normal-f.png'); } | |
.diffIcon.hard-f { background: url('/images/hard-f.png'); } | |
.diffIcon.insane-f { background: url('/images/insane-f.png'); } | |
.diffIcon.easy-m { background: url('/images/easy-m.png'); } | |
.diffIcon.normal-m { background: url('/images/normal-m.png'); } | |
.diffIcon.hard-m { background: url('/images/hard-m.png'); } | |
.diffIcon.insane-m { background: url('/images/insane-m.png'); } | |
.expandableInfo { | |
float: right; | |
width: 100%; | |
height: 15px; | |
line-height: 15px; | |
text-align: left; | |
background: #fff; | |
} | |
.pagination { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
text-align: center; | |
width: 100%; | |
} | |
.nav li { | |
list-style: none; | |
} | |
.mcp-nav { | |
border: 1px solid #000; | |
background: #fff; | |
padding: 5px; | |
} | |
#songinfo { | |
clear: both; | |
color: #000; | |
background-color: #e1d6fb; | |
padding: 2px; | |
border-bottom: 1px solid #8462db; | |
} | |
#songinfo td.colour { | |
background: #e4dbfb; | |
color: #363143; | |
} | |
#songinfo td { | |
border-bottom: 1px solid #cfc1ef; | |
} | |
.batexpand { | |
cursor: pointer; | |
padding: 0px; | |
margin: 3px 0 3px 0; | |
} | |
.batexpand:hover { | |
background-color: #d4e9ff; | |
} | |
.youtubePreview { | |
width: 100%; | |
text-shadow: 0px 0px 20px #ffffff; | |
border-bottom: solid 1px #676b9d; | |
box-shadow: inset 0px 0px 2px -3px #000000; | |
background: #9497c1; | |
font-size: 120%; | |
color: #ffffff; | |
padding: 3px 0 3px 0; | |
text-align: center; | |
cursor: pointer; | |
} | |
.youtubePreview:hover { | |
background: #7f83ba; | |
} | |
.youtubePreview * { | |
vertical-align: middle; | |
} | |
.youtubePreviewContent { | |
background: #000000; | |
} | |
#tablist { | |
margin: 4px 0 0 0; | |
padding: 0; | |
border-bottom: 1px solid #cab8f7; | |
width: 100%; | |
height: 25px; | |
background: #ece4fd; | |
font-size: 1.3em; | |
display: block; | |
} | |
#tablist ul { | |
display: block; | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
border: 0; | |
} | |
#tablist li { | |
display: block; | |
margin: 0; | |
line-height: 25px; | |
margin-right: 2px; | |
float: left; | |
width: auto; | |
} | |
#tablist a { | |
color: #5e5e5e; | |
display: block; | |
width: auto; | |
text-decoration: none; | |
background: #e0d6fb; | |
margin: 0; | |
padding: 0 10px 0 10px; | |
} | |
#tablist A:hover,#tablist A:active { | |
background: #fff; | |
} | |
#tablist A.active:link,#tablist A.active:visited { | |
background: #cab8f7; | |
} | |
#ratingspread { | |
border: 0; | |
width: 100%; | |
height: 100%; | |
} | |
#ratingspread td,#ratingspread tr { | |
text-align: center; | |
background: #e1d6fb; | |
border-bottom: 0; | |
} | |
.posttext { | |
background: #f9f7fe; | |
border: 1px solid #e1dfe7; | |
padding: 5px 5px 5px 5px; | |
height: 125px; | |
overflow: auto; | |
} | |
.posthilit { | |
color: #0064b5; | |
} | |
.beatmapDownloadButton { | |
margin-left: 8px; | |
float: right; | |
} | |
.scoreLeader { | |
margin: auto; | |
border: 1px solid #000; | |
min-width: 380px; | |
} | |
.scoreLeader td { | |
padding: 2px; | |
} | |
.scoreLeader td.title { | |
background: #000; | |
color: #fff; | |
font-size: 130%; | |
font-weight: bold; | |
} | |
.scoreLeader a { | |
color: #fdbf2a; | |
} | |
.starfield { | |
height: 14px; | |
background: url("/images/starn.png"); | |
background-repeat: repeat-x; | |
} | |
.starfield>.active { | |
height: 14px; | |
background: url("/images/star.png"); | |
background-repeat: repeat-x; | |
} | |
.teamname { | |
text-align: center; | |
color: #2a1d48; | |
} | |
.teamname>div { | |
font-size: 130%; | |
} | |
.prof-left { | |
width: 200px; | |
float: left; | |
overflow: hidden; | |
} | |
.prof-left .onhover { | |
display: none; | |
} | |
.prof-left:hover .onhover { | |
display: block; | |
} | |
.prof-left>.userbox { | |
margin-top: 10px; | |
padding-bottom: 0px !important; | |
} | |
.prof-left>table { | |
width: 200px; | |
} | |
.prof-right { | |
width: 640px; | |
float: right; | |
} | |
.prof-right .userpage { | |
margin-top: 10px; | |
min-height: 32px; | |
overflow: auto; | |
-ms-overflow-x: hidden; | |
overflow-x: hidden; | |
max-height: 198px; | |
position: relative; | |
background: #e7e4fc; | |
} | |
.userpage-expand | |
{ | |
margin-top: 0px; | |
position: relative; | |
background: #f0ecfa; | |
width: 100%; | |
text-align: center; | |
} | |
.userpage-expand:hover | |
{ | |
background: #d8d4fb; | |
cursor: pointer; | |
} | |
.sectionHeading { | |
border-bottom: 1px solid #4a4a4a; | |
border-top: 1px solid #4a4a4a; | |
background: #5f5f5f; | |
font-size: 140%; | |
color: #fff; | |
cursor: pointer; | |
} | |
.sectionHeading:hover { | |
background: #666; | |
} | |
.sectionContents { | |
background: #fff; | |
margin-bottom: 10px; | |
} | |
.sectionContents .expanded { | |
padding-bottom: 20px; | |
} | |
.profileSupporter { | |
display: inline-block; | |
height: 12px; | |
width: 80px; | |
padding: 2px; | |
background: url("/images/supporter.png"); | |
background-position: top center; | |
background-repeat: no-repeat; | |
} | |
.profileStatLine { | |
background: #f0ecfa; | |
border-bottom: 1px dashed #a9a9ff; | |
font-size: 130%; | |
margin-bottom: 3px; | |
} | |
.profileStatHeader:before { | |
content: "\25BC"; | |
} | |
.profileStatHeader { | |
background: #f5f2fe; | |
border-bottom: 1px solid #a9a9ff; | |
color: #5a539a; | |
font-weight: bold; | |
font-size: 140%; | |
margin-bottom: 6px; | |
margin-top: 14px; | |
} | |
.profileBeatmapHeader { | |
font-size: 130%; | |
margin-bottom: 6px; | |
margin-top: 14px; | |
border-bottom: 1px solid #d8d8d8; | |
cursor: pointer; | |
} | |
.profileBeatmapHeader:hover { | |
background: #f7edf4; | |
color: #000; | |
} | |
.levelMetre { | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
border: solid 2px #ffa10d; | |
} | |
.levelPercent { | |
background: #eacd5b; | |
font-weight: bold; | |
-webkit-box-shadow: 0 0 40px 5px #ffda00; | |
-moz-box-shadow: 0 0 40px 5px #ffda00; | |
box-shadow: 0 0 40px 5px #ffda00; | |
border-right: 2px solid #ffa10d; | |
} | |
.achievements-break { | |
clear: both; | |
font-size: 120%; | |
font-weight: bold; | |
border-bottom: solid 1px #eacd5b; | |
} | |
.achievement { | |
float: left; | |
margin: 5px 5px 5px 5px; | |
text-align: center; | |
width: 145px; | |
height: 120px; | |
} | |
.prof-beatmap { | |
background: #e7e4fc; | |
border: 1px solid #dad7fb; | |
margin: 3px; | |
padding: 2px; | |
} | |
.profileGameModes { | |
text-align: center; | |
} | |
.profileGameModes div { | |
height: 34px; | |
margin: 10px auto; | |
} | |
.profileGameModes a { | |
display: inline-block; | |
font-size: 150%; | |
background: #e7e4fc; | |
border: solid 2px #978cd0; | |
width: 140px; | |
height: 30px; | |
line-height: 30px; | |
padding: 0; | |
margin: 5px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.profileGameModes a:hover { | |
text-shadow: #e5c6db 1px 1px 2px; | |
text-decoration: none; | |
} | |
.profileGameModes .active { | |
background: #bea8f4; | |
color: #fff; | |
} | |
.profile-tabs { | |
width: 100%; | |
border-spacing: 7px 0; | |
} | |
.profile-tabs td { | |
background: #e7e4fc; | |
text-align: center; | |
font-weight: bold; | |
border-left: solid 2px #dad7fb; | |
border-top: solid 2px #dad7fb; | |
border-right: solid 2px #dad7fb; | |
-webkit-border-top-left-radius: 5px; | |
-webkit-border-top-right-radius: 5px; | |
-moz-border-radius-topleft: 5px; | |
-moz-border-radius-topright: 5px; | |
border-top-left-radius: 5px; | |
border-top-right-radius: 5px; | |
cursor: pointer; | |
} | |
.profile-tabs td:hover { | |
background: #dae4ff; | |
} | |
.top-maps { | |
margin: 10px auto 0 auto; | |
width: 100%; | |
text-align: center; | |
} | |
.top-maps .top-maps-beatmap { | |
display: inline-block; | |
width: 280px; | |
margin: 0; | |
} | |
.top-maps .top-maps-beatmap .header { | |
width: 100%; | |
text-align: center; | |
height: 15px; | |
color: #0e3b78; | |
} | |
.sf-menu,.sf-menu * { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.sf-menu { | |
height: 24px; | |
z-index: 50; | |
} | |
.sf-menu ul { | |
position: absolute; | |
top: -999em; | |
width: 14em; | |
} | |
.sf-menu ul li { | |
width: 100%; | |
} | |
.sf-menu li:hover { | |
visibility: inherit; | |
} | |
.sf-menu li { | |
float: left; | |
position: relative; | |
min-width: 60px; | |
} | |
.sf-menu a { | |
display: block; | |
position: relative; | |
} | |
.sf-menu li:hover ul,.sf-menu li.sfHover ul { | |
left: 0; | |
top: 24px; | |
z-index: 99; | |
} | |
ul.sf-menu>li { | |
text-align: center; | |
} | |
ul.sf-menu>li>ul { | |
text-align: left; | |
} | |
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { | |
top: -999em; | |
} | |
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { | |
left: 14em; | |
top: 0; | |
} | |
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { | |
top: -999em; | |
} | |
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { | |
left: 10em; | |
top: 0; | |
} | |
.sf-menu { | |
float: left; | |
} | |
.sf-menu a { | |
line-height: 24px; | |
padding-right: 1em; | |
padding-left: 1em; | |
text-decoration: none; | |
font-weight: bold; | |
} | |
.sf-menu a,.sf-menu a:visited { | |
color: #4e2151; | |
} | |
.sf-menu li li { | |
background: #eca1dd; | |
} | |
.sf-menu li li li { | |
background: #f8ddf3; | |
} | |
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { | |
background: #f375c5; | |
color: #fff; | |
outline: 0; | |
} | |
.sf-menu a.sf-with-ul { | |
padding-right: 2.25em; | |
min-width: 1px; | |
} | |
.sf-sub-indicator { | |
position: absolute; | |
display: block; | |
right: .75em; | |
top: 1.05em; | |
width: 10px; | |
height: 10px; | |
text-indent: -999em; | |
overflow: hidden; | |
background: url('/images/arrows-ffffff.png') no-repeat -10px -100px; | |
} | |
a>.sf-sub-indicator { | |
top: .8em; | |
background-position: 0 -100px; | |
} | |
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator { | |
background-position: -10px -100px; | |
} | |
.sf-menu ul .sf-sub-indicator { | |
background-position: -10px 0; | |
} | |
.sf-menu ul a>.sf-sub-indicator { | |
background-position: 0 0; | |
} | |
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator { | |
background-position: -10px 0; | |
} | |
.sf-shadow ul { | |
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25); | |
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25); | |
box-shadow: 2px 2px 5px rgba(0,0,0,0.25); | |
} | |
.sf-shadow ul.sf-shadow-off { | |
background: transparent; | |
} | |
.subforum_unread { | |
font-weight: bold; | |
} | |
.floatleft { | |
float: left; | |
clear: both; | |
} | |
.floatright { | |
float: right; | |
padding-top: 6px; | |
padding-right: 8px; | |
} | |
.textbutton { | |
font-weight: bolder; | |
font-size: 125%; | |
display: inline-block; | |
margin: 3px; | |
} | |
.tablebg th { | |
} | |
td.profile { | |
padding: 4px; | |
} | |
.profile { | |
background-color: #f6f2ff; | |
} | |
.post { | |
background-color: #fff; | |
} | |
.catdiv { | |
width: 100%; | |
color: #fff; | |
height: 28px; | |
background-color: #5a5399; | |
background-image: url('/images/tableheader.png'); | |
} | |
.rtl .catdiv { | |
color: #fff; | |
background-color: #5a5399; | |
background-image: url('/images/tableheader.png'); | |
} | |
.catdiv a { | |
color: #fff; | |
} | |
.bar { | |
color: #fff; | |
background-color: #5a5399; | |
} | |
.bar a { | |
color: #fff; | |
} | |
.bar .textbutton a { | |
color: #fd9cf5; | |
} | |
span.bar { | |
display: block; | |
width: 100%; | |
} | |
.lightbar { | |
background-color: #e3e1fa; | |
padding: 4px; | |
} | |
span.lightbar { | |
display: block; | |
width: 100%; | |
} | |
.cat { | |
color: #000; | |
padding-top: 10px; | |
background-position: 0 10px; | |
height: 28px; | |
text-indent: 10px; | |
background-repeat: no-repeat; | |
} | |
.cat table { | |
margin: 0; | |
} | |
.cat td { | |
padding: 4px; | |
} | |
.cat .textbutton a { | |
color: #fd9cf5; | |
} | |
.cat h4>a { | |
color: #fff; | |
} | |
.cat h4 { | |
color: #fff; | |
font-size: 150%; | |
margin: 0; | |
line-height: 35px; | |
font-weight: normal; | |
border-radius: 5px; | |
background: rgb(91,83,153); | |
background-image: linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -o-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -moz-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -webkit-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -ms-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -webkit-gradient( | |
linear, | |
left bottom, | |
left top, | |
color-stop(0, rgb(91,83,153)), | |
color-stop(1, rgb(123,114,207)) | |
); | |
} | |
.row1 { | |
background-color: #edebfa; | |
padding: 4px; | |
} | |
.postauthor { | |
font-size: 150%; | |
} | |
.postauthor>* { | |
color: #000; | |
} | |
.postLeft { | |
text-align: center; | |
width: 150px; | |
background-color: #f3f0fb; | |
vertical-align: top; | |
} | |
.postLeft>div { | |
padding: 3px; | |
} | |
.postRight { | |
position: relative; | |
min-height: 282px; | |
} | |
.postbody { | |
padding: 8px 8px 8px 8px; | |
background: #edebfa; | |
min-height: 148px; | |
margin: 0 auto auto 0; | |
} | |
.postRight:hover .postButtons { | |
display: block; | |
} | |
.postTime { | |
height: 17px; | |
padding: 1px 4px 0 8px; | |
background: #edebfa; | |
text-align: right; | |
} | |
.postTime>* { | |
vertical-align: middle; | |
color: #5a5a5a; | |
} | |
.postButtons { | |
position: absolute; | |
display: none; | |
padding: 2px; | |
bottom: 0; | |
right: 0; | |
background: #e3e1fa; | |
-webkit-border-top-left-radius: 6px; | |
-moz-border-radius-topleft: 6px; | |
border-top-left-radius: 6px; | |
} | |
.postButtons>* { | |
vertical-align: middle; | |
} | |
.postBottom { | |
min-height: 30px; | |
border-top: dashed 1px #bcb8e1; | |
} | |
.postsignature { | |
max-height: 150px; | |
padding: 4px 4px 4px 4px; | |
margin-bottom: 10px; | |
overflow: hidden; | |
display: block; | |
} | |
.postKudosu { | |
background: #f0ecfc; | |
border: solid 1px #e3e1fa; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
width: 80%; | |
margin: auto; | |
margin: 4px auto 4px auto; | |
} | |
.modPost { | |
border-left: solid 3px #b1e607; | |
} | |
.shitPost { | |
border-left: solid 3px red; | |
} | |
.tablebgside { | |
background: #e6e4f7; | |
border-top: solid 1px #c5d4ff; | |
} | |
.tablebgsideNoSig { | |
background: #edebfa; | |
border-top: solid 1px #c5d4ff; | |
} | |
.tablebg .row1:hover { | |
background-color: #efedfa; | |
} | |
.row2 { | |
background-color: #e3e1fa; | |
padding: 4px; | |
} | |
.forum_table .row2, .forum_table .row1 { | |
border-radius: 5px; | |
} | |
.tablebg .row2:hover { | |
background-color: #e5e4f9; | |
} | |
.rowold { | |
color: #5d5d5d; | |
padding: 4px; | |
} | |
.rowold a { | |
color: #5d5d5d; | |
} | |
.row3 { | |
padding: 4px 4px 2px 4px; | |
color: #5d5d5d; | |
} | |
.rowgood { | |
background-color: #f8fce4; | |
padding: 4px; | |
} | |
.rowneutral { | |
background-color: #f3f5ed; | |
padding: 4px; | |
} | |
.rowbad { | |
background-color: #fbe0db; | |
padding: 4px; | |
} | |
.spacer { | |
background: #77829a; | |
height: 1px; | |
width: 100%; | |
} | |
hr { | |
height: 1px; | |
border-width: 0; | |
color: #5a5399; | |
} | |
.legend { | |
text-align: center; | |
margin: 0 auto; | |
} | |
.breadcrumbs { | |
font-size: 110%; | |
margin: 0 8px 0 8px; | |
} | |
h2.inline { | |
display: inline; | |
} | |
.username-coloured { | |
font-weight: bold; | |
} | |
.username-self { | |
font-weight: bold; | |
color: #310e7a; | |
} | |
.quotetitle { | |
font-weight: bold; | |
} | |
.quotecontent { | |
margin: 1px 0 0 0; | |
background: #fbfbfb; | |
padding: 3px 5px; | |
border-style: solid; | |
border-color: #ececec; | |
border-width: 1px 5px; | |
} | |
.quotecontent img { | |
max-width: 200px !important; | |
max-height: 200px !important; | |
} | |
.gensmall { | |
font-size: 100%; | |
} | |
.helpbox { | |
color: #999999; | |
} | |
.btnmain { | |
font-weight: bold; | |
} | |
.codecontent { | |
direction: ltr; | |
margin: 5px; | |
padding: 3px; | |
border-color: #000; | |
border-width: 1px; | |
border-style: solid; | |
font-weight: normal; | |
color: #000; | |
font-size: 1em; | |
font-family: Monaco,'Courier New',monospace; | |
background-color: #f2f2f2; | |
overflow: scroll; | |
max-width: 660px; | |
} | |
.eventlist>.event { | |
width: 100%; | |
border-bottom: solid 1px #d0d0d0; | |
margin: 5px; | |
} | |
.star { | |
padding-left: 0px; | |
width: 16px; | |
height: 16px; | |
overflow: hide; | |
vertical-align: middle; | |
padding-right: 2px; | |
margin-top: -2px; | |
border-bottom: solid 1px #dfdcfd; | |
display: inline-block; | |
} | |
.star.multiple { | |
margin-right: -15px; | |
} | |
.star>a { | |
display: none; | |
} | |
.star:hover>a { | |
margin-left: 18px; | |
margin-top: 2px; | |
background: #fff; | |
border-radius: 4px; | |
display:inline-block; | |
position: absolute; | |
font-size: 100%; | |
} | |
.user,.kudos { | |
background: url('/images/star-user.png'); | |
background-repeat: no-repeat; | |
} | |
.bat { | |
background: url('/images/star-bat.png'); | |
background-repeat: no-repeat; | |
} | |
.mat,.supporter { | |
background: url('/images/star-kudos.png'); | |
background-repeat: no-repeat; | |
} | |
.star-icon { | |
background: url('/images/star-pack.png'); | |
text-align: left; | |
font-weight: bold; | |
vertical-align: top; | |
width: 21px; | |
height: 14px; | |
padding-top: 2px; | |
padding-left: 5px; | |
display: inline-block; | |
} | |
.modmessage { | |
color: #868686; | |
} | |
.pagination-fixed { | |
display: inline-block; | |
min-width: 150px; | |
} | |
#jquery-overlay { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 90; | |
width: 100%; | |
height: 500px; | |
} | |
#jquery-lightbox { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
z-index: 100; | |
text-align: center; | |
line-height: 0; | |
} | |
#jquery-lightbox a img { | |
border: 0; | |
} | |
#lightbox-container-image-box { | |
position: relative; | |
background-color: #fff; | |
width: 250px; | |
height: 250px; | |
margin: 0 auto; | |
} | |
#lightbox-container-image { | |
padding: 10px; | |
} | |
#lightbox-loading { | |
position: absolute; | |
top: 40%; | |
left: 0; | |
height: 25%; | |
width: 100%; | |
text-align: center; | |
line-height: 0; | |
} | |
#lightbox-nav { | |
position: absolute; | |
top: 0; | |
left: 0; | |
height: 100%; | |
width: 100%; | |
z-index: 10; | |
} | |
#lightbox-container-image-box>#lightbox-nav { | |
left: 0; | |
} | |
#lightbox-nav a { | |
outline: 0; | |
} | |
#lightbox-nav-btnPrev,#lightbox-nav-btnNext { | |
width: 49%; | |
height: 100%; | |
zoom: 1; | |
display: block; | |
} | |
#lightbox-nav-btnPrev { | |
left: 0; | |
float: left; | |
} | |
#lightbox-nav-btnNext { | |
right: 0; | |
float: right; | |
} | |
#lightbox-container-image-data-box { | |
font: 10px Verdana,Helvetica,sans-serif; | |
background-color: #fff; | |
margin: 0 auto; | |
line-height: 1.4em; | |
overflow: auto; | |
width: 100%; | |
padding: 0 10px 0; | |
} | |
#lightbox-container-image-data { | |
padding: 0 10px; | |
color: #666; | |
} | |
#lightbox-container-image-data #lightbox-image-details { | |
width: 70%; | |
float: left; | |
text-align: left; | |
} | |
#lightbox-image-details-caption { | |
font-weight: bold; | |
} | |
#lightbox-image-details-currentNumber { | |
display: block; | |
clear: left; | |
padding-bottom: 1.0em; | |
} | |
#lightbox-secNav-btnClose { | |
width: 66px; | |
float: right; | |
padding-bottom: .7em; | |
} | |
.large, .threadcount { | |
font-size: 150%; | |
} | |
.postcount { | |
color: #4f5355; | |
} | |
.threadcount-compact { | |
font-size: 140%; | |
margin: -5px 0 -3px 0; | |
} | |
.postcount-compact { | |
color: #a6a2bb; | |
margin-bottom: -2px; | |
} | |
.forumlink { | |
font-size: 130%; | |
} | |
.inline-form { | |
margin-right: 1ex; | |
float: left; | |
display: inline-block; | |
} | |
#user-search.default { | |
color: black; | |
} | |
#user-search.blur { | |
color: gray; | |
} | |
#beatmap-search.default { | |
color: black; | |
} | |
#beatmap-search.blur { | |
color: gray; | |
} | |
.fontsize50 { | |
font-size: 80%; | |
line-height: normal; | |
} | |
.fontsize85 { | |
font-size: 90%; | |
line-height: normal; | |
} | |
.fontsize100 { | |
font-size: 100%; | |
line-height: normal; | |
} | |
.fontsize150 { | |
font-size: 130%; | |
line-height: normal; | |
} | |
.fontsize250 { | |
font-size: 160%; | |
line-height: normal; | |
} | |
.chattime { | |
color: #585479; | |
width: 10%; | |
} | |
.issue { | |
display: inline-block; | |
color: white; | |
float: right; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
padding: 1px 4px 1px 4px; | |
margin: 1px 2px 1px 2px; | |
text-shadow: 1px 1px 0 #161618; | |
} | |
.issue:hover { | |
text-decoration: none; | |
} | |
.forum_posts_table tr:hover .issue-assigner { | |
display: inline-block !important; | |
} | |
.forum_posts_table .issue-assigner { | |
position: absolute; | |
display: none; | |
} | |
.issue-assigner { | |
padding: 2px; | |
margin: 2px; | |
color: #c0c0d3; | |
} | |
.issue-assigner:hover { | |
background: #e1dff4; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.issue-assigner a { | |
color: #c0c0d3; | |
} | |
.issue-assigner:hover a { | |
color: #1b1b1d; | |
} | |
.issue.web { | |
background: #b65fc4; | |
float: left !important; | |
} | |
.issue.resolved,.issue.added { | |
background: #68a10c; | |
} | |
.issue.invalid,.issue.duplicate { | |
background: #bc1a1c; | |
} | |
.issue.confirmed { | |
background: #3654bc; | |
} | |
.issue.assigned { | |
background: #c58200; | |
} | |
.clickable-cell { | |
cursor: pointer; | |
} | |
.frozen-header.minimal { | |
border-bottom: none !important; | |
-webkit-box-shadow: none !important; | |
-moz-box-shadow: none !important; | |
box-shadow: none !important; | |
} | |
.frozen-header { | |
position: fixed; | |
top: 0; | |
background: #f0ecfa; | |
border-bottom: solid 1px #7973b1; | |
-webkit-box-shadow: 0 3px 4px 0 rgba(50,50,70,.2); | |
-moz-box-shadow: 0 3px 4px 0 rgba(50,50,70,.2); | |
box-shadow: 0 3px 4px 0 rgba(50,50,70,.2); | |
} | |
.frozen-header:hover .hidable { | |
display: inline-block; | |
} | |
.frozen-header .hidable { | |
display: none; | |
} | |
.forum_posts_table .headers:hover, .forum_posts_table .row3:hover { | |
-webkit-box-shadow: none !important; | |
-moz-box-shadow: none !important; | |
box-shadow: none !important; | |
text-shadow: none !important; | |
} | |
.forum_posts_table tr:hover, .forum_table tr:hover { | |
color: #000; | |
text-shadow: 1px 1px 8px #afb7ff; | |
} | |
.forum_posts_table tr:hover { | |
-webkit-box-shadow: inset 0 0 3px rgba(82,168,236,.5); | |
-moz-box-shadow: inset 0 0 3px rgba(82,168,236,.5); | |
box-shadow: inset 0 0 3px rgba(82,168,236,.5); | |
} | |
.topictitle:hover { | |
text-decoration: none; | |
} | |
.osu-timecode { | |
color: #000; | |
display: inline-block; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
padding: 1px 2px; | |
margin: 1px 3px; | |
background: #ddecff; | |
border: solid 1px #91c2ff; | |
font-size: 90%; | |
font-weight: bold; | |
} | |
.osu-timecode:hover { | |
background: #fff; | |
text-decoration: none; | |
} | |
.osu-modheader { | |
color: #433f75; | |
display: inline-block; | |
width: 100%; | |
margin: 1px 3px 5px -8px; | |
padding-left: 8px; | |
border-bottom: solid 1px #bebbcd; | |
-webkit-box-shadow: 0 3px 2px -3px #bebbcd; | |
-moz-box-shadow: 0 3px 2px -3px #bebbcd; | |
box-shadow: 0 3px 2px -3px #bebbcd; | |
font-size: 140%; | |
font-weight: bold; | |
} | |
.main-osu-logo { | |
width: 175px; | |
height: 175px; | |
position: absolute; | |
pointer-events:none; | |
left: -112px; | |
z-index: 50; | |
} | |
.main-osu-logo-clickable { | |
position: absolute; | |
display: block; | |
width: 150px; | |
height: 150px; | |
left: -112px; | |
} | |
@media screen and (max-width: 1100px) | |
{ | |
.main-osu-logo { | |
left: 160px; | |
top: 10px; | |
} | |
.main-osu-logo img { | |
width: 80px; | |
} | |
.footer_column { | |
padding-left: 120px; | |
padding-right: 40px; | |
} | |
} | |
.btn:hover { | |
text-decoration: none; | |
text-shadow: 0px 0px 5px #ffffff; | |
color: #ffffff; | |
} | |
.btn.half { | |
padding: 1px 5px 1px 5px !important; | |
margin: 2px; | |
min-width: 60px; | |
} | |
.btn.disabled { | |
color: #888888; | |
} | |
.btn.grey, .btn.disabled { | |
background-color: rgb(138,138,138); | |
background-image: linear-gradient(bottom, rgb(138,138,138) 0%, rgb(122,122,122) 100%); | |
background-image: -o-linear-gradient(bottom, rgb(138,138,138) 0%, rgb(122,122,122) 100%); | |
background-image: -moz-linear-gradient(bottom, rgb(138,138,138) 0%, rgb(122,122,122) 100%); | |
background-image: -webkit-linear-gradient(bottom, rgb(138,138,138) 0%, rgb(122,122,122) 100%); | |
background-image: -ms-linear-gradient(bottom, rgb(138,138,138) 0%, rgb(122,122,122) 100%); | |
background-image: -webkit-gradient( | |
linear, | |
left bottom, | |
left top, | |
color-stop(0, rgb(138,138,138)), | |
color-stop(1, rgb(122,122,122)) | |
); | |
} | |
.btn.red, .error { | |
background-color: rgb(176, 0, 15); | |
background-image: linear-gradient(bottom, rgb(176, 0, 15) 0%, rgb(255,3,41) 100%); | |
background-image: -o-linear-gradient(bottom, rgb(176, 0, 15) 0%, rgb(255,3,41) 100%); | |
background-image: -moz-linear-gradient(bottom, rgb(176, 0, 15) 0%, rgb(255,3,41) 100%); | |
background-image: -webkit-linear-gradient(bottom, rgb(176, 0, 15) 0%, rgb(255,3,41) 100%); | |
background-image: -ms-linear-gradient(bottom, rgb(176, 0, 15) 0%, rgb(255,3,41) 100%); | |
background-image: -webkit-gradient( | |
linear, | |
left bottom, | |
left top, | |
color-stop(0, rgb(176, 0, 15)), | |
color-stop(1, rgb(255,3,41)) | |
); | |
} | |
.btn.green { | |
background-color: rgb(87, 161, 0); | |
background-image: linear-gradient(bottom, rgb(87, 161, 0) 0%, rgb(120, 222, 0) 100%); | |
background-image: -o-linear-gradient(bottom, rgb(87, 161, 0) 0%, rgb(120, 222, 0) 100%); | |
background-image: -moz-linear-gradient(bottom, rgb(87, 161, 0) 0%, rgb(120, 222, 0) 100%); | |
background-image: -webkit-linear-gradient(bottom, rgb(87, 161, 0) 0%, rgb(120, 222, 0) 100%); | |
background-image: -ms-linear-gradient(bottom, rgb(87, 161, 0) 0%, rgb(120, 222, 0) 100%); | |
background-image: -webkit-gradient( | |
linear, | |
left bottom, | |
left top, | |
color-stop(0, rgb(87, 161, 0)), | |
color-stop(1, rgb(120, 222, 0)) | |
); | |
} | |
input[type="submit"].btn { | |
background-color: #5B5399; | |
} | |
.btn { | |
display: inline-block; | |
padding: 5px 10px 5px 10px; | |
text-align: center; | |
border: none; | |
min-width: 100px; | |
margin: 5px; | |
color: #ffffff; | |
border-radius: 6px; | |
font-size: 15px; | |
background-color: rgb(91,83,153); | |
background-image: linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -o-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -moz-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -webkit-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -ms-linear-gradient(bottom, rgb(91,83,153) 0%, rgb(123,114,207) 100%); | |
background-image: -webkit-gradient( | |
linear, | |
left bottom, | |
left top, | |
color-stop(0, rgb(91,83,153)), | |
color-stop(1, rgb(123,114,207)) | |
); | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.error { | |
margin: 5px auto; | |
min-width: 100px; | |
max-width: 600px; | |
padding: 5px; | |
border-radius: 5px; | |
color: #ffffff; | |
text-align: center; | |
display: block; | |
font-weight: bold; | |
} | |
.postpreview { | |
border: solid 2px #bc97ff; | |
padding: 5px; | |
border-radius: 3px; | |
} | |
.abitlarger { | |
font-size: 140%; | |
} | |
.quickreply { | |
display: inline-block; | |
resize: none; | |
width: 100%; | |
height: 30px; | |
border: none; | |
background: #edebf9; | |
padding: 0px; | |
} | |
.quickreply:focus { | |
background: #ffffff; | |
resize: vertical; | |
min-height: 50px; | |
} | |
.quickreply-submit { | |
display: none; | |
} | |
@media handheld, screen and (max-device-width: 480px) | |
{ | |
.postButtons { | |
display: block; | |
} | |
.quickreply-submit { | |
display: block; | |
} | |
} | |
.playstyle-container { | |
margin: 5px auto; | |
text-align: center; | |
background: #e1ddfc; | |
border-radius: 5px; | |
} | |
.playstyle { | |
display: none; | |
width: 32px; | |
height: 32px; | |
opacity: 0.2; | |
background-image: url("/images/playstyles.png"); | |
} | |
.playstyle.mouse | |
{ | |
background-position: 0px 0px; | |
} | |
.playstyle.keyboard | |
{ | |
background-position: -64px 0px; | |
} | |
.playstyle.touch | |
{ | |
background-position: -96px 0px; | |
} | |
.playstyle.tablet | |
{ | |
background-position: -32px 0px; | |
} | |
.playstyle.using { | |
display: inline-block; | |
opacity: 1; | |
} | |
.playstyle.toggleable { | |
display: inline-block; | |
} | |
.playstyle.toggleable:hover { | |
opacity: 0.5; | |
cursor: pointer; | |
} | |
.playstyle.toggleable.using:hover { | |
opacity: 0.9; | |
} | |
.newHeader { | |
font-size: 160%; | |
padding-left: 20px; | |
float: left; | |
} | |
.beatmapListing { | |
margin: auto; | |
} | |
.beatmap { | |
display: inline-block; | |
height: 60px; | |
margin: 2px; | |
border-radius: 5px; | |
background: #e7e4fc; | |
cursor: pointer; | |
position: relative; | |
border: solid 1px #dad7fb; | |
} | |
.beatmap:hover { | |
background: #eae7ff; | |
} | |
.beatmap .right-aligned { | |
float: right; | |
text-align: right; | |
padding: 5px; | |
} | |
.beatmap .small-details { | |
font-size: 90%; | |
} | |
.beatmap .left-aligned { | |
font-size: 90%; | |
float: left; | |
white-space: nowrap; | |
max-width: 10px; | |
} | |
.beatmap .maintext | |
{ | |
font-size: 120%; | |
white-space: nowrap; | |
overflow: hidden; | |
} | |
.beatmap .pack | |
{ | |
float: right; | |
background: #dad7fb; | |
border-bottom-left-radius: 5px; | |
padding: 2px; | |
} | |
.beatmap .initiallyHidden | |
{ | |
display: none; | |
} | |
.beatmap .title | |
{ | |
color: #000; | |
} | |
.beatmap .title:hover { | |
text-decoration: none; | |
color: #264A7F; | |
} | |
.beatmap .artist | |
{ | |
color: #555555; | |
display: inline-block; | |
} | |
.beatmap .difficulties { | |
margin: 1px; | |
position: absolute; | |
vertical-align: bottom; | |
bottom: 0px; | |
} | |
.bmlist-options { | |
display: none; | |
padding-top: 2px; | |
background: #dad7fb; | |
height: 100%; | |
width: 24px; | |
text-align: center; | |
margin: auto; | |
float: right; | |
z-index: 10; | |
} | |
.bmlist-options a { | |
display: block; | |
height: 20px; | |
line-height: 20px; | |
font-size: 160%; | |
color: #aaa7cb; | |
margin: 0; | |
} | |
.bmlist-options a.novid { | |
font-size: 80%; | |
padding: 0px; | |
position: relative; | |
top: -12px; | |
} | |
.bmlist-options a.novid:hover { | |
color: red; | |
} | |
.bmlist-options>a:hover { | |
text-decoration: none; | |
color: #6a678b; | |
} | |
.beatmap .light { | |
color: #75787a; | |
} | |
.beatmap .tags a { | |
font-size: 90%; | |
display: inline-block; | |
background: #dad7fb; | |
border: solid 1px #cac7eb; | |
border-radius: 2px; | |
padding: 1px; | |
} | |
.beatmap .tags a:hover { | |
text-decoration: none; | |
background: #eae7fb; | |
} | |
.bmlistt i { | |
display: none; | |
} | |
.bmlistt { | |
text-align: center; | |
} | |
.bmlistt:hover i { | |
display: inline-block; | |
height: 60px; | |
line-height: 60px; | |
text-decoration: none; | |
font-size: 400%; | |
color: rgba(255,255,255,0.9); | |
text-shadow: 0px 0px 5px #000000; | |
} | |
.beatmap .rating { | |
display: inline-block; | |
width: 100px; | |
height: 5px; | |
margin: 2px 0 2px 0; | |
background: rgb(158,203,22); | |
border: solid 1px #dad7fb; | |
border-radius: 4px; | |
} | |
.beatmap .rating .negative { | |
height: 100%; | |
border-radius: 4px; | |
background: rgb(237,28,36); | |
} | |
.autocomplete { | |
background: #ffffff; | |
border: solid 1px #e0dff6; | |
min-width: 100px; | |
} | |
.autocomplete>div { | |
border-bottom: solid 1px #edebf9; | |
padding: 2px; | |
} | |
.autocomplete .selected { | |
background: #91d5f9; | |
} | |
.screenshot { | |
max-width: 380px; | |
vertical-align: middle; | |
margin: 10px; | |
box-shadow: 0px 0px 5px rgba(0,0,0,0.5); | |
} | |
.mphistory .event { | |
color: #555555; | |
width: 30%; | |
margin: auto; | |
text-align: left; | |
} | |
.mphistory { | |
width: 100%; | |
} | |
.mphistory .game { | |
margin: 25px auto 25px auto; | |
border-radius: 5px; | |
border: solid 1px #c9c1e5; | |
box-shadow: #c9c1e5 0px 0px 10px; | |
padding: 3px; | |
width: 70%; | |
} | |
.mphistory .game .team_scores { | |
text-align: center; | |
margin: 10px; | |
font-size: 160%; | |
width: 100%; | |
} | |
.mphistory .fail, .mphistory .fail a { | |
color: #888888; | |
} | |
#google_translate_element { | |
position: absolute; | |
bottom: 0px; | |
width: 150px; | |
right: 5px; | |
overflow: hidden; | |
} | |
#google_translate_element select | |
{ | |
width: 150px; | |
} | |
.reg-form>div { | |
line-height: 50px; | |
margin: 20px; | |
padding: 10px; | |
border-radius: 5px; | |
background: #efeafc; | |
box-shadow: 0px 0px 50px #ffffff; | |
} | |
.reg-form input[type="submit"], .reg-form input[type="text"], .reg-form input[type="password"], .reg-form input[type="email"] { | |
width: 300px; | |
height: 30px; | |
font-size: 150%; | |
vertical-align: middle; | |
} | |
.reg-form .feedback { | |
display: inline-block; | |
line-height: 18px; | |
font-size: 130%; | |
margin-left: 30px; | |
width: 440px; | |
vertical-align: middle; | |
} | |
.success { | |
color: #77ba00; | |
} | |
.failure { | |
color: red; | |
font-weight: bold; | |
} | |
.register-button { | |
width: 50%; | |
height: 40px; | |
line-height: 40px; | |
} | |
.avatar-casing { | |
width: 128px; | |
height: 128px; | |
display: block; | |
border: solid 1px #dfdaeb; | |
vertical-align: middle; | |
text-align: center; | |
} | |
.verticalcentre { | |
margin: 30px; | |
} | |
.verticalcentre * { | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.verticalcentre img { | |
border-radius: 10px; | |
box-shadow: 0px 0px 10px #cdefff; | |
} | |
.verticalcentre i { | |
font-size: 400%; | |
} | |
.loadingbox { | |
width: 300px; | |
padding: 10px; | |
margin: 20px auto 20px auto; | |
background: #ffffff; | |
border-radius: 10px; | |
border: solid 2px #b9aed5; | |
} | |
.large { | |
padding-bottom: 10px; | |
} | |
/* login slidedown form */ | |
.login-open-button, .login-open-button:hover { | |
font-weight: bold; | |
color:#0f72ff; | |
text-shadow: 0px 0px 10px #b7e6ff; | |
} | |
.new-user-button { | |
color: #ff5bac; | |
font-weight: bold; | |
} | |
.new-user-button:hover { | |
color: #ff5bac; | |
text-shadow: 0px 0px 10px #f7cfff; | |
} | |
.login-dropdown { | |
display: none; | |
position: absolute; | |
right: 2px; | |
top: 145px; | |
background: #ffffff; | |
z-index: 49; | |
border-bottom-left-radius: 5px; | |
padding: 10px; | |
font-size: 150%; | |
border-left: solid 2px #d7d4df; | |
border-bottom: solid 2px #d7d4df; | |
} | |
.login-dropdown input[type=text], .login-dropdown input[type=password] { | |
width: 240px; | |
margin: 5px; | |
} | |
.smaller { | |
font-size: 80%; | |
line-height: 150%; | |
} | |
.profile_friend { | |
display: inline-block; | |
border-radius: 3px; | |
padding: 3px; | |
margin: 1px; | |
} | |
.profile_friend.mutual { | |
background: #ffe2fa; | |
border: solid 1px #ffbff1; | |
} | |
.avatar-holder { | |
padding: 5px; | |
background: #fff; | |
box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |
width: 128px; | |
border: 1px solid #ddd; | |
padding: 3px; | |
text-align: center; | |
display: inline-block; | |
vertical-align: middle; | |
margin: auto; | |
} | |
.profile-details { | |
font-size: 120%; | |
position: relative; | |
} | |
.profile-details>div { | |
position: relative; | |
padding-bottom: 5px; | |
} | |
.profile-details>div>div { | |
margin-left: 23px; | |
} | |
.profile-details i { | |
position: absolute; | |
width: 23px; | |
text-align: center; | |
color: #76777b; | |
font-size: 130%; | |
} | |
.avatar-holder img { | |
padding: 0; | |
display: inline-block; | |
} | |
.displayonhover { display: none; z-index: 50; } | |
div:hover>.displayonhover { | |
display: inline-block; | |
} | |
/*! | |
* Font Awesome 3.2.0 | |
* the iconic font designed for Bootstrap | |
* ------------------------------------------------------------------------------ | |
* The full suite of pictographic icons, examples, and documentation can be | |
* found at http://fontawesome.io. Stay up to date on Twitter at | |
* http://twitter.com/fontawesome. | |
* | |
* License | |
* ------------------------------------------------------------------------------ | |
* - The Font Awesome font is licensed under SIL OFL 1.1 - | |
* http://scripts.sil.org/OFL | |
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - | |
* http://opensource.org/licenses/mit-license.html | |
* - Font Awesome documentation licensed under CC BY 3.0 - | |
* http://creativecommons.org/licenses/by/3.0/ | |
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated: | |
* "Font Awesome by Dave Gandy - http://fontawesome.io" | |
* | |
* Author - Dave Gandy | |
* ------------------------------------------------------------------------------ | |
* Email: dave@fontawesome.io | |
* Twitter: http://twitter.com/byscuits | |
* Work: Lead Product Designer @ Kyruus - http://kyruus.com | |
*/ | |
/* FONT PATH | |
* -------------------------- */ | |
@font-face { | |
font-family: 'FontAwesome'; | |
src: url('fontawesome-webfont.eot?v=3.2.0'); | |
src: url('fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=3.2.0') format('woff'), url('fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* FONT AWESOME CORE | |
* -------------------------- */ | |
[class^="icon-"], | |
[class*=" icon-"] { | |
font-family: FontAwesome; | |
font-weight: normal; | |
font-style: normal; | |
text-decoration: inherit; | |
-webkit-font-smoothing: antialiased; | |
*margin-right: .3em; | |
} | |
[class^="icon-"]:before, | |
[class*=" icon-"]:before { | |
text-decoration: inherit; | |
display: inline-block; | |
cursor: default; | |
speak: none; | |
} | |
/* makes the font 33% larger relative to the icon container */ | |
.icon-large:before { | |
vertical-align: -10%; | |
font-size: 1.3333333333333333em; | |
} | |
/* makes sure icons active on rollover in links */ | |
a [class^="icon-"], | |
a [class*=" icon-"] { | |
display: inline; | |
} | |
/* increased font size for icon-large */ | |
[class^="icon-"].icon-fixed-width, | |
[class*=" icon-"].icon-fixed-width { | |
display: inline-block; | |
width: 1.1428571428571428em; | |
text-align: right; | |
padding-right: 0.2857142857142857em; | |
} | |
[class^="icon-"].icon-fixed-width.icon-large, | |
[class*=" icon-"].icon-fixed-width.icon-large { | |
width: 1.4285714285714286em; | |
} | |
.icons-ul { | |
margin-left: 2.142857142857143em; | |
list-style-type: none; | |
} | |
.icons-ul > li { | |
position: relative; | |
} | |
.icons-ul .icon-li { | |
position: absolute; | |
left: -2.142857142857143em; | |
width: 2.142857142857143em; | |
text-align: center; | |
line-height: inherit; | |
} | |
[class^="icon-"].hide, | |
[class*=" icon-"].hide { | |
display: none; | |
} | |
.icon-muted { | |
color: #eeeeee; | |
} | |
.icon-light { | |
color: #ffffff; | |
} | |
.icon-dark { | |
color: #333333; | |
} | |
.icon-border { | |
border: solid 1px #eeeeee; | |
padding: .2em .25em .15em; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.icon-2x { | |
font-size: 2em; | |
} | |
.icon-2x.icon-border { | |
border-width: 2px; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.icon-3x { | |
font-size: 3em; | |
} | |
.icon-3x.icon-border { | |
border-width: 3px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.icon-4x { | |
font-size: 4em; | |
} | |
.icon-4x.icon-border { | |
border-width: 4px; | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
} | |
.icon-5x { | |
font-size: 5em; | |
} | |
.icon-5x.icon-border { | |
border-width: 5px; | |
-webkit-border-radius: 7px; | |
-moz-border-radius: 7px; | |
border-radius: 7px; | |
} | |
.pull-right { | |
float: right; | |
} | |
.pull-left { | |
float: left; | |
} | |
[class^="icon-"].pull-left, | |
[class*=" icon-"].pull-left { | |
margin-right: .3em; | |
} | |
[class^="icon-"].pull-right, | |
[class*=" icon-"].pull-right { | |
margin-left: .3em; | |
} | |
/* BOOTSTRAP SPECIFIC CLASSES | |
* -------------------------- */ | |
/* Bootstrap 2.0 sprites.less reset */ | |
[class^="icon-"], | |
[class*=" icon-"] { | |
display: inline; | |
width: auto; | |
height: auto; | |
line-height: normal; | |
vertical-align: baseline; | |
background-image: none; | |
background-position: 0% 0%; | |
background-repeat: repeat; | |
margin-top: 0; | |
} | |
/* more sprites.less reset */ | |
.icon-white, | |
.nav-pills > .active > a > [class^="icon-"], | |
.nav-pills > .active > a > [class*=" icon-"], | |
.nav-list > .active > a > [class^="icon-"], | |
.nav-list > .active > a > [class*=" icon-"], | |
.navbar-inverse .nav > .active > a > [class^="icon-"], | |
.navbar-inverse .nav > .active > a > [class*=" icon-"], | |
.dropdown-menu > li > a:hover > [class^="icon-"], | |
.dropdown-menu > li > a:hover > [class*=" icon-"], | |
.dropdown-menu > .active > a > [class^="icon-"], | |
.dropdown-menu > .active > a > [class*=" icon-"], | |
.dropdown-submenu:hover > a > [class^="icon-"], | |
.dropdown-submenu:hover > a > [class*=" icon-"] { | |
background-image: none; | |
} | |
/* keeps Bootstrap styles with and without icons the same */ | |
.btn [class^="icon-"].icon-large, | |
.nav [class^="icon-"].icon-large, | |
.btn [class*=" icon-"].icon-large, | |
.nav [class*=" icon-"].icon-large { | |
line-height: .9em; | |
} | |
.btn [class^="icon-"].icon-spin, | |
.nav [class^="icon-"].icon-spin, | |
.btn [class*=" icon-"].icon-spin, | |
.nav [class*=" icon-"].icon-spin { | |
display: inline-block; | |
} | |
.nav-tabs [class^="icon-"], | |
.nav-pills [class^="icon-"], | |
.nav-tabs [class*=" icon-"], | |
.nav-pills [class*=" icon-"], | |
.nav-tabs [class^="icon-"].icon-large, | |
.nav-pills [class^="icon-"].icon-large, | |
.nav-tabs [class*=" icon-"].icon-large, | |
.nav-pills [class*=" icon-"].icon-large { | |
line-height: .9em; | |
} | |
.btn [class^="icon-"].pull-left.icon-2x, | |
.btn [class*=" icon-"].pull-left.icon-2x, | |
.btn [class^="icon-"].pull-right.icon-2x, | |
.btn [class*=" icon-"].pull-right.icon-2x { | |
margin-top: .18em; | |
} | |
.btn [class^="icon-"].icon-spin.icon-large, | |
.btn [class*=" icon-"].icon-spin.icon-large { | |
line-height: .8em; | |
} | |
.btn.btn-small [class^="icon-"].pull-left.icon-2x, | |
.btn.btn-small [class*=" icon-"].pull-left.icon-2x, | |
.btn.btn-small [class^="icon-"].pull-right.icon-2x, | |
.btn.btn-small [class*=" icon-"].pull-right.icon-2x { | |
margin-top: .25em; | |
} | |
.btn.btn-large [class^="icon-"], | |
.btn.btn-large [class*=" icon-"] { | |
margin-top: 0; | |
} | |
.btn.btn-large [class^="icon-"].pull-left.icon-2x, | |
.btn.btn-large [class*=" icon-"].pull-left.icon-2x, | |
.btn.btn-large [class^="icon-"].pull-right.icon-2x, | |
.btn.btn-large [class*=" icon-"].pull-right.icon-2x { | |
margin-top: .05em; | |
} | |
.btn.btn-large [class^="icon-"].pull-left.icon-2x, | |
.btn.btn-large [class*=" icon-"].pull-left.icon-2x { | |
margin-right: .2em; | |
} | |
.btn.btn-large [class^="icon-"].pull-right.icon-2x, | |
.btn.btn-large [class*=" icon-"].pull-right.icon-2x { | |
margin-left: .2em; | |
} | |
/* EXTRAS | |
* -------------------------- */ | |
/* Stacked and layered icon */ | |
.icon-stack { | |
position: relative; | |
display: inline-block; | |
width: 2em; | |
height: 2em; | |
line-height: 2em; | |
vertical-align: -35%; | |
} | |
.icon-stack [class^="icon-"], | |
.icon-stack [class*=" icon-"] { | |
display: block; | |
text-align: center; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
font-size: 1em; | |
line-height: inherit; | |
*line-height: 2em; | |
} | |
.icon-stack .icon-stack-base { | |
font-size: 2em; | |
*line-height: 1em; | |
} | |
/* Animated rotating icon */ | |
.icon-spin { | |
display: inline-block; | |
-moz-animation: spin 2s infinite linear; | |
-o-animation: spin 2s infinite linear; | |
-webkit-animation: spin 2s infinite linear; | |
animation: spin 2s infinite linear; | |
} | |
a .icon-spin { | |
display: inline-block; | |
text-decoration: none; | |
} | |
@-moz-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
} | |
} | |
@-webkit-keyframes spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(359deg); | |
} | |
} | |
@-o-keyframes spin { | |
0% { | |
-o-transform: rotate(0deg); | |
} | |
100% { | |
-o-transform: rotate(359deg); | |
} | |
} | |
@-ms-keyframes spin { | |
0% { | |
-ms-transform: rotate(0deg); | |
} | |
100% { | |
-ms-transform: rotate(359deg); | |
} | |
} | |
@keyframes spin { | |
0% { | |
transform: rotate(0deg); | |
} | |
100% { | |
transform: rotate(359deg); | |
} | |
} | |
/* Icon rotations and mirroring */ | |
.icon-rotate-90:before { | |
-webkit-transform: rotate(90deg); | |
-moz-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
-o-transform: rotate(90deg); | |
transform: rotate(90deg); | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
} | |
.icon-rotate-180:before { | |
-webkit-transform: rotate(180deg); | |
-moz-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
-o-transform: rotate(180deg); | |
transform: rotate(180deg); | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
} | |
.icon-rotate-270:before { | |
-webkit-transform: rotate(270deg); | |
-moz-transform: rotate(270deg); | |
-ms-transform: rotate(270deg); | |
-o-transform: rotate(270deg); | |
transform: rotate(270deg); | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
} | |
.icon-flip-horizontal:before { | |
-webkit-transform: scale(-1, 1); | |
-moz-transform: scale(-1, 1); | |
-ms-transform: scale(-1, 1); | |
-o-transform: scale(-1, 1); | |
transform: scale(-1, 1); | |
} | |
.icon-flip-vertical:before { | |
-webkit-transform: scale(1, -1); | |
-moz-transform: scale(1, -1); | |
-ms-transform: scale(1, -1); | |
-o-transform: scale(1, -1); | |
transform: scale(1, -1); | |
} | |
/* ensure rotation occurs inside anchor tags */ | |
a .icon-rotate-90:before, | |
a .icon-rotate-180:before, | |
a .icon-rotate-270:before, | |
a .icon-flip-horizontal:before, | |
a .icon-flip-vertical:before { | |
display: inline-block; | |
} | |
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | |
readers do not read off random characters that represent icons */ | |
.icon-glass:before { | |
content: "\f000"; | |
} | |
.icon-music:before { | |
content: "\f001"; | |
} | |
.icon-search:before { | |
content: "\f002"; | |
} | |
.icon-envelope-alt:before { | |
content: "\f003"; | |
} | |
.icon-heart:before { | |
content: "\f004"; | |
} | |
.icon-star:before { | |
content: "\f005"; | |
} | |
.icon-star-empty:before { | |
content: "\f006"; | |
} | |
.icon-user:before { | |
content: "\f007"; | |
} | |
.icon-film:before { | |
content: "\f008"; | |
} | |
.icon-th-large:before { | |
content: "\f009"; | |
} | |
.icon-th:before { | |
content: "\f00a"; | |
} | |
.icon-th-list:before { | |
content: "\f00b"; | |
} | |
.icon-ok:before { | |
content: "\f00c"; | |
} | |
.icon-remove:before { | |
content: "\f00d"; | |
} | |
.icon-zoom-in:before { | |
content: "\f00e"; | |
} | |
.icon-zoom-out:before { | |
content: "\f010"; | |
} | |
.icon-power-off:before, | |
.icon-off:before { | |
content: "\f011"; | |
} | |
.icon-signal:before { | |
content: "\f012"; | |
} | |
.icon-cog:before { | |
content: "\f013"; | |
} | |
.icon-trash:before { | |
content: "\f014"; | |
} | |
.icon-home:before { | |
content: "\f015"; | |
} | |
.icon-file-alt:before { | |
content: "\f016"; | |
} | |
.icon-time:before { | |
content: "\f017"; | |
} | |
.icon-road:before { | |
content: "\f018"; | |
} | |
.icon-download-alt:before { | |
content: "\f019"; | |
} | |
.icon-download:before { | |
content: "\f01a"; | |
} | |
.icon-upload:before { | |
content: "\f01b"; | |
} | |
.icon-inbox:before { | |
content: "\f01c"; | |
} | |
.icon-play-circle:before { | |
content: "\f01d"; | |
} | |
.icon-rotate-right:before, | |
.icon-repeat:before { | |
content: "\f01e"; | |
} | |
.icon-refresh:before { | |
content: "\f021"; | |
} | |
.icon-list-alt:before { | |
content: "\f022"; | |
} | |
.icon-lock:before { | |
content: "\f023"; | |
} | |
.icon-flag:before { | |
content: "\f024"; | |
} | |
.icon-headphones:before { | |
content: "\f025"; | |
} | |
.icon-volume-off:before { | |
content: "\f026"; | |
} | |
.icon-volume-down:before { | |
content: "\f027"; | |
} | |
.icon-volume-up:before { | |
content: "\f028"; | |
} | |
.icon-qrcode:before { | |
content: "\f029"; | |
} | |
.icon-barcode:before { | |
content: "\f02a"; | |
} | |
.icon-tag:before { | |
content: "\f02b"; | |
} | |
.icon-tags:before { | |
content: "\f02c"; | |
} | |
.icon-book:before { | |
content: "\f02d"; | |
} | |
.icon-bookmark:before { | |
content: "\f02e"; | |
} | |
.icon-print:before { | |
content: "\f02f"; | |
} | |
.icon-camera:before { | |
content: "\f030"; | |
} | |
.icon-font:before { | |
content: "\f031"; | |
} | |
.icon-bold:before { | |
content: "\f032"; | |
} | |
.icon-italic:before { | |
content: "\f033"; | |
} | |
.icon-text-height:before { | |
content: "\f034"; | |
} | |
.icon-text-width:before { | |
content: "\f035"; | |
} | |
.icon-align-left:before { | |
content: "\f036"; | |
} | |
.icon-align-center:before { | |
content: "\f037"; | |
} | |
.icon-align-right:before { | |
content: "\f038"; | |
} | |
.icon-align-justify:before { | |
content: "\f039"; | |
} | |
.icon-list:before { | |
content: "\f03a"; | |
} | |
.icon-indent-left:before { | |
content: "\f03b"; | |
} | |
.icon-indent-right:before { | |
content: "\f03c"; | |
} | |
.icon-facetime-video:before { | |
content: "\f03d"; | |
} | |
.icon-picture:before { | |
content: "\f03e"; | |
} | |
.icon-pencil:before { | |
content: "\f040"; | |
} | |
.icon-map-marker:before { | |
content: "\f041"; | |
} | |
.icon-adjust:before { | |
content: "\f042"; | |
} | |
.icon-tint:before { | |
content: "\f043"; | |
} | |
.icon-edit:before { | |
content: "\f044"; | |
} | |
.icon-share:before { | |
content: "\f045"; | |
} | |
.icon-check:before { | |
content: "\f046"; | |
} | |
.icon-move:before { | |
content: "\f047"; | |
} | |
.icon-step-backward:before { | |
content: "\f048"; | |
} | |
.icon-fast-backward:before { | |
content: "\f049"; | |
} | |
.icon-backward:before { | |
content: "\f04a"; | |
} | |
.icon-play:before { | |
content: "\f04b"; | |
} | |
.icon-pause:before { | |
content: "\f04c"; | |
} | |
.icon-stop:before { | |
content: "\f04d"; | |
} | |
.icon-forward:before { | |
content: "\f04e"; | |
} | |
.icon-fast-forward:before { | |
content: "\f050"; | |
} | |
.icon-step-forward:before { | |
content: "\f051"; | |
} | |
.icon-eject:before { | |
content: "\f052"; | |
} | |
.icon-chevron-left:before { | |
content: "\f053"; | |
} | |
.icon-chevron-right:before { | |
content: "\f054"; | |
} | |
.icon-plus-sign:before { | |
content: "\f055"; | |
} | |
.icon-minus-sign:before { | |
content: "\f056"; | |
} | |
.icon-remove-sign:before { | |
content: "\f057"; | |
} | |
.icon-ok-sign:before { | |
content: "\f058"; | |
} | |
.icon-question-sign:before { | |
content: "\f059"; | |
} | |
.icon-info-sign:before { | |
content: "\f05a"; | |
} | |
.icon-screenshot:before { | |
content: "\f05b"; | |
} | |
.icon-remove-circle:before { | |
content: "\f05c"; | |
} | |
.icon-ok-circle:before { | |
content: "\f05d"; | |
} | |
.icon-ban-circle:before { | |
content: "\f05e"; | |
} | |
.icon-arrow-left:before { | |
content: "\f060"; | |
} | |
.icon-arrow-right:before { | |
content: "\f061"; | |
} | |
.icon-arrow-up:before { | |
content: "\f062"; | |
} | |
.icon-arrow-down:before { | |
content: "\f063"; | |
} | |
.icon-mail-forward:before, | |
.icon-share-alt:before { | |
content: "\f064"; | |
} | |
.icon-resize-full:before { | |
content: "\f065"; | |
} | |
.icon-resize-small:before { | |
content: "\f066"; | |
} | |
.icon-plus:before { | |
content: "\f067"; | |
} | |
.icon-minus:before { | |
content: "\f068"; | |
} | |
.icon-asterisk:before { | |
content: "\f069"; | |
} | |
.icon-exclamation-sign:before { | |
content: "\f06a"; | |
} | |
.icon-gift:before { | |
content: "\f06b"; | |
} | |
.icon-leaf:before { | |
content: "\f06c"; | |
} | |
.icon-fire:before { | |
content: "\f06d"; | |
} | |
.icon-eye-open:before { | |
content: "\f06e"; | |
} | |
.icon-eye-close:before { | |
content: "\f070"; | |
} | |
.icon-warning-sign:before { | |
content: "\f071"; | |
} | |
.icon-plane:before { | |
content: "\f072"; | |
} | |
.icon-calendar:before { | |
content: "\f073"; | |
} | |
.icon-random:before { | |
content: "\f074"; | |
} | |
.icon-comment:before { | |
content: "\f075"; | |
} | |
.icon-magnet:before { | |
content: "\f076"; | |
} | |
.icon-chevron-up:before { | |
content: "\f077"; | |
} | |
.icon-chevron-down:before { | |
content: "\f078"; | |
} | |
.icon-retweet:before { | |
content: "\f079"; | |
} | |
.icon-shopping-cart:before { | |
content: "\f07a"; | |
} | |
.icon-folder-close:before { | |
content: "\f07b"; | |
} | |
.icon-folder-open:before { | |
content: "\f07c"; | |
} | |
.icon-resize-vertical:before { | |
content: "\f07d"; | |
} | |
.icon-resize-horizontal:before { | |
content: "\f07e"; | |
} | |
.icon-bar-chart:before { | |
content: "\f080"; | |
} | |
.icon-twitter-sign:before { | |
content: "\f081"; | |
} | |
.icon-facebook-sign:before { | |
content: "\f082"; | |
} | |
.icon-camera-retro:before { | |
content: "\f083"; | |
} | |
.icon-key:before { | |
content: "\f084"; | |
} | |
.icon-cogs:before { | |
content: "\f085"; | |
} | |
.icon-comments:before { | |
content: "\f086"; | |
} | |
.icon-thumbs-up-alt:before { | |
content: "\f087"; | |
} | |
.icon-thumbs-down-alt:before { | |
content: "\f088"; | |
} | |
.icon-star-half:before { | |
content: "\f089"; | |
} | |
.icon-heart-empty:before { | |
content: "\f08a"; | |
} | |
.icon-signout:before { | |
content: "\f08b"; | |
} | |
.icon-linkedin-sign:before { | |
content: "\f08c"; | |
} | |
.icon-pushpin:before { | |
content: "\f08d"; | |
} | |
.icon-external-link:before { | |
content: "\f08e"; | |
} | |
.icon-signin:before { | |
content: "\f090"; | |
} | |
.icon-trophy:before { | |
content: "\f091"; | |
} | |
.icon-github-sign:before { | |
content: "\f092"; | |
} | |
.icon-upload-alt:before { | |
content: "\f093"; | |
} | |
.icon-lemon:before { | |
content: "\f094"; | |
} | |
.icon-phone:before { | |
content: "\f095"; | |
} | |
.icon-unchecked:before, | |
.icon-check-empty:before { | |
content: "\f096"; | |
} | |
.icon-bookmark-empty:before { | |
content: "\f097"; | |
} | |
.icon-phone-sign:before { | |
content: "\f098"; | |
} | |
.icon-twitter:before { | |
content: "\f099"; | |
} | |
.icon-facebook:before { | |
content: "\f09a"; | |
} | |
.icon-github:before { | |
content: "\f09b"; | |
} | |
.icon-unlock:before { | |
content: "\f09c"; | |
} | |
.icon-credit-card:before { | |
content: "\f09d"; | |
} | |
.icon-rss:before { | |
content: "\f09e"; | |
} | |
.icon-hdd:before { | |
content: "\f0a0"; | |
} | |
.icon-bullhorn:before { | |
content: "\f0a1"; | |
} | |
.icon-bell:before { | |
content: "\f0a2"; | |
} | |
.icon-certificate:before { | |
content: "\f0a3"; | |
} | |
.icon-hand-right:before { | |
content: "\f0a4"; | |
} | |
.icon-hand-left:before { | |
content: "\f0a5"; | |
} | |
.icon-hand-up:before { | |
content: "\f0a6"; | |
} | |
.icon-hand-down:before { | |
content: "\f0a7"; | |
} | |
.icon-circle-arrow-left:before { | |
content: "\f0a8"; | |
} | |
.icon-circle-arrow-right:before { | |
content: "\f0a9"; | |
} | |
.icon-circle-arrow-up:before { | |
content: "\f0aa"; | |
} | |
.icon-circle-arrow-down:before { | |
content: "\f0ab"; | |
} | |
.icon-globe:before { | |
content: "\f0ac"; | |
} | |
.icon-wrench:before { | |
content: "\f0ad"; | |
} | |
.icon-tasks:before { | |
content: "\f0ae"; | |
} | |
.icon-filter:before { | |
content: "\f0b0"; | |
} | |
.icon-briefcase:before { | |
content: "\f0b1"; | |
} | |
.icon-fullscreen:before { | |
content: "\f0b2"; | |
} | |
.icon-group:before { | |
content: "\f0c0"; | |
} | |
.icon-link:before { | |
content: "\f0c1"; | |
} | |
.icon-cloud:before { | |
content: "\f0c2"; | |
} | |
.icon-beaker:before { | |
content: "\f0c3"; | |
} | |
.icon-cut:before { | |
content: "\f0c4"; | |
} | |
.icon-copy:before { | |
content: "\f0c5"; | |
} | |
.icon-paperclip:before, | |
.icon-paper-clip:before { | |
content: "\f0c6"; | |
} | |
.icon-save:before { | |
content: "\f0c7"; | |
} | |
.icon-sign-blank:before { | |
content: "\f0c8"; | |
} | |
.icon-reorder:before { | |
content: "\f0c9"; | |
} | |
.icon-list-ul:before { | |
content: "\f0ca"; | |
} | |
.icon-list-ol:before { | |
content: "\f0cb"; | |
} | |
.icon-strikethrough:before { | |
content: "\f0cc"; | |
} | |
.icon-underline:before { | |
content: "\f0cd"; | |
} | |
.icon-table:before { | |
content: "\f0ce"; | |
} | |
.icon-magic:before { | |
content: "\f0d0"; | |
} | |
.icon-truck:before { | |
content: "\f0d1"; | |
} | |
.icon-pinterest:before { | |
content: "\f0d2"; | |
} | |
.icon-pinterest-sign:before { | |
content: "\f0d3"; | |
} | |
.icon-google-plus-sign:before { | |
content: "\f0d4"; | |
} | |
.icon-google-plus:before { | |
content: "\f0d5"; | |
} | |
.icon-money:before { | |
content: "\f0d6"; | |
} | |
.icon-caret-down:before { | |
content: "\f0d7"; | |
} | |
.icon-caret-up:before { | |
content: "\f0d8"; | |
} | |
.icon-caret-left:before { | |
content: "\f0d9"; | |
} | |
.icon-caret-right:before { | |
content: "\f0da"; | |
} | |
.icon-columns:before { | |
content: "\f0db"; | |
} | |
.icon-sort:before { | |
content: "\f0dc"; | |
} | |
.icon-sort-down:before { | |
content: "\f0dd"; | |
} | |
.icon-sort-up:before { | |
content: "\f0de"; | |
} | |
.icon-envelope:before { | |
content: "\f0e0"; | |
} | |
.icon-linkedin:before { | |
content: "\f0e1"; | |
} | |
.icon-rotate-left:before, | |
.icon-undo:before { | |
content: "\f0e2"; | |
} | |
.icon-legal:before { | |
content: "\f0e3"; | |
} | |
.icon-dashboard:before { | |
content: "\f0e4"; | |
} | |
.icon-comment-alt:before { | |
content: "\f0e5"; | |
} | |
.icon-comments-alt:before { | |
content: "\f0e6"; | |
} | |
.icon-bolt:before { | |
content: "\f0e7"; | |
} | |
.icon-sitemap:before { | |
content: "\f0e8"; | |
} | |
.icon-umbrella:before { | |
content: "\f0e9"; | |
} | |
.icon-paste:before { | |
content: "\f0ea"; | |
} | |
.icon-lightbulb:before { | |
content: "\f0eb"; | |
} | |
.icon-exchange:before { | |
content: "\f0ec"; | |
} | |
.icon-cloud-download:before { | |
content: "\f0ed"; | |
} | |
.icon-cloud-upload:before { | |
content: "\f0ee"; | |
} | |
.icon-user-md:before { | |
content: "\f0f0"; | |
} | |
.icon-stethoscope:before { | |
content: "\f0f1"; | |
} | |
.icon-suitcase:before { | |
content: "\f0f2"; | |
} | |
.icon-bell-alt:before { | |
content: "\f0f3"; | |
} | |
.icon-coffee:before { | |
content: "\f0f4"; | |
} | |
.icon-food:before { | |
content: "\f0f5"; | |
} | |
.icon-file-text-alt:before { | |
content: "\f0f6"; | |
} | |
.icon-building:before { | |
content: "\f0f7"; | |
} | |
.icon-hospital:before { | |
content: "\f0f8"; | |
} | |
.icon-ambulance:before { | |
content: "\f0f9"; | |
} | |
.icon-medkit:before { | |
content: "\f0fa"; | |
} | |
.icon-fighter-jet:before { | |
content: "\f0fb"; | |
} | |
.icon-beer:before { | |
content: "\f0fc"; | |
} | |
.icon-h-sign:before { | |
content: "\f0fd"; | |
} | |
.icon-plus-sign-alt:before { | |
content: "\f0fe"; | |
} | |
.icon-double-angle-left:before { | |
content: "\f100"; | |
} | |
.icon-double-angle-right:before { | |
content: "\f101"; | |
} | |
.icon-double-angle-up:before { | |
content: "\f102"; | |
} | |
.icon-double-angle-down:before { | |
content: "\f103"; | |
} | |
.icon-angle-left:before { | |
content: "\f104"; | |
} | |
.icon-angle-right:before { | |
content: "\f105"; | |
} | |
.icon-angle-up:before { | |
content: "\f106"; | |
} | |
.icon-angle-down:before { | |
content: "\f107"; | |
} | |
.icon-desktop:before { | |
content: "\f108"; | |
} | |
.icon-laptop:before { | |
content: "\f109"; | |
} | |
.icon-tablet:before { | |
content: "\f10a"; | |
} | |
.icon-mobile-phone:before { | |
content: "\f10b"; | |
} | |
.icon-circle-blank:before { | |
content: "\f10c"; | |
} | |
.icon-quote-left:before { | |
content: "\f10d"; | |
} | |
.icon-quote-right:before { | |
content: "\f10e"; | |
} | |
.icon-spinner:before { | |
content: "\f110"; | |
} | |
.icon-circle:before { | |
content: "\f111"; | |
} | |
.icon-mail-reply:before, | |
.icon-reply:before { | |
content: "\f112"; | |
} | |
.icon-github-alt:before { | |
content: "\f113"; | |
} | |
.icon-folder-close-alt:before { | |
content: "\f114"; | |
} | |
.icon-folder-open-alt:before { | |
content: "\f115"; | |
} | |
.icon-expand-alt:before { | |
content: "\f116"; | |
} | |
.icon-collapse-alt:before { | |
content: "\f117"; | |
} | |
.icon-smile:before { | |
content: "\f118"; | |
} | |
.icon-frown:before { | |
content: "\f119"; | |
} | |
.icon-meh:before { | |
content: "\f11a"; | |
} | |
.icon-gamepad:before { | |
content: "\f11b"; | |
} | |
.icon-keyboard:before { | |
content: "\f11c"; | |
} | |
.icon-flag-alt:before { | |
content: "\f11d"; | |
} | |
.icon-flag-checkered:before { | |
content: "\f11e"; | |
} | |
.icon-terminal:before { | |
content: "\f120"; | |
} | |
.icon-code:before { | |
content: "\f121"; | |
} | |
.icon-reply-all:before { | |
content: "\f122"; | |
} | |
.icon-mail-reply-all:before { | |
content: "\f122"; | |
} | |
.icon-star-half-full:before, | |
.icon-star-half-empty:before { | |
content: "\f123"; | |
} | |
.icon-location-arrow:before { | |
content: "\f124"; | |
} | |
.icon-crop:before { | |
content: "\f125"; | |
} | |
.icon-code-fork:before { | |
content: "\f126"; | |
} | |
.icon-unlink:before { | |
content: "\f127"; | |
} | |
.icon-question:before { | |
content: "\f128"; | |
} | |
.icon-info:before { | |
content: "\f129"; | |
} | |
.icon-exclamation:before { | |
content: "\f12a"; | |
} | |
.icon-superscript:before { | |
content: "\f12b"; | |
} | |
.icon-subscript:before { | |
content: "\f12c"; | |
} | |
.icon-eraser:before { | |
content: "\f12d"; | |
} | |
.icon-puzzle-piece:before { | |
content: "\f12e"; | |
} | |
.icon-microphone:before { | |
content: "\f130"; | |
} | |
.icon-microphone-off:before { | |
content: "\f131"; | |
} | |
.icon-shield:before { | |
content: "\f132"; | |
} | |
.icon-calendar-empty:before { | |
content: "\f133"; | |
} | |
.icon-fire-extinguisher:before { | |
content: "\f134"; | |
} | |
.icon-rocket:before { | |
content: "\f135"; | |
} | |
.icon-maxcdn:before { | |
content: "\f136"; | |
} | |
.icon-chevron-sign-left:before { | |
content: "\f137"; | |
} | |
.icon-chevron-sign-right:before { | |
content: "\f138"; | |
} | |
.icon-chevron-sign-up:before { | |
content: "\f139"; | |
} | |
.icon-chevron-sign-down:before { | |
content: "\f13a"; | |
} | |
.icon-html5:before { | |
content: "\f13b"; | |
} | |
.icon-css3:before { | |
content: "\f13c"; | |
} | |
.icon-anchor:before { | |
content: "\f13d"; | |
} | |
.icon-unlock-alt:before { | |
content: "\f13e"; | |
} | |
.icon-bullseye:before { | |
content: "\f140"; | |
} | |
.icon-ellipsis-horizontal:before { | |
content: "\f141"; | |
} | |
.icon-ellipsis-vertical:before { | |
content: "\f142"; | |
} | |
.icon-rss-sign:before { | |
content: "\f143"; | |
} | |
.icon-play-sign:before { | |
content: "\f144"; | |
} | |
.icon-ticket:before { | |
content: "\f145"; | |
} | |
.icon-minus-sign-alt:before { | |
content: "\f146"; | |
} | |
.icon-check-minus:before { | |
content: "\f147"; | |
} | |
.icon-level-up:before { | |
content: "\f148"; | |
} | |
.icon-level-down:before { | |
content: "\f149"; | |
} | |
.icon-check-sign:before { | |
content: "\f14a"; | |
} | |
.icon-edit-sign:before { | |
content: "\f14b"; | |
} | |
.icon-external-link-sign:before { | |
content: "\f14c"; | |
} | |
.icon-share-sign:before { | |
content: "\f14d"; | |
} | |
.icon-compass:before { | |
content: "\f14e"; | |
} | |
.icon-collapse:before { | |
content: "\f150"; | |
} | |
.icon-collapse-top:before { | |
content: "\f151"; | |
} | |
.icon-expand:before { | |
content: "\f152"; | |
} | |
.icon-euro:before, | |
.icon-eur:before { | |
content: "\f153"; | |
} | |
.icon-gbp:before { | |
content: "\f154"; | |
} | |
.icon-dollar:before, | |
.icon-usd:before { | |
content: "\f155"; | |
} | |
.icon-rupee:before, | |
.icon-inr:before { | |
content: "\f156"; | |
} | |
.icon-yen:before, | |
.icon-jpy:before { | |
content: "\f157"; | |
} | |
.icon-renminbi:before, | |
.icon-cny:before { | |
content: "\f158"; | |
} | |
.icon-won:before, | |
.icon-krw:before { | |
content: "\f159"; | |
} | |
.icon-bitcoin:before, | |
.icon-btc:before { | |
content: "\f15a"; | |
} | |
.icon-file:before { | |
content: "\f15b"; | |
} | |
.icon-file-text:before { | |
content: "\f15c"; | |
} | |
.icon-sort-by-alphabet:before { | |
content: "\f15d"; | |
} | |
.icon-sort-by-alphabet-alt:before { | |
content: "\f15e"; | |
} | |
.icon-sort-by-attributes:before { | |
content: "\f160"; | |
} | |
.icon-sort-by-attributes-alt:before { | |
content: "\f161"; | |
} | |
.icon-sort-by-order:before { | |
content: "\f162"; | |
} | |
.icon-sort-by-order-alt:before { | |
content: "\f163"; | |
} | |
.icon-thumbs-up:before { | |
content: "\f164"; | |
} | |
.icon-thumbs-down:before { | |
content: "\f165"; | |
} | |
.icon-youtube-sign:before { | |
content: "\f166"; | |
} | |
.icon-youtube:before { | |
content: "\f167"; | |
} | |
.icon-xing:before { | |
content: "\f168"; | |
} | |
.icon-xing-sign:before { | |
content: "\f169"; | |
} | |
.icon-youtube-play:before { | |
content: "\f16a"; | |
} | |
.icon-dropbox:before { | |
content: "\f16b"; | |
} | |
.icon-stackexchange:before { | |
content: "\f16c"; | |
} | |
.icon-instagram:before { | |
content: "\f16d"; | |
} | |
.icon-flickr:before { | |
content: "\f16e"; | |
} | |
.icon-adn:before { | |
content: "\f170"; | |
} | |
.icon-bitbucket:before { | |
content: "\f171"; | |
} | |
.icon-bitbucket-sign:before { | |
content: "\f172"; | |
} | |
.icon-tumblr:before { | |
content: "\f173"; | |
} | |
.icon-tumblr-sign:before { | |
content: "\f174"; | |
} | |
.icon-long-arrow-down:before { | |
content: "\f175"; | |
} | |
.icon-long-arrow-up:before { | |
content: "\f176"; | |
} | |
.icon-long-arrow-left:before { | |
content: "\f177"; | |
} | |
.icon-long-arrow-right:before { | |
content: "\f178"; | |
} | |
.icon-apple:before { | |
content: "\f179"; | |
} | |
.icon-windows:before { | |
content: "\f17a"; | |
} | |
.icon-android:before { | |
content: "\f17b"; | |
} | |
.icon-linux:before { | |
content: "\f17c"; | |
} | |
.icon-dribble:before { | |
content: "\f17d"; | |
} | |
.icon-skype:before { | |
content: "\f17e"; | |
} | |
.icon-foursquare:before { | |
content: "\f180"; | |
} | |
.icon-trello:before { | |
content: "\f181"; | |
} | |
.icon-female:before { | |
content: "\f182"; | |
} | |
.icon-male:before { | |
content: "\f183"; | |
} | |
.icon-gittip:before { | |
content: "\f184"; | |
} | |
.icon-sun:before { | |
content: "\f185"; | |
} | |
.icon-moon:before { | |
content: "\f186"; | |
} | |
.icon-archive:before { | |
content: "\f187"; | |
} | |
.icon-bug:before { | |
content: "\f188"; | |
} | |
.icon-vk:before { | |
content: "\f189"; | |
} | |
.icon-weibo:before { | |
content: "\f18a"; | |
} | |
.icon-renren:before { | |
content: "\f18b"; | |
} | |
/* high dpi support */ | |
@media (min--moz-device-pixel-ratio: 1.4), (-o-min-device-pixel-ratio: 7/5), (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 134dpi) | |
{ | |
.playstyle { | |
background-image: url("/images/playstyles@2x.png"); | |
background-size: 128px 64px; | |
} | |
.top_button { | |
background: url('/images/social@2x.png'); | |
background-size: 183px 124px; | |
} | |
} | |
/* woc's work space*/ | |
#searchArea{ | |
padding: 20px 0 0; | |
} | |
#searchArea dl{ | |
width: 860px; | |
min-height: 20px; | |
margin: 10px 0 0; | |
border-bottom: 1px dotted #A9A9FF; | |
} | |
#searchArea dt{ | |
width:100px; | |
padding-right: 10px; | |
text-align: right; | |
font-weight: bold; | |
float:left; | |
} | |
#searchArea dd{ | |
-webkit-margin-start: 0; | |
-ms-margin-start: 0; | |
-moz-margin-start: 0; | |
} | |
#searchArea .newline{ | |
padding: 10px 0 5px 110px; | |
} | |
#searchArea a{ | |
margin-right:4px; | |
padding: 3px; | |
text-decoration:none; | |
} | |
#searchArea a:hover, #searchArea a.selected{ | |
background-color:#A9A9FF; | |
color:white; | |
} | |
#searchArea input{ | |
width:20em; | |
height:1.2em; | |
} | |
#searchShowMore{ | |
width:854px; | |
text-align: center; | |
} | |
#searchShowMore a{ | |
width: 854px; | |
display: inline-block; | |
} | |
/*end of woc's space*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment