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