diff options
Diffstat (limited to 'public/css/screen.css')
| -rw-r--r-- | public/css/screen.css | 580 |
1 files changed, 580 insertions, 0 deletions
diff --git a/public/css/screen.css b/public/css/screen.css new file mode 100644 index 0000000..e403029 --- /dev/null +++ b/public/css/screen.css @@ -0,0 +1,580 @@ +/* ******************** */ +/* line 5, ../src/screen.sass */ +* { + padding: 0; + margin: 0; +// font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; + font-family: Georgia, serif; + font-size: 13px; +} + +/* line 11, ../src/screen.sass */ +a { + color: #bb0000; +} +/* line 13, ../src/screen.sass */ +a:hover { + color: red; +} + +/* line 15, ../src/screen.sass */ +section { + display: block; + margin: 10px; +} + +/* line 18, ../src/screen.sass */ +header { + z-index: 10; + position: fixed; top: 0; left: 0; + display: none; + padding: 10px; + width: 100%; + background-color: #fff; +} +/* line 22, ../src/screen.sass */ +header h1 { + font-weight: normal; + font-size: 48px; + padding: 0 0 5px 10px; +} +nav { background-color: #fff; } + +/* line 27, ../src/screen.sass */ +nav ul { + padding: 3px 0 5px 10px; + margin: 0; + display: block; + width: 100%; + height: 17px; + border-width: 1px 0 1px 0; + border-color: #cccccc; + border-style: solid; +} +/* line 37, ../src/screen.sass */ +nav ul li { + font-size: 15px; + list-style-type: none; + float: left; + padding-right: 10px; +} +/* line 42, ../src/screen.sass */ +nav ul li a { + cursor: pointer; + padding: 2px 5px; +} +/* line 45, ../src/screen.sass */ +nav ul li a.selected { + -moz-border-radius: 3px; + border-radius: 3px; + color: white; + background-color: #700005; +} + +/* line 49, ../src/screen.sass */ +#aboutMode, #patronMode, #reunionMode { + position: relative; top: 150px; left: 10px; + display: none; + padding: 10px; + width: 500px; +} +/* line 53, ../src/screen.sass */ +#aboutMode p, #patronMode p, #reunionMode p { + font-size: 15px; + padding-bottom: 20px; + line-height: 21px; +} +#aboutMode p a, #patronMode p a, #reunionMode p a + { + font-size: 15px; + } +#aboutMode p#founded + { + font-size: 18px; + } +/* line 55, ../src/screen.sass */ +#aboutMode p b, #patronMode p b, #reunionMode p b { + font-size: 17px; +} +/* line 57, ../src/screen.sass */ +#aboutMode p small, #patronMode p small, #reunionMode p small { + padding-bottom: 5px; + display: block; +} +#aboutMode h3 a, #patronMode h3 a, #reunionMode h3 a { + font-size: 15px; + display: inline-block; + margin-bottom: 3px; +} +/* line 60, ../src/screen.sass */ +#aboutMode h2, #patronMode h2, #reunionMode h2 { + font-size: 17px; +} +/* line 62, ../src/screen.sass */ +#aboutMode #locat, #patronMode #locat, #reunionMode #locat { + padding-bottom: 10px; +} +/* line 64, ../src/screen.sass */ +#aboutMode ul, #patronMode ul, #reunionMode ul { + padding-bottom: 20px; +} +/* line 66, ../src/screen.sass */ +#aboutMode ul li, #patronMode ul li, #reunionMode li { + padding: 10px 0 0 0; + list-style-type: none; +} + +/* line 69, ../src/screen.sass */ +#partiesMode { + display: none; +} + +/* line 71, ../src/screen.sass */ +footer { + position: fixed; + right: 0px; + bottom: 0px; + max-width: 250px; + background-color: #fff; + padding: 10px; + text-align: right; + opacity: 0.8; +} + +footer#illcredit { + width: 400px; + left: 0px; + text-align: left; +} + +/* line 75, ../src/screen.sass */ +body { + overflow-x: hidden; + overflow-y: scroll; +} + +/* line 78, ../src/screen.sass */ +html { + background-image: url(/img/bunnyhead-sized.jpg); + background-position: bottom right; + background-repeat: no-repeat; + background-attachment: fixed; + width: 100%; + height: 100%; +} + +/* line 85, ../src/screen.sass */ +#bg { + width: 100%; + height: 100%; + position: fixed; + left: 0; + top: 0; + margin: 0; + background-color: #050408; + z-index: 19; +} + +/* line 93, ../src/screen.sass */ +button { + -moz-border-radius: 20px; + border-radius: 20px; + border: 0; + color: white; + background-color: #880011; + padding: 5px; +} +/* line 99, ../src/screen.sass */ +button:hover, button:focus { + background-color: #bb0022; + outline: 0; +} +/* line 102, ../src/screen.sass */ +button:active { + background-color: #ff0044; +} + +/* line 104, ../src/screen.sass */ +#login { + display: none; + position: fixed; + top: 25%; + left: 50%; + margin-left: -160px; + width: 300px; + padding: 20px; + background-color: black; + -moz-border-radius: 20px; + border-radius: 20px; + color: #dddddd; + z-index: 20; +} +/* line 115, ../src/screen.sass */ +#login header { + display: block; + margin: 0; + padding: 0 0 10px 0; +} +/* line 119, ../src/screen.sass */ +#login label { + width: 60px; + font-size: 12px; + text-align: right; + margin: 10px 0 10px 0; + padding: 5px 0; + display: block; + color: #888888; + float: left; +} +/* line 128, ../src/screen.sass */ +#login input { + float: left; + font-size: 15px; + -moz-border-radius: 20px; + border-radius: 20px; + border: 0; + padding: 5px; + margin: 10px; +} +/* line 135, ../src/screen.sass */ +#login #login-email { + width: 200px; + outline: 0; +} +/* line 138, ../src/screen.sass */ +#login #login-password { + width: 140px; + outline: 0; +} +/* line 141, ../src/screen.sass */ +#login button { + padding: 6px 5px; + margin: 10px 0; + width: 50px; +} + +/* line 145, ../src/screen.sass */ +#partyListContainer { + position: relative; top: 150px; left: 10px; + display: none; + width: 150px; + border-right: 1px solid #dddddd; + padding-right: 10px; + min-height: 200px; + float: left; +} +/* line 153, ../src/screen.sass */ +#partyListContainer ul li { + text-align: right; + padding: 5px; + list-style-type: none; + cursor: pointer; +} +/* line 158, ../src/screen.sass */ +#partyListContainer ul li.selected { + -moz-border-radius: 5px; + border-radius: 5px; + font-weight: bold; + background-color: #888888; + color: white; +} + +/* line 163, ../src/screen.sass */ +#userListContainer { + position: relative; top: 150px; left: 10px; + width: 290px; + float: left; + padding-bottom: 80px; +} +/* line 166, ../src/screen.sass */ +#userListContainer h2 { + font-size: 18px; + padding: 0 5px 5px 5px; +} +/* line 169, ../src/screen.sass */ +#userListContainer ul li { + list-style-type: none; + color: #80080e; + cursor: pointer; + height: 26px; + margin-bottom: 2px; +} +#userListContainer ul li.br + { + margin-top: 15px; + } +/* line 170, ../src/screen.sass */ +#userListContainer ul li * { + padding: 5px; +} +/* line 172, ../src/screen.sass */ +#userListContainer ul li .view { + width: 240px; + font-size: 15px; + float: left; + display: block; +} +/* line 176, ../src/screen.sass */ +#userListContainer ul li .edit { + float: right; + display: none; +} +/* line 184, ../src/screen.sass */ +#userListContainer ul li .selected { + -moz-border-radius: 5px; + border-radius: 5px; + background-color: #440000; + color: white; +} +/* line 189, ../src/screen.sass */ +#userListContainer ul li:hover .view { + -moz-border-radius: 5px; + border-radius: 5px; + background-color: #700005; + color: white; +} +/* line 193, ../src/screen.sass */ +#userListContainer ul li:hover .edit { + display: inline; +} +/* line 195, ../src/screen.sass */ +#userListContainer ul li:hover .edit:hover { + -moz-border-radius: 5px; + border-radius: 5px; + background-color: #800010; + color: white; +} +/* line 199, ../src/screen.sass */ +#userListContainer ul li.hostlist { + cursor: default; + font-weight: bold; + font-size: 13px; + color: #777777; + height: 13px; + padding: 5px 0 5px 0; + margin-left: 5px; + border-bottom: 1px solid #aaaaaa; +} +/* line 208, ../src/screen.sass */ +#userListContainer ul li.hostlist:hover { + background-color: transparent; + color: #777777; +} +/* line 211, ../src/screen.sass */ +#userListContainer button#user-add { + display: none; +} +/* line 213, ../src/screen.sass */ +#userListContainer #party-edit { + display: none; +} + +/* line 215, ../src/screen.sass */ +#userViewContainer { + position: fixed; top: 160px; left: 320px; + width: 350px; + float: left; +} +/* line 218, ../src/screen.sass */ +#userViewContainer h2 { + font-size: 17px; + margin-bottom: 5px; +} +#userViewContainer h3 { + font-size: 14px; + font-weight: bold; + margin-bottom: 5px; +} +#userViewContainer h3 a { + text-decoration: none; + color: #222; +} +#userViewContainer p + { + margin-top: 5px; + font-size: 14px; + line-height: 21px; + } +/* line 220, ../src/screen.sass */ +#userViewContainer nav { + float: right; +} +#userViewContainer p img + { + max-width: 350px; + max-height: 300px; + } +/* line 222, ../src/screen.sass */ +#partyEditContainer, #userEditContainer { + position: fixed; top: 150px; left: 520px; + display: none; + width: 300px; + float: left; +} +/* line 226, ../src/screen.sass */ +#partyEditContainer h2, #userEditContainer h2 { + padding-bottom: 5px; + font-size: 15px; +} +/* line 229, ../src/screen.sass */ +#partyEditContainer label, #userEditContainer label { + width: 80px; + float: left; + text-align: right; + padding-right: 5px; +} +/* line 234, ../src/screen.sass */ +#partyEditContainer input, #userEditContainer input { + width: 203px; + margin-bottom: 2px; + border: 1px solid #888888; + float: left; + clear: right; +} +/* line 240, ../src/screen.sass */ +#partyEditContainer textarea, #userEditContainer textarea { + width: 298px; + height: 128px; + margin-bottom: 5px; + border: 1px solid #888888; +} +/* line 245, ../src/screen.sass */ +#partyEditContainer p, #userEditContainer p { + padding-bottom: 5px; + clear: both; +} + +/* line 248, ../src/screen.sass */ +#partyEditContainer { + width: 310px; +} +/* line 250, ../src/screen.sass */ +#partyEditContainer label { + width: 55px; + clear: left; +} +/* line 253, ../src/screen.sass */ +#partyEditContainer input#party-day { + width: 25px; + float: none; + clear: none; +} +/* line 257, ../src/screen.sass */ +#partyEditContainer select#party-month { + float: none; +} +/* line 259, ../src/screen.sass */ +#partyEditContainer input#party-year { + width: 45px; + float: none; + clear: right; +} + +/* line 264, ../src/screen.sass */ +#userEditContainer #user-emailhidden { + text-align: right; + margin-left: 60px; + width: 25px; + clear: none; + margin-top: 1px; +} +/* line 270, ../src/screen.sass */ +#userEditContainer #user-emailhidden-label { + margin-top: 1px; + width: 180px; + font-size: 10px; + text-align: left; + clear: right; +} +/* line 276, ../src/screen.sass */ +#userEditContainer #user-textarea-label { + width: 100%; + text-align: left; +} +/* line 279, ../src/screen.sass */ +#userEditContainer #user-host-label { + padding-top: 2px; + text-align: right; +} +/* line 282, ../src/screen.sass */ +#userEditContainer #user-password-block { + padding: 5px 0; +} +/* line 284, ../src/screen.sass */ +#userEditContainer #user-password-block input { + width: 100px; + margin-right: 103px; +} +/* line 287, ../src/screen.sass */ +#userEditContainer #user-password-block small { + font-size: 10px; +} +/* line 289, ../src/screen.sass */ +#userEditContainer #user-invitedby-block { + padding-top: 5px; + display: block; +} +/* line 292, ../src/screen.sass */ +#userEditContainer #user-delete { + background-color: #bbb; + margin-left: 5px; + display: none; +} +/* line 294, ../src/screen.sass */ +#userEditContainer textarea { + margin-top: 5px; +} + +/* line 296, ../src/screen.sass */ +#welcome { + z-index: 15; + -moz-border-radius: 20px; + border-radius: 20px; + display: none; + font-family: georgia, serif; + text-align: center; + color: #333333; + position: fixed; + top: 0px; + right: 15px; + max-width: 250px; + font-size: 13px; + padding: 10px; + border: 1px solid #ddd; + background-color: #f8f8f8; +} +/* line 309, ../src/screen.sass */ +#welcome b { + text-decoration: none; +} +/* line 311, ../src/screen.sass */ +#welcome u { + cursor: pointer; +} +/* line 313, ../src/screen.sass */ +#welcome * { + color: #666666; + font-family: georgia, serif; + font-size: 13px; +} +/* line 317, ../src/screen.sass */ +#welcome *:hover { + color: red; +} + +/* line 319, ../src/screen.sass */ +#msg { + display: none; + -moz-border-radius: 20px; + border-radius: 20px; + position: absolute; + top: 53px; + right: 10px; + width: 250px; + background-color: #eeeeee; + color: #333333; + padding: 10px; + font-size: 13px; + font-family: serif; + opacity: 0.7; +} |
