app/assets/stylesheets/cites_trade/common.css
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px Helvetica, arial, clean, sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font-family:Lucida grande, arial,helvetica,clean,sans-serif;font-size:1.1em}
pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}/*ol,ul {list-style:none;}*/caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
fieldset{border:1px #CCCCCC;}
/* end of yahoo reset and fonts */
body {
color:#333;
line-height:1.3;
margin: 0;
margin-bottom: 25px;
padding: 0;
/*background-color: #eee;*/
/*background: #CCC url(./images/background_cites2.png) repeat-x 0% 0%;*/
font:12px Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;}
p {margin:0 0 20px;}
a {color:#636363;}
a:hover {text-decoration:none;}
strong {font-weight:bold;}
em {font-style: italic;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size:197%; margin:30px 0; color: #4f6f6c;border : solid 1px black;text-align: center;padding: 10px;}
h2 {font-size:174%; margin:20px 0; color:#4f6f6c;}
h3 {font-size:152%; margin:10px 0;}
h4 {font-size:129%; margin:10px 0;}
pre {background:#eee; margin:0 0 20px; padding:20px; border:1px solid #ccc; font-size:100%; overflow:auto;}
code {font-size:100%; margin:0; padding:0;}
ul, ol {margin:10px 0 10px 25px;}
ol li {margin:0 0 10px;}
div#wrapper {background:#fff; width:560px; margin:0 auto; padding:20px; border:10px solid #0f1616; border-width:0 10px 10px 10px;}
div#header {position:relative; border-bottom:1px dotted; margin:0 0 10px; padding:0 0 10px; text-align: center;}
div#header p {margin:0; padding:0;}
div#header h1 {margin:0; padding:0;}
div#header img {display: block; margin-left: auto; margin-right: auto; }
ul#nav {position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;}
ul#nav li {display:inline; padding:0 0 0 5px;}
ul#nav li a {}
div#content {}
div#footer {margin:40px 0 0; border-top:1px dotted; padding:10px 0 0;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
/* multiselect styles */
.multiselect {
width: 460px;
height: 200px;
}
#switcher {
margin-top: 20px;
}
form {margin: 0; padding: 0;}
/*
* Application specific styling - AJ
*
*/
.container .cites_header {background-color : 'transparent'; padding-top : 0px; text-align: left;}
.container .cites_header img {display: block; margin-left: auto; margin-right: auto; }
.container .main_content{background-color:#FFFFFF;padding: 10px 0px;margin-top: 1px;}
.container .tab_content{background-color:#E3EDF0;padding: 10px 0px;margin-top: 10px;}
.container .footer {background-color:#C0C0C0; color: #50504C; padding-bottom: 15px;}
.container .other_info {background-color:#F2F2F2; color:#333333; padding: 10px 0px;}
.container .footer a:link { color: #343333; }
.container .footer a:visited { color: #343333; }
.container .footer a:hover { color:#DD6C33; }
.container .footer a:active { color: #FFFFFF; }
.floatleft
{
position: absolute;
float: left;
width: 100px;
height: 10px;
color: white;
/*border: 2px solid #F63;*/
}
/*.markeeta #menutop {padding: 0 10px 0 20px !important;} */
/*.markeeta #header {background-position: center !important;}*/
div.label_style{color:#660033;font-size:16px;font-variant:small-caps;padding-bottom:5px;}
/* Accordiong css */
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}
/* Jquery UI Accordion Changes */
.ui-accordion .ui-accordion-header {
cursor: pointer;
margin-top: 1px;
position: relative;
padding: 5px;
}
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .1em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width:100%;padding:0.8em 0.3em; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 0.5em; float: right; width: 70%;}
/* UI Autocomplete changes*/
.ui-autocomplete {
max-height: 250px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
/* add padding to account for vertical scrollbar */
padding-right: 20px;
}
/**Added from http://robertmarkbramprogrammer.blogspot.com/2010/09/event-handling-with-jquery-autocomplete.html**/
.ui-button { margin-left: -1px; vertical-align:bottom;}
.ui-button-icon-only .ui-button-text { padding: 0.65em 0.35em 0.35em 0.55em; }
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
/* end Added */
/*Jquery UI changes end *
.information
{
background-image:url(./images/information5.png);
background-repeat:no-repeat;
padding-left:10px;
padding-right:10px;
}
.selection_box{
padding: 0.6em;
margin-bottom: 1.5em;
background: #E4F3E8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.select_label{
font-weight:400;
color:#660000;
}
#table_selection , td{padding: 5px; border:1px solid #BCDFB0;}
.span_label{
color:#006600;
font-style:italic;
}
/****MAKING BUTTONS LOOKS BEAUTIFUL****/
/**Taken from: http://particletree.com/features/rediscovering-the-button-element/**/
/* BUTTONS */.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
/*background-color:#f5f5f5;*/
background-color:#E1E1E1;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:110%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* STANDARD */button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}/* POSITIVE */button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}/* NEGATIVE */.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
/**** buttons beautiful end ****/