Subversion Repositories wimsdev

Rev

Rev 5692 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /*@mainColor          : #696366;
  2. @buttonColor        : #F68529;
  3. @selectedColor      : #9FDF21;
  4.  
  5. @linkColorNormal    : darken(saturate(@mainColor, 35%), 12%);
  6. @linkColorActive    : darken(@linkColorNormal, 10%);
  7.  
  8. @lightColor         : #FFFFFF;
  9. @darkColor          : #000000;
  10. @lightGreyColor     : darken(@lightColor, 4%);
  11. @mediumGreyColor    : darken(@lightColor, 27%);
  12. @darkGreyColor      : darken(@lightColor, 60%);
  13.  
  14. @category1Color     : #56626B;
  15. @category2Color     : lighten(saturate(spin(@category1Color,  -50), 10%), 10%);
  16. @category3Color     : lighten(saturate(spin(@category1Color, -140), 40%), 20%);
  17. @category4Color     : lighten(saturate(spin(@category1Color, -180), 45%), 20%);
  18. @category5Color     : lighten(saturate(spin(@category1Color,  135), 25%), 15%);
  19.  
  20. @informationColor   : @category2Color;
  21. @warningColor       : #BD4932;
  22. @warningButtonColor : #CBB072;
  23. @importantColor     : #6C101E;
  24.  
  25. // Units
  26. @headerBgPosX       : 0;
  27. @headerBgPosY       : 0;
  28.  
  29. // Connexion
  30. @connexionTitleSize : 9em;
  31. @connexionTitleTop  : -1em;
  32.  
  33. // Images
  34. @theme              : "++resource++jalon.theme.images";
  35. @backgroundImage    : "portal-header_uvsq.png";*//**************************************************/
  36. /**************************************************/
  37. /**************************************************/
  38. /**************************************************/
  39. /**************************************************/
  40. /******STYLE WIMSBOOK APPELE DANS LE STYLE D'UN DOCUMENT**********************************
  41. **********************************************************************************************/
  42. /******STYLE POUR TOUS SUPPORTS**********************************
  43. **********************************************************************************************/
  44. @media all {
  45.   div.wims_classes_direct {
  46.     font-size: 2em;
  47.     color: #999999;
  48.     font-weight: bold;
  49.     text-shadow: 0 1px 1px #FFFFFF;
  50.   }
  51.  
  52.   div.wimsmenu .menuitem {
  53.         min-height: 0;
  54.         padding: 0;
  55.   }
  56.   /* Style du pied de page */
  57.   div#wimstailbox {
  58.     background-color: #56626b;
  59.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(49%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  60.     background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  61.     background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  62.     background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  63.     background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  64.     background-image: linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  65.     -webkit-border-radius: 5px 5px 0 0 ;
  66.     -moz-border-radius: 5px 5px 0 0 ;
  67.     border-radius: 5px 5px 0 0 ;
  68.     border: 1px solid rgba(0, 0, 0, 0.1);
  69.     border-bottom-width: 0;
  70.     margin: 0;
  71.     color: #ffffff;
  72.     padding: 12px 0;
  73.     padding-left: 5px;
  74.     font-size: 1.2em;
  75.     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  76.   }
  77.   div#wimstailbox a {
  78.     color: #FFF;
  79.   }
  80.   #wimsmenumodubox,
  81.   .wimsdocrightmenu,
  82.   .wimsdocleftmenu,
  83.   div#wims_group {
  84.     display: none;
  85.   }
  86. }
  87. /* fin du media all*/
  88.  
  89. /******STYLE POUR TABLETTES ET SMARTPHONES**********************************
  90. **********************************************************************************************/
  91. @media only screen and (max-device-width: 1024px) {
  92.   /* Elements à cacher*/
  93.   #wimslogoleft,
  94.   div.footer,
  95.   #wimsmenumodubox,
  96.   div#wims_group,
  97.   #wimstopbox a {
  98.     display: none;
  99.   }
  100.   /* sauf le lien vers accueil à montrer*/
  101.   #wimstopbox a.doch_wims {
  102.     display: block;
  103.   }
  104.   /* Structure de la page*/
  105.   #wimsbodybox {
  106.     padding: 0;
  107.   }
  108.   #wimsbodybox #wimspagebox {
  109.     width: 100%;
  110.     padding: 0;
  111.     margin: 0;
  112.   }
  113.   #wimsbodybox #wimspagebox div.wimsbody {
  114.     margin: 0;
  115.     width: auto;
  116.     border-radius: 0;
  117.     padding: 10px;
  118.     padding-top: 0;
  119.   }
  120.   body div#wimsdoc #wimsbodybox #wimspagebox div.wimsbody {
  121.     width: auto;
  122.   }
  123.   div.wims_classes_direct {
  124.     font-size: 2em;
  125.     color: #FFF;
  126.     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  127.     background-color: #56626B;
  128.     background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  129.     border-color: rgba(0, 0, 0, 0.1);
  130.     border-image: none;
  131.     border-radius: 0;
  132.     border-style: solid;
  133.     border-width: 1px 1px 0;
  134.     text-align: left;
  135.   }
  136.   div#wimsmenubox {
  137.     display: none;
  138.   }
  139.   #wimsbodybox #wimspagebox div.wimsbody h1.oeftitle,
  140.   #wimsbodybox #wimspagebox div.wimsbody h1.wims_docu_title {
  141.     border-radius: 0;
  142.   }
  143.   /* style des liens du corps de la page*/
  144.   div.wimsbody a {
  145.     color: #FFF;
  146.     text-decoration: none;
  147.     text-shadow: 0 1px 1px #000;
  148.     font-weight: bold;
  149.     padding: 0 0.5em !important;
  150.     margin: 2px 2px 0px 0px;
  151.     /*background-image: -moz-linear-gradient(center top, transparent, rgba(0, 0, 0, 0.3));*/
  152.     background-color: #56626b;
  153.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(49%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  154.     background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  155.     background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  156.     background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  157.     background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  158.     background-image: linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  159.     border-color: transparent rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.5) !important;
  160.     border-radius: 3px 3px 3px 3px;
  161.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  162.   }
  163.   #wimsbodybox #wimspagebox div.wimsbody h1.oeftitle a,
  164.   #wimsbodybox #wimspagebox div.wimsbody h1.wims_docu_title a {
  165.     color: #000;
  166.   }
  167. }
  168. /* fin du style smartphone et tablette*/
  169.