public/css/software.css

   1 #iso-wrapper {
   2   padding: 0;
   3   margin-right: 0;
   4   padding-left: 15px;
   5   padding-right: 15px;
   6 }
   7
   8 #iso-wrapper h4 {
   9   margin-top: 4px;
  10   float:left
  11 }
  12
  13 #iso-wrapper div.changeiso {
  14   border: 2px solid #7C92A4;
  15   min-height: 50px;
  16   height: 5em;
  17   margin-bottom: 10px;
  18   color: #999;
  19   cursor: pointer;
  20   -moz-border-radius: 5px;
  21   -webkit-border-radius: 5px;
  22   background: #ffffff url('../images/gradien-light-grey.png') repeat-x scroll bottom left;
  23 }
  24
  25 #iso-wrapper div.changeiso:hover {
  26   border: 2px solid #690;
  27 }
  28 /*
  29 #iso-wrapper div.changeiso:hover .icon_unselected  {
  30   opacity: 0.7;
  31   -moz-opacity: 0.7;
  32   filter:alpha(opacity=70);
  33 }
  34
  35 #iso-wrapper div.medium_selected {
  36   border-color: #4987B3;
  37   -moz-box-shadow: 0px 1px 4px #999;
  38   -webkit-box-shadow: 0px 1px 4px #999;
  39   box-shadow: 0px 1px 4px #999;
  40   color: #333;
  41 }*/
  42
  43 #iso-wrapper div.changeiso {
  44   border-color: #4987B3;
  45   -moz-box-shadow: 0px 1px 4px #999;
  46   -webkit-box-shadow: 0px 1px 4px #999;
  47   box-shadow: 0px 1px 4px #999;
  48   color: #333;
  49 }
  50
  51 #iso-wrapper div.changeiso div {
  52   padding-top: 5px;
  53   padding-bottom: 2px;
  54   margin-right: 15px;
  55 }
  56
  57 #iso-wrapper div.changeiso img { /* Icon */
  58   margin: 5px 15px 0 7px;
  59   float: left;
  60   height: 48px;
  61 }
  62
  63 .download_buttonClass {
  64   -moz-box-shadow: 0px 1px 2px #ccc;
  65   -webkit-box-shadow: 0px 1px 2px #ccc;
  66   box-shadow: 0px 1px 2px #ccc;
  67 /*  border-color: #690;
  68   color: #690;*/
  69   color: #069;
  70   background-color: #eee;
  71 }
  72
  73 .download_buttonClass {
  74   border-width: 2px;
  75 }
  76
  77 .download_buttonClass:hover {
  78   -moz-box-shadow: 0px 1px 2px #ccc;
  79   -webkit-box-shadow: 0px 1px 2px #ccc;
  80   box-shadow: 0px 1px 2px #ccc;
  81 }
  82
  83 #downloadButtonDiv {
  84   float: right;
  85 }
  86
  87 .icon_unselected {
  88 /*  opacity: 0.5;
  89   -moz-opacity: 0.5;
  90   filter:alpha(opacity=50);*/
  91 }
  92
  93 .icon_selected { opacity: 1; }
  94 form div .l_change { display: block; margin-bottom: .5em; float:left;}
  95
  96 #popup {
  97   padding: 0.5em;
  98   width: 70%;
  99   margin: 0 auto;
 100   border: 3px solid #000000;
 101   background: #ffffff;
 102   position: absolute;
 103   left: 0px;
 104   z-index: 2;
 105 }
 106
 107 /* Helper Styles */
 108 .hidden { display: none; }
 109 .help_icon { margin-right: 10px; }
 110 .notavailable { color: gray; }
 111
 112 #iso-wrapper form {
 113   margin-left: 20px;
 114 }
 115
 116 .navlist {
 117   margin-left: -4px;
 118 }
 119
 120 #download_os,
 121 #get_software {
 122   padding: 7px 0;
 123   text-align: center;
 124   overflow: hidden;
 125   background: url('../images/get_it128.png') no-repeat center;
 126 }
 127
 128 #get_software {
 129   padding-left: 120px;
 130   padding-right: 20px;
 131   background: url('../images/get_pack.png') no-repeat 10px -10px;
 132   min-height: 90px;
 133   height: 8em;
 134 }
 135
 136 #derivativesDiv {
 137   margin-left: 15px;
 138   margin-bottom: 50px;
 139 }
 140
 141 ul#addon_downloads li {
 142   display: block;
 143   vertical-align: middle;
 144 }
 145
 146 ol#howtoproceed li {
 147   margin: 12px;
 148 }
 149
 150 ol#howtoproceed dt {
 151   font-weight: bold;
 152   margin-left: 24px;
 153 }
 154
 155 ol#howtoproceed dd {
 156   margin-left: 48px;
 157 }
 158
 159 #search_form {
 160   margin-left: auto;
 161   margin-right: auto;
 162 }
 163
 164 .form_control {
 165   margin-top: 10px;
 166 }
 167
 168 #ajaxindicator {
 169   color: #999;
 170   background: url('http://static.opensuse.org/c/images/common/spinner_16.gif') no-repeat 0;
 171   padding-left: 20px;
 172   width: 80px;
 173   margin-left: auto;
 174   margin-right: auto;
 175 }
 176
 177 #search_short {
 178   text-align: center;
 179 }
 180
 181 .search_o_wrapper {
 182   border: 10px solid #fcfcfc;
 183   height: auto;
 184   clear: both;
 185 }
 186
 187 .search_o_title {
 188   display: block;
 189   height: 1em;
 190   border-top: 1px solid #CCC;
 191   padding-top: 1ex;
 192 }
 193
 194 .search_o_title div {
 195   width: 49.5%;
 196   float:left;
 197 }
 198
 199 .search_o_title h3 {
 200   font-size: 1.2em;
 201   color: #F59F1A;
 202 }
 203
 204 .search_o_title h4 {
 205   font-size: 1em;
 206   color: #999;
 207 }
 208
 209 .description {
 210   padding-top: 1ex;
 211 }
 212
 213 .description .description-txt {
 214   width: 70%;
 215   float: left;
 216   margin-bottom: 1em;
 217 }
 218
 219 .install_btn {
 220   float: right;
 221   min-width: 135px;
 222   height: 38px;
 223   text-align: center;
 224   background: transparent url(http://static.opensuse.org/hosts/software.o.o/css/images/inst_btn.png) no-repeat scroll top left;
 225   white-space: nowrap;
 226 }
 227
 228 .install_btn a {
 229   display: block;
 230   height: 38px;
 231   line-height: 36px;
 232   margin-left: 32px;
 233   text-decoration: none !important;
 234 }
 235
 236 .small_btn {
 237   float: left;
 238   width: 75px;
 239   height: 22px;
 240   margin-top: 3px;
 241   padding-top: 2px;
 242   text-align: center;
 243   text-decoration: none;
 244   text-decoration: none!important;
 245   background: transparent url(http://static.opensuse.org/hosts/software.o.o/css/images/small_btn.png) no-repeat scroll top left;
 246 }
 247
 248 .description h4 {
 249   color: #999;
 250 }
 251
 252 #pkg_list_wrapper {
 253   display: block;
 254   clear: both;
 255 }
 256
 257 .pkg_list {
 258   width: 95%;
 259   clear: both;
 260 }
 261
 262 .pkg_list td {
 263   padding: 4px;
 264 }
 265
 266 .pkg_list .cell1 {
 267   width: 20px;
 268   font-weight: bold;
 269 }
 270
 271 #pkg_list_wrapper h4 {
 272   color: #999;
 273   display: block;
 274   width: 20em;
 275   float: left;
 276 }
 277
 278 #paginator_bottom {
 279   border-top: 1px solid #ccc;
 280   margin: 8px;
 281 }
 282
 283 #search_results_top {
 284   margin: 8px;
 285 }
 286
 287 #paginator {
 288   padding: 16px;
 289   text-align: center;
 290   clear: both;
 291 }
 292
 293 #permalink {
 294   padding-top: 8px;
 295   float: right;
 296 }
 297
 298 #search_top_info {
 299   padding-top: 8px;
 300   float: left;
 301 }
 302
 303 p.justify {
 304   text-align: justify;
 305 }
 306
 307 #nothing_found {
 308   clear: both;
 309   text-align: center;
 310   padding: 20px;
 311   font-weight: bold;
 312 }
 313
 314 .ui-accordion-content {
 315   padding-bottom: 2em;
 316 }
 317
 318 #downloadMethodDiv,
 319 #TypeOfComputerDiv,
 320 #downloadButtonDiv {
 321   float: left;
 322 /*  overflow: hidden;*/
 323 }
 324
 325 #downloadButtonDiv {
 326   clear: both;
 327   margin-top: 1em;
 328 }
 329   #downloadMethodDiv label,
 330   #TypeOfComputerDiv label {
 331     display: block;
 332     clear: left;
 333   }
 334   #downloadMethodDiv div,
 335   #TypeOfComputerDiv div {
 336     margin-left: 1em;
 337   }
 338
 339 #downloadMethodDiv {
 340
 341 }
 342 #TypeOfComputerDiv {
 343
 344 }
 345
 346 .query_5 { font-size: 130%; }
 347 .query_4 { font-size: 119%; }
 348 .query_3 { font-size: 108%; }
 349 .query_2 { font-size: 97%; }
 350 .query_1 { font-size: 86%; }
 351 .query_0 { font-size: 75%; }
 352