web/data/cubicweb.old.css
changeset 6140 65a619eb31c4
parent 5775 34195230dc2a
child 6279 42079f752a9c
equal deleted inserted replaced
6139:f76599a96238 6140:65a619eb31c4
    20   font-size: 69%;
    20   font-size: 69%;
    21   font-weight: normal;
    21   font-weight: normal;
    22   font-family: Verdana, sans-serif;
    22   font-family: Verdana, sans-serif;
    23 }
    23 }
    24 
    24 
    25 h1 {
    25 h1,
       
    26 .vtitle {
    26   font-size: 188%;
    27   font-size: 188%;
    27   margin: 0.2em 0px 0.3em;
    28   margin: 0.2em 0px 0.3em;
    28   border-bottom: 1px solid #000;
    29   border-bottom: 1px solid #000;
    29 }
    30 }
    30 
    31 
   241 div#stateheader{
   242 div#stateheader{
   242   min-width: 66%;
   243   min-width: 66%;
   243 }
   244 }
   244 
   245 
   245 /* Popup on login box and userActionBox */
   246 /* Popup on login box and userActionBox */
   246 div.popupWrapper{
       
   247  position:relative;
       
   248  z-index:100;
       
   249 }
       
   250 
   247 
   251 div.popup {
   248 div.popup {
   252   position: absolute;
   249   position: absolute;
   253   background: #fff;
   250   background: #fff;
   254   border: 1px solid black;
   251   border: 1px solid black;
   301 /* rql bar */
   298 /* rql bar */
   302 
   299 
   303 div#rqlinput {
   300 div#rqlinput {
   304   border: 1px solid #cfceb7;
   301   border: 1px solid #cfceb7;
   305   margin-bottom: 8px;
   302   margin-bottom: 8px;
   306   padding: 3px;
   303   padding: 1px;
   307   background: #cfceb7;
   304   background: #cfceb7;
   308 }
   305   width: 100%;
   309 
   306 }
   310 input#rql{
   307 
   311   width: 95%;
   308 input#rql {
   312 }
   309   width: 99%;
   313 
   310 }
   314 /* boxes */
   311 
   315 div.navboxes {
   312 input.rqlsubmit{
   316  margin-top: 8px;
   313   display: block;
   317 }
   314   width: 20px;
       
   315   height: 20px;
       
   316   background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat;
       
   317   vertical-align: bottom;
       
   318 }
       
   319 /* old boxes, deprecated */
   318 
   320 
   319 div.boxFrame {
   321 div.boxFrame {
   320   width: 100%;
   322   width: 100%;
   321 }
   323 }
   322 
   324 
   323 div.boxTitle {
   325 div.boxTitle {
   324   padding-top: 0px;
   326   padding-top: 0px;
   325   padding-bottom: 0.2em;
   327   padding-bottom: 0.2em;
   326   font: bold 100% Georgia;
   328   font: bold 100% Georgia;
   327   overflow: hidden;
       
   328   color: #fff;
   329   color: #fff;
   329   background: #ff9900 url("search.png") left bottom repeat-x;
   330   background: #ff9900 url("search.png") left bottom repeat-x;
   330 }
       
   331 
       
   332 div.searchBoxFrame div.boxTitle,
       
   333 div.greyBoxFrame div.boxTitle {
       
   334   background: #cfceb7;
       
   335 }
   331 }
   336 
   332 
   337 div.boxTitle span,
   333 div.boxTitle span,
   338 div.sideBoxTitle span {
   334 div.sideBoxTitle span {
   339   padding: 0px 5px;
   335   padding: 0px 5px;
   340   white-space: nowrap;
   336   white-space: nowrap;
   341 }
   337 }
   342 
   338 
   343 div.sideBoxTitle span,
   339 div.sideBoxTitle span {
   344 div.searchBoxFrame div.boxTitle span,
       
   345 div.greyBoxFrame div.boxTitle span {
       
   346   color: #222211;
   340   color: #222211;
   347 }
   341 }
   348 
   342 
   349 .boxFrame a {
   343 .boxFrame a {
   350   color: #000;
   344   color: #000;
   352 
   346 
   353 div.boxContent {
   347 div.boxContent {
   354   padding: 3px 0px;
   348   padding: 3px 0px;
   355   background: #fff;
   349   background: #fff;
   356   border-top: none;
   350   border-top: none;
   357 }
       
   358 
       
   359 ul.boxListing {
       
   360   margin: 0px;
       
   361   padding: 0px 3px;
       
   362 }
       
   363 
       
   364 ul.boxListing li,
       
   365 ul.boxListing ul li {
       
   366   display: inline;
       
   367   margin: 0px;
       
   368   padding: 0px;
       
   369   background-image: none;
       
   370 }
       
   371 
       
   372 ul.boxListing ul {
       
   373   margin: 0px 0px 0px 7px;
       
   374   padding: 1px 3px;
       
   375 }
       
   376 
       
   377 ul.boxListing a {
       
   378   color: #000;
       
   379   display: block;
       
   380   padding: 1px 9px 1px 3px;
       
   381 }
       
   382 
       
   383 ul.boxListing .selected {
       
   384   color: #FF4500;
       
   385   font-weight: bold;
       
   386 }
       
   387 
       
   388 ul.boxListing a.boxBookmark:hover,
       
   389 ul.boxListing a:hover,
       
   390 ul.boxListing ul li a:hover {
       
   391   text-decoration: none;
       
   392   background: #eeedd9;
       
   393   color: #111100;
       
   394 }
       
   395 
       
   396 ul.boxListing a.boxMenu:hover {
       
   397                                 background: #eeedd9 url(puce_down.png) no-repeat scroll 98% 6px;
       
   398                                 cursor:pointer;
       
   399                                 border-top:medium none;
       
   400                                 }
       
   401 a.boxMenu {
       
   402   background: transparent url("puce_down.png") 98% 6px no-repeat;
       
   403   display: block;
       
   404   padding: 1px 9px 1px 3px;
       
   405 }
       
   406 
       
   407 
       
   408 a.popupMenu {
       
   409   background: transparent url("puce_down_black.png") 2% 6px no-repeat;
       
   410   padding-left: 2em;
       
   411 }
       
   412 
       
   413 ul.boxListing ul li a:hover {
       
   414   background: #eeedd9  url("bullet_orange.png") 0% 6px no-repeat;
       
   415 }
       
   416 
       
   417 a.boxMenu:hover {
       
   418   background: #eeedd9 url("puce_down.png") 98% 6px no-repeat;
       
   419   cursor: pointer;
       
   420 }
       
   421 
       
   422 ul.boxListing a.boxBookmark {
       
   423   padding-left: 3px;
       
   424   background-image:none;
       
   425   background:#fff;
       
   426 }
       
   427 
       
   428 ul.boxListing ul li a {
       
   429   background: #fff url("bullet_orange.png") 0% 6px no-repeat;
       
   430   padding: 1px 3px 0px 10px;
       
   431 }
       
   432 
       
   433 div.searchBoxFrame div.boxContent {
       
   434   padding: 4px 4px 3px;
       
   435   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
       
   436 }
   351 }
   437 
   352 
   438 div.shadow{
   353 div.shadow{
   439   height: 14px;
   354   height: 14px;
   440   background: url("shadow.gif") no-repeat top right;
   355   background: url("shadow.gif") no-repeat top right;
   472 
   387 
   473 div.sideBox table td {
   388 div.sideBox table td {
   474   padding-right: 1em;
   389   padding-right: 1em;
   475 }
   390 }
   476 
   391 
   477 input.rqlsubmit{
   392 /* boxes */
   478   background: #fffff8 url("go.png") 50% 50% no-repeat;
   393 
   479   width: 20px;
   394 div.navboxes {
   480   height: 20px;
   395   padding-top: 0.5em;
       
   396 }
       
   397 
       
   398 div.boxTitle {
       
   399   overflow: hidden;
       
   400   font-weight: bold;
       
   401 }
       
   402 
       
   403 div.boxTitle span {
       
   404   padding: 0px 0.5em;
       
   405   white-space: nowrap;
       
   406 }
       
   407 
       
   408 div.boxBody {
       
   409   padding: 3px 3px;
       
   410   border-top: none;
       
   411   background-color: %(leftrightBoxBodyBgColor)s;
       
   412 }
       
   413 
       
   414 div.boxBody a {
       
   415   color: %(leftrightBoxBodyColor)s;
       
   416 }
       
   417 
       
   418 div.boxBody a:hover {
       
   419   text-decoration: none;
       
   420   cursor: pointer;
       
   421   background-color: %(leftrightBoxBodyHoverBgColor)s;
       
   422 }
       
   423 
       
   424 /* boxes contextual customization */
       
   425 
       
   426 .contextFreeBox div.boxTitle {
       
   427   background: %(contextFreeBoxTitleBg)s;
       
   428   color: %(contextFreeBoxTitleColor)s;
       
   429 }
       
   430 
       
   431 .contextualBox div.boxTitle {
       
   432   background: %(contextualBoxTitleBg)s;
       
   433   color: %(contextualBoxTitleColor)s;
       
   434 }
       
   435 
       
   436 .primaryRight div.boxTitle {
       
   437   background: %(incontextBoxTitleBg)s;
       
   438   color: %(incontextBoxTitleColor)s;
       
   439 }
       
   440 
       
   441 .primaryRight div.boxBody {
       
   442   padding: 0.2em 5px;
       
   443   background: %(incontextBoxBodyBgColor)s;
       
   444 }
       
   445 
       
   446 .primaryRight div.boxBody a {
       
   447   color: %(incontextBoxBodyColor)s;
       
   448 }
       
   449 
       
   450 .primaryRight div.boxBody a:hover {
       
   451   background-color: %(incontextBoxBodyHoverBgColor)s;
       
   452 }
       
   453 
       
   454 .primaryRight div.boxFooter {
       
   455   margin-bottom: 1em;
       
   456 }
       
   457 
       
   458 #navColumnLeft div.boxFooter, #navColumnRight div.boxFooter{
       
   459   height: 14px;
       
   460   background: url("shadow.gif") no-repeat top right;
       
   461 }
       
   462 
       
   463 /* boxes lists and menus */
       
   464 
       
   465 ul.boxListing {
       
   466   margin: 0;
       
   467   padding: 0;
       
   468 }
       
   469 
       
   470 ul.boxListing ul {
       
   471   padding: 1px 3px;
       
   472 }
       
   473 
       
   474 ul.boxListing a {
       
   475   color: %(defaultColor)s;
       
   476   display: block;
       
   477   padding: 1px 3px;
       
   478 }
       
   479 
       
   480 ul.boxListing li {
   481   margin: 0px;
   481   margin: 0px;
   482 }
   482   padding: 0px;
   483 
   483   background-image: none;
   484 input#norql{
   484 }
   485   width:13em;
   485 
   486   margin-right: 2px;
   486 ul.boxListing ul li {
       
   487   margin: 0px;
       
   488   padding-left: 1em;
       
   489 }
       
   490 
       
   491 ul.boxListing ul li a {
       
   492   padding-left: 10px;
       
   493   background-image: url("bullet_orange.png");
       
   494   background-repeat: no-repeat;
       
   495   background-position: 0 6px;
       
   496 }
       
   497 
       
   498 ul.boxListing .selected {
       
   499   color: %(aColor)s;
       
   500   font-weight: bold;
       
   501 }
       
   502 
       
   503 ul.boxListing a.boxMenu:hover {
       
   504   border-top: medium none;
       
   505   background: %(leftrightBoxBodyHoverBgColor)s;
       
   506 }
       
   507 
       
   508 a.boxMenu,
       
   509 ul.boxListing a.boxMenu{
       
   510   display: block;
       
   511   padding: 1px 3px;
       
   512   background: transparent %(bulletDownImg)s;
       
   513 }
       
   514 
       
   515 ul.boxListing a.boxMenu:hover {
       
   516   border-top: medium none;
       
   517   background: %(leftrightBoxBodyHoverBgColor)s %(bulletDownImg)s;
       
   518 }
       
   519 
       
   520 a.boxMenu:hover {
       
   521   cursor: pointer;
       
   522 }
       
   523 
       
   524 a.popupMenu {
       
   525   background: transparent url("puce_down_black.png") 2% 6px no-repeat;
       
   526   padding-left: 2em;
       
   527 }
       
   528 
       
   529 
       
   530 /* custom boxes */
       
   531 
       
   532 .search_box div.boxBody {
       
   533   padding: 4px 4px 3px;
       
   534   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
       
   535 }
       
   536 
       
   537 .bookmarks_box ul.boxListing div a {
       
   538   background: #fff;
       
   539   display: inline;
       
   540   padding: 0;
       
   541 }
       
   542 
       
   543 .download_box div.boxTitle {
       
   544   background : #8fbc8f !important;
       
   545 }
       
   546 
       
   547 .download_box div.boxBody {
       
   548   background : #eefed9;
       
   549   vertical-align: center;
   487 }
   550 }
   488 
   551 
   489 /* user actions menu */
   552 /* user actions menu */
   490 a.logout, a.logout:visited, a.logout:hover{
   553 a.logout, a.logout:visited, a.logout:hover{
   491   color: #fff;
   554   color: #fff;
   499 
   562 
   500 div#userActionsBox a.popupMenu {
   563 div#userActionsBox a.popupMenu {
   501   color: black;
   564   color: black;
   502   text-decoration: underline;
   565   text-decoration: underline;
   503   padding-right: 2em;
   566   padding-right: 2em;
   504 }
       
   505 
       
   506 /* download box XXX move to its own file? */
       
   507 div.downloadBoxTitle{
       
   508  background : #8FBC8F;
       
   509  font-weight: bold;
       
   510 }
       
   511 
       
   512 div.downloadBox{
       
   513  font-weight: bold;
       
   514 }
       
   515 
       
   516 div.downloadBox div.sideBoxBody{
       
   517  background : #EEFED9;
       
   518 }
   567 }
   519 
   568 
   520 /**************/
   569 /**************/
   521 /* navigation */
   570 /* navigation */
   522 /**************/
   571 /**************/
   850   margin: 1em 1em 0px 0px;
   899   margin: 1em 1em 0px 0px;
   851   border: 1px solid #edecd2;
   900   border: 1px solid #edecd2;
   852   border-color:#edecd2 #cfceb7 #cfceb7  #edecd2;
   901   border-color:#edecd2 #cfceb7 #cfceb7  #edecd2;
   853   background: #fffff8 url("button.png") bottom left repeat-x;
   902   background: #fffff8 url("button.png") bottom left repeat-x;
   854 }
   903 }
   855 
       
   856 /********************************/
       
   857 /* placement of alt. view icons */
       
   858 /********************************/
       
   859 
       
   860 .otherView {
       
   861   float: right;
       
   862 }