/* Rules for the introductory text displayed in the left sidebar to new users */
-#intro {
- border-top: 1px solid #ccc;
+.sidebar-copy {
+ padding: 0px 10px;
}
-#intro p {
- margin: 5px;
+.sidebar-copy p {
+ margin: 5px 0;
+}
+
+.sidebar-copy.intro {
+ margin-top: -1px;
+ border-top: 1px solid #ccc;
}
/*
* undergoing maintenance.
*/
-#alert {
- width: 170px;
- margin: 5px;
- padding: 5px;
- border: 1px solid #ccc;
- background: #d00;
- line-height: 1.2em;
- font-size: 14px;
- border-radius: 5px;
- -moz-border-radius: 5px;
+.sidebar-alert {
+ padding: 4px 5px 4px 5px;
+ border-top: 1px solid #ccc;
+ margin-top: 4px;
+ margin-bottom: -4px;
+ background: #e00;
+ font-size: 13px;
+ font-weight: bold;
+ line-height: 17px;
+
+ p {
+ margin: 5px;
+ }
}
/*
* donation drives.
*/
-.notice {
- width: 170px;
- margin: 5px;
- padding: 5px;
- border: 1px solid #ccc;
+.sidebar-notice {
+ padding: 4px 5px 4px 5px;
+ border-top: 1px solid #ccc;
+ margin-top: 4px;
+ margin-bottom: -4px;
background: #ea0;
- line-height: 20px;
- font-size: 14px;
- border-radius: 5px;
- -moz-border-radius: 5px;
+ font-size: 13px;
+ line-height: 17px;
+
+ p {
+ margin: 5px;
+ }
}
/* Rules for the menu displayed in the left sidebar */
.left_menu {
- padding: 5px;
+ padding: 5px 10px;
margin: 4px 0;
border-top: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
line-height: 20px;
font-size: 14px;
font-weight: bold;
padding: 0px;
}
+/* submenus */
+.left_menu ul li ul {
+ font-weight: normal;
+ line-height: 15px;
+ font-size: 12px;
+}
+
.left_menu a {
color: #000;
}
/* Rules for SOTM advert */
#sotm {
- width: 180px;
- min-width: 180px;
- margin: 5px;
+ width: 165px;
+ margin: 10px;
padding: 0px;
border: 0px;
background: #fff;
}
+#sotm img {
+ width: 165px;
+}
+
/*
* Rules for "optional boxes" which appear in the left sidebar on
* certain pages. Current users are the seach box on the main page
*/
.optionalbox {
- padding: 5px;
+ padding: 5px 10px;
margin: 4px 0;
- border-top: 1px solid #ccc;
}
.optionalbox h1 {
/* Rules for the search box */
.whereami {
- line-height: 20px;
- vertical-align: bottom;
-}
-
-.search_container {
- height: 15px;
- padding-bottom: 5px;
}
#search_field form {
padding: 0px;
}
+#search_field {
+ position:relative;
+}
+
#search_field input[type="text"] {
- width: 136px;
+ width: 165px;
+ padding: 5px;
+ font-size: 14px;
+ line-height: 15px;
+ height: 25px;
+ box-shadow: inset #DDD 0px 1px 3px;
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+}
+
+#search_field input[type="text"]:focus {
+ outline: none;
+ border: 1px solid #000;
}
#search_field input[type="submit"] {
- width: 26px;
+ width: 15px;
+ height: 15px;
+ border:0;
+ text-indent:-1000px;
padding-left: 0px;
padding-right: 0px;
+ background: url(sprite.png);
+ position:absolute;
+ right:2px;
+ top:5px;
+ cursor:pointer;
}
.search_help {
- margin-top: 2px;
- margin-bottom: 0px;
+ margin:0;
+}
+
+.deemphasize {
+ color: #999;
+}
+
+.deemphasize a {
+ color: #7092FF;
}
/* Rules for donation request box */
.donate {
- width: 155px;
- margin: 10px 5px;
+ width: 153px;
+ margin: 10px 10px;
padding: 5px;
- border: 1px solid #ccc;
+ border: 1px solid #AED1A0;
background: #cbeea7;
line-height: 20px;
text-align: center;
font-size: 14px;
- border-radius: 5px;
- -moz-border-radius: 5px;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+}
+
+.donate a {
+ color:#222;
}
/* Rules for Creative Commons logo button */
/* Rules for tabbed navigation bar */
+#top-bar {
+ border-bottom: 1px solid #ccc;
+ height: 29px;
+}
+
#tabnav {
- height: 20px;
- margin: 0px;
- padding-top: 5px;
- background: image-url('tab_bottom.gif') repeat-x bottom;
+ padding: 0;
+ margin: 0;
+ overflow:hidden;
}
#tabnav li {
}
#tabnav a, #tabnav a:link, #tabnav a:visited {
- background: #f3f3f3;
- font-size: 13px;
- line-height: 14px;
+ background: #fff;
+ font-size: 14px;
+ line-height: 19px;
font-weight: bold;
- padding: 2px 10px;
- border: 1px solid #ccc;
+ padding: 5px 10px;
text-decoration: none;
color: #333;
- border-top-right-radius: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- -moz-border-radius-topleft: 5px;
}
#tabnav a:link.active, #tabnav a:visited.active {
- border-bottom: 1px solid #fff;
- background: #fff;
+ border-bottom: 1px solid #aaa;
+ background: #9ed485;
color: #000;
}
#tabnav a:link:hover, #tabnav a:visited:hover {
- background: #fff;
+ text-decoration:underline;
}
#tabnav a:link.disabled,
#tabnav a:visited.disabled,
#tabnav a:link:hover.disabled,
#tabnav a:visited:hover.disabled {
- background: #bbbbbb;
- color: white
+ color: #ccc;
+ cursor: default;
+}
+
+#tabnav a:link.disabled:hover,
+#tabnav a:visited.disabled:hover,
+#tabnav a:link:hover.disabled:hover,
+#tabnav a:visited:hover.disabled:hover {
+ text-decoration: none;
+}
+
+.count-number {
+ padding: 2px 5px;
+ border-radius: 3px;
+ background: #eee;
+ margin: 0 2px;
+ font-size: 11px;
+ color: #333;
}
/* Rules for greeting bar in the top right corner */
#greeting {
- height: 20px;
+ height: 28px;
margin: 0px;
- padding-top: 5px;
font-size: 13px;
- line-height: 15px;
- background: image-url('tab_bottom.gif') repeat-x bottom;
+ line-height: 28px;
}
.greeting-bar-unread {
/* Rules for edit menu */
+.menuicon {
+ padding: 5px;
+
+ &:hover {
+ background: #eee;
+ text-decoration: none !important;
+ }
+}
+
.menu {
display: none;
z-index: 10000;
position: absolute;
background-color: #ffffff;
- border: 1px solid black;
+ border: 1px solid #cccccc;
+ border-top: 0px;
}
.menu ul {
- margin-top: 10px;
- margin-bottom: 10px;
- padding-left: 10px;
- padding-right: 10px;
+ margin: 0px;
+ padding: 0px;
}
.menu li {
+ padding: 2px 5px;
+ margin: 0px;
list-style-type: none;
+ border-top: 1px solid #eee;
white-space: nowrap;
}
/* Rules for the account settings page */
+#accountForm {
+ margin-top: 20px;
+}
+
#accountForm td {
padding-bottom: 10px;
}
/* Rules for the user map */
-.user_map .olControlPanZoomBar {
+.user_map .olControlSimplePanZoom {
display: none;
}
-.user_map .olControlPanZoom {
+.user_map .olControlZoom {
display: block;
}
font-weight: bold;
}
+.inbox-row .inbox-mark-read {
+ display: none;
+}
+
+.inbox-row-unread .inbox-mark-unread {
+ display: none;
+}
+
/* Rules for "flash" notice boxes shown at the top of the content area */
#error {
input[type="url"],
input[type="password"],
textarea {
- border: 1px solid #888;
+ border: 1px solid #ccc;
}
/* Rules for user images */
vertical-align: text-bottom;
border: 0;
}
+
+/* Rules for rich text editors */
+
+.richtext_container {
+ white-space: nowrap;
+
+ .richtext_content {
+ display: inline-block;
+ vertical-align: top;
+
+ .richtext_preview {
+ display: inline-block;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ border: 4px solid #eee;
+ background-color: #eee;
+ white-space: normal;
+
+ &.loading {
+ background-image: image-url("loading.gif");
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+
+ > :first-child {
+ margin-top: 0px;
+ }
+ }
+ }
+
+ .richtext_help {
+ display: inline-block;
+ vertical-align: top;
+ background-color: #ddd;
+ padding: 5px 10px 10px 10px;
+ font-size: 12px;
+
+ p {
+ margin: 0px;
+ }
+
+ th {
+ vertical-align: top;
+ }
+
+ td {
+ font-family: fixed;
+ line-height: 16px;
+ padding: 0px !important;
+ }
+
+ input.richtext_doedit {
+ margin-top: 5px !important;
+ }
+
+ input.richtext_dopreview {
+ margin-top: 5px !important;
+ }
+ }
+}
projects / rails.git / blobdiff