Skip to content

Instantly share code, notes, and snippets.

@JonCrawford
Created August 2, 2008 06:13
Show Gist options
  • Save JonCrawford/3719 to your computer and use it in GitHub Desktop.
Save JonCrawford/3719 to your computer and use it in GitHub Desktop.
/*----------------------------------------------------------------------------------------
= USER BAR
------------------------------------------------------------------------------------------*/
#user_bar {
height: 25px;
margin-right:10px;
position:absolute;
top:0;
width:572px;
right:10px;
}
#user_bar_left {
float: left;
width: 10px;
height: 25px;
background: transparent url(/images/user_bar_left.png) no-repeat;
}
#user_bar ul {
float: left;
height: 25px;
font-size: 11px;
background: transparent url(/images/user_bar_slice.png) repeat-x;
}
#user_bar ul li {
float: left;
display: block;
border-right: 1px solid #878787;
white-space:nowrap;
}
#user_bar ul li a {
display: block;
float:left;
height: 15px;
padding: 5px 10px;
font: 12px 'Lucida Grande';
color: #464646;
font-weight:normal;
}
#user_bar ul li#cart {
border-right: none;
}
#user_bar ul li#cart a {
background:transparent url(/images/icon_cart.png) 9px 1px no-repeat;
padding-left:35px;
}
#user_bar ul li#checkout {
border-left: 1px solid #878787;
background:transparent url(/images/bg_checkout_user_bar.png);
}
#user_bar ul li#checkout a {
color:#464646;
font-weight:bold;
text-shadow:#ddd 0px 1px 1px;
}
#user_bar ul li a#dashboard_link {
padding-right:2px;
}
#user_bar ul li a#logout_link {
padding-left:2px;
}
#user_bar ul li a:hover {
color: #222;
}
#user_bar ul li img {
display:block;
float:left;
vertical-align: middle;
}
#user_bar_right {
float: left;
width: 10px;
height: 25px;
background: transparent url(/images/user_bar_right.png) no-repeat;
}
#user_bar ul li a#dashboard_link {
color:#2A95CE;
}
/*----------------------------------------------------------------------------------------
= REPORT BUG
------------------------------------------------------------------------------------------*/
#report_bug {
height: 120px;
background: #FFF url(/images/bg_report_bug.png) repeat-x bottom left;
clear:both;
overflow:hidden;
position:relative;
}
/* =Close Link
----------------------------------------------*/
#report_bug a#close {
position: absolute;
bottom: 5px;
left: 20px;
color: #FFF;
font-size: 11px;
}
/* =Heading Info
----------------------------------------------*/
/*#report_bug_info {
float: left;
width: 265px;
height: 80px;
padding: 20px 0 0 0;
text-align: right;
}*/
#report_bug h2 {
font-size: 30px;
color: #FFFFFF;
line-height: 30px;
}
#report_bug p {
font-size: 14px;
color: #f1f1f1;
line-height: 14px;
}
/* =Form
----------------------------------------------*/
#report_bug form {
float: left;
/* width: 663px;*/
display:inline;
padding:15px 0 0 235px;
/* margin: 15px 0 0 295px;*/
}
label {
font-size: 14px;
color: #464646;
line-height: 100%;
}
/* =Input Fields
----------------------------------------------*/
#user_info {
float: left;
}
#your_name, #your_email {
display: block;
width: 150px;
margin-bottom: 5px;
}
#personal_info {
float:left;
width:160px;
}
#personal_info input {
width:160px
}
/* =Textarea
----------------------------------------------*/
#feedback {
float: left;
width: 339px;
height: 101px;
margin: 0 0 0 20px;
}
#your_feedback {
width: 329px;
height: 65px;
}
/* =Submit Button
----------------------------------------------*/
#report_bug input#submit_button {
float: left;
width: 120px;
height: 30px;
margin: 19px 0 0 6px;
border: none;
cursor: pointer;
background: transparent url(/images/btn_submit_form.png) repeat scroll 0% 0%;
}
.orders #report_bug input#submit_button, .cart #report_bug input#submit_button {
margin-left:28px;
}
/* =Report Bug Tab
----------------------------------------------*/
#footer a#report_bug_tab {
position:absolute;
top: -22px;
right: 20px;
width: 116px;
height: 16px;
padding: 2px;
text-align: center;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
background-color: #ddd;
font: 12px 'Lucida Grande';
text-shadow: #fff 0 1px 1px;
}
#footer.store a#report_bug_tab, #footer.store a#report_bug_tab {
border:0;
top: -20px;
text-shadow: none;
}
/* =Bug Saved
----------------------------------------------*/
#bug_saved {
margin-top:15px;
padding-left: 50px;
background: transparent url(/images/no_bugs.png) no-repeat left center;
}
#bug_saved h2 {
font-size:24px;
font-weight:bold;
text-align:left;
color:#ff0000;
}
#bug_saved p {
font-size: 14px;
color: #464646;
}
/*----------------------------------------------------------------------------------------
= FORMS
------------------------------------------------------------------------------------------*/
input.input_text, textarea {
font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}
.input_text, textarea.input_text {
background: #fff url(/images/bg_input.png) no-repeat scroll left top;
border-color: #F7F7F7;
border-style: solid;
border-width: 0 1px 1px 0;
margin-top: 3px;
margin-bottom: 15px;
padding: 5px;
color:#444;
}
#login_box {
background:#f9f9f9;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
overflow:hidden;
height:36px;
width:570px;
text-align:right;
}
#login_box form {
margin:7px 10px;
height:22px;
}
#login_box label {
font-size:11px;
}
#login_box input[type="text"] {
font-size:11px;
width:110px;
}
/*----------------------------------------------------------------------------------------
= ERROR MESSAGES
------------------------------------------------------------------------------------------*/
a.success, a.error {
position: absolute;
top: 50px;
left: 50%;
width: 400px;
margin-left: -221px;
padding: 20px 20px;
color: #FFF;
text-align: center;
border: 1px solid #464646;
z-index: 100;
}
a.success {
background-color: #8dc63f;
}
a.error {
background-color: #ed4c4c;
}
a.success:link, a.success:visited, a.error:link, a.error:visited {
color: #FFF;
}
span.heading {
display: block;
font-size: 16px;
font-weight: bold;
letter-spacing: -.5px;
}
span.content {
display: block;
font-size: 12px;
}
span.close {
display: block;
font-size: 11px;
margin-top: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment