/static/june_2007_style/autocomplete_tagging.css.tmpl

  1/****************************************************************************/
  2/* JQuery autocomplete code                                                 */
  3/****************************************************************************/
  4
  5.ac_results {
  6	padding: 0px;
  7	border: 1px solid black;
  8	background-color: white;
  9	overflow: hidden;
 10	z-index: 99999;
 11}
 12
 13.ac_results ul {
 14	width: 100%;
 15	list-style-position: outside;
 16	list-style: none;
 17	padding: 0;
 18	margin: 0;
 19}
 20
 21.ac_results li {
 22	padding: 2px 5px;
 23	cursor: default;
 24	display: block;
 25	/* 
 26	if width will be 100% horizontal scrollbar will apear 
 27	when scroll mode will be used
 28	*/
 29	/*width: 100%;*/
 30    /* font: menu; */
 31	font-size: 12px;
 32	/* 
 33	it is very important, if line-height not setted or setted 
 34	in relative units scroll will be broken in firefox
 35	*/
 36	line-height: 16px;
 37	overflow: hidden;
 38}
 39
 40.ac_loading {
 41	background: white url('indicator.gif') right center no-repeat;
 42}
 43
 44.ac_odd {
 45	background-color: #fff; /* #eee */
 46	margin-left: 0.3em;
 47}
 48
 49.ac_even {
 50    margin-left: 0.3em;
 51}
 52
 53.ac_over {
 54	background-color: #0A246A;
 55	color: white;
 56}
 57
 58.ac_header {
 59    font-style: normal;
 60    color: gray;
 61    border-bottom: 0.1em solid gray;
 62}
 63
 64/****************************************************************************/
 65/* Custom code for supporting tags                                          */
 66/****************************************************************************/
 67.tag-area {
 68    width: 100%;
 69}
 70
 71.individual-tag-area
 72{
 73    cursor: pointer;
 74    border: 1px dotted transparent;
 75}
 76
 77.individual-tag-area:hover 
 78{
 79    border: 1px dotted #999999;
 80}
 81
 82.active-tag-area {
 83    background-color: white;
 84}
 85
 86.toggle-link 
 87{
 88    font-weight: normal;  
 89    padding: 0.3em;
 90    margin-bottom: 1em;
 91    width: 100%;
 92    padding: 0.2em 0em 0.2em 0em;
 93}
 94
 95.tag-button {
 96    width: auto;
 97    color: #444;
 98    text-decoration: none;
 99    display: inline-block;
100    cursor: pointer;
101    margin: 0.2em;
102    border: solid #bbb 1px;
103    padding: 0.1em 0.5em 0.1em 0.5em;
104    -moz-border-radius: .5em;
105    -webkit-border-radius: .5em;
106    border-radius: .5em;
107    background:#eee;
108}
109
110.tag-button img
111{
112    padding-left: 0.4em;
113}
114
115.tag-button .tag-name:hover
116{
117    color: black;
118}
119
120.add-tag-button
121{
122    margin-bottom: 0.3em;
123    vertical-align: middle;
124    padding: 0.3em;
125}
126
127.add-tag-button:hover
128{
129    cursor: pointer;
130}
131
132.tag-input {
133    vertical-align: bottom;
134    border: none;
135    outline: none;
136    resize: none;
137}
138
139.delete-tag-img
140{
141    
142    margin-left: 0.3em;
143}
144
145.active-tag-name
146{
147    font-weight: bold;
148}