path: root/public/css/screen.css

/* ******************** */
/* 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;
}