Subversion Repositories wimsdev

Rev

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

  1. /* classes pour menu*/
  2. .ui-menu {font-size: 80%;}
  3.  
  4. /*hotfix for jquery-ui 1.12.0 when there is no "div" inside .ui-menu-item*/
  5. .ui-menu-item>a{
  6.   display:block;
  7. }
  8. /* classes pour latex2wims : latex2wims , latex2wimsl, latex2wimsr, latex2wimslr
  9. according no toc, toc left, right, two sides */
  10. .doc_latex2wims .wimsdoc,
  11. .doc_latex2wimsl .wimsdoc,
  12. .doc_latex2wimsr .wimsdoc,
  13. .doc_latex2wimslr .wimsdoc{
  14.    display:block;
  15.    /*margin-left: 0;
  16.    margin-right: 0;*/
  17.    padding-top: 0;
  18.    padding-right: 1em;
  19.    padding-bottom: 0;
  20.    padding-left: 1em;
  21.  
  22.  /*border: solid #FC9;
  23.    border-width: 1px;
  24.    border-color: gray;
  25.    min-height: 300px;*/
  26.    line-height: 1.1;
  27.    overflow: auto;
  28. }
  29. .doc_latex2wimsl .left_toc,.doc_latex2wimslr .right_toc,
  30. .doc_latex2wimslr .left_toc,.doc_latex2wimsr .right_toc {
  31.   display: inline-block;
  32.   vertical-align:top;
  33.   padding: 0;
  34.   padding-top: 0;
  35. }
  36.  
  37. #docprint .doc_latex2wimsl  .left_toc,
  38. #docprint .doc_latex2wimsr  .right_toc,
  39. #docprint .doc_latex2wimslr .left_toc,
  40. #docprint .doc_latex2wimslr .right_toc
  41. {visibility:hidden; display:none;}
  42.  
  43. /*Pour mettre en relief l'endroit du menu*/
  44. .left_selection,.right_selection {
  45.   padding:0;
  46.   border: solid;
  47.   border-width: thin;
  48.   border-color:#000;
  49.   background-color:var(--wims_ref_bgcolor);
  50. }
  51. .left_selection>a,.right_selection>a {
  52.   color:var(--wims_ref_menucolor);
  53. }
  54. .no_selected {
  55.   padding:0;
  56.   border: solid;
  57.   border-width: 1px 0 0 0;
  58.   border-color:#000;
  59. }
  60. /*Pour les menus lateraux, la gestion des liens*/
  61. /*.left_toc a,.right_toc a {}*/
  62. /* the h3 are for compatibility */
  63.  h3.wims_docu_titleb,h2.wims_docu_titleb
  64.  { text-align:center;}
  65. /* menu en haut ou en bas*/
  66. .wims_chemin {
  67. /*Pour mettre en relief l'endroit des menus*/
  68.    color: #A52A2A;
  69.    margin: .3em;
  70.    padding:.7em;
  71.    border-width: thin;
  72.    font-size: 80% ;
  73.    text-align: center;
  74. }
  75. .l2w_content{
  76.   /* prevents toc with float from overleaping divs */
  77.   overflow: auto;
  78. }
  79.  
  80. h2.l2w_content, h3.l2w_content {
  81.  font-size: 100%;
  82.  margin-bottom:0;
  83.  padding:3px;
  84. }
  85. div.l2w_content {
  86.   background-color: #fafafa;
  87.   padding: .3em;
  88.   margin-left:0.5em;
  89.   border:solid;
  90.   border-width: thin;
  91.   border-color:#FCF;
  92. }
  93. span.l2w_content {
  94.   font-family: sans-serif;
  95.   font-weight: bold;
  96.   text-transform: none
  97. }
  98. /* divers */
  99. .emph {
  100.   font-weight: bold;
  101.   font-family: sans-serif;
  102.   color: #f60;
  103. }
  104. .guill {
  105.   font-weight: bold;
  106.   font-family: sans-serif;
  107.   color: #aeaeae;
  108. }
  109. div.math {
  110.   padding: .5em;
  111.   margin: 0 5%;
  112.   text-align: center;
  113. }
  114. h2.exercice, h2.exemple, h3.exercice, h3.exemple {background-color: #CFC;}
  115. span.exemple {color: #003; }
  116. span.exercice { color: #006; }
  117. h2.defn, h3.defn{ background-color: #CCF}
  118. span.defn { color: #663; }
  119. h2.thm, h3.thm{ background-color: #FCF; }
  120. span.thm, span.rem { color: #930;}
  121.  
  122. /* demonstration */
  123. h2.dem, h3.dem {
  124.  background-color:#FFC;
  125.  font-size: 100%;
  126.  padding-left: 1em;
  127.  padding-right: .3em;
  128.  }
  129. div.dem {
  130.   background-color: white;
  131.   padding: .3em;
  132.   margin-left:.5em;
  133.   border-left:solid;
  134.   border-width: thin;
  135.   border-color:#FCF;
  136.   color: black;
  137. }
  138. span.dem {
  139.   color: #006;
  140.   font-family: sans-serif;
  141.   font-weight: bold;
  142. }
  143. div.dem::after{
  144.     /*background-color:lightgrey;*/
  145.     border:solid;
  146.     border-width:0.2em;
  147.     border-color:black;
  148.     content: '';
  149.     width: 10px;
  150.     height: 10px;
  151.     display: block;
  152.     float:right;
  153.     margin-bottom:15px;
  154. }
  155. .fin {visibility:hidden; display:none}
  156. h2.quote, h3.quote{
  157.  background-color: #0F0;
  158.  font-size: 100%;
  159.  padding-left: .3em;
  160.  padding-right: .3em;
  161.  }
  162. div.quote {
  163.   padding: 0.5em;
  164.   margin: 0 7% 0 .5em;
  165.   background-color:white;
  166. }
  167. span.quote { color:blue;}
  168. h2.rem, h3.rem {
  169.  background-color: #F90;
  170.  font-size: 100%;
  171.  padding-left: .3em;
  172.  padding-right: .3em;
  173.  }
  174. div.rem {
  175.   background-color: white;
  176.   padding: .5em;
  177.   margin-left: 0.5em;
  178.   border:solid;
  179.   border-width: thin;
  180.   border-color:#FCF;
  181.   color: black;
  182. }
  183. .footnote {
  184.   background-color: lightgrey;
  185.   font-size:smaller;
  186. }
  187. span.footnote {font-style:italic}
  188. div.footnote {
  189.   padding: .5em;
  190.   margin: 0 3em;
  191.   border:solid;
  192.   border-width: thin;
  193.   border-color:#FCF;
  194. }
  195.  
  196. /* les listes */
  197. ol li, ol.enumerate li { list-style:decimal ;}
  198. ol ol li {list-style: lower-alpha ;}
  199. ol ol ol li {list-style:lower-roman;}
  200. ol ol ol ol li {list-style: upper-alpha;}
  201. ol.itemize li , ul.itemize li {list-style:disc ;}
  202. ol.trivlist li , ol.description li {list-style:none ;}
  203. span.description_item {font-weight:bold;}
  204. div.desc_item {
  205.   background-color: white;
  206.   padding: .5em;
  207.   margin: 0 5%;
  208.   border: solid;
  209.   border-width: thin;
  210.   border-color:#FCF;
  211.   padding-right: .3em;
  212. }
  213. /*Pour les algorithmes*/
  214. h2.algorithm, h3.algorithm {
  215.  background-color: #FF3333;
  216.  font-size: 100%;
  217.  padding-left: .3em;
  218.  padding-right: .3em;
  219.  }
  220. div.algorithm {
  221.   background-color:#FFFFCC;
  222.   padding: 2%;
  223.   margin: 0 5%;
  224.   border: solid;
  225.   padding-right: 0.3em;
  226.   border-color: #D9D2C0;}
  227. h4.algo_titre {
  228.  background-color: #CF0;
  229.  padding: 1em;
  230.  margin: 0 1em;
  231.  font-size: 100%;
  232.  color: black;
  233.  margin-left: 0;
  234.  text-align: center;
  235. }
  236. table.tabular {background-color:white;
  237.   margin-left:auto;
  238.   margin-right:auto;
  239.   border-collapse:collapse;}
  240. .tabular_cell {
  241.   background-color:white;
  242.   padding: 0.6em;
  243.   border:solid;
  244.   border-width: 1px;
  245.   text-align:center;
  246. }
  247. .pre {background-color: #FFC;
  248.   padding-left: .6em;
  249.   padding-right: .6em;
  250.   padding-top: 1em;
  251.   padding-bottom: 1em;
  252.   border-color: #D9D2C0;
  253.   border: solid;
  254.   border-width: thin;
  255.   font-weight:bold;
  256. }
  257. div.code {
  258.   background-color : #ff9;
  259.   padding : .3em;
  260.   margin-left: 10%;
  261.   margin-right: 10%;
  262.   border-width : thin;
  263.   color : black;
  264. }
  265. /* section */
  266. span.subsubsection {
  267.      color: #A52A2A;
  268.      text-transform: none;
  269.      background-color: #FFC;
  270. }
  271. /* list allexercise */
  272. div.lw_allexo > itemize li{list-style:none;}
  273.  
  274. /* When toc is included in wimsdoc */
  275. .wimsdoc>.left_toc{
  276.   margin:0 1em 1em -1em;
  277. }
  278. .wimsdoc>.right_toc{
  279.   float:left;
  280.   margin:0 1em 1em -1em;
  281. }
  282. #docprint .right_toc {visibility:hidden; display:none;}
  283. #docprint .left_toc {visibility:hidden; display:none;}
  284. /* Small screens */
  285. @media only screen and (max-width: 40em) {
  286.   .ui-menu{
  287.     max-width:none;
  288.     width:98%;
  289.   }
  290.   ul.ui-menu.ui-widget.ui-widget-content.ui-front{
  291.     border-color:red;
  292.     left:0!important;
  293.     max-width:80%;
  294.   }
  295.   .wimsdoc{
  296.     margin-right: .5em;
  297.   }
  298. }
  299.  
  300. #left_toc, #right_toc, .wimsdoc{
  301.   /* includes borders when calculating width */
  302.   box-sizing: border-box;
  303. }
  304.  
  305. /* Small screens */
  306. @media only screen and (max-width: 40em){
  307.   .wimsdoc { width:100%;}
  308. }
  309.  
  310. /* Medium screens */
  311. @media only screen and (min-width: 40.063em) and (max-width: 64em){
  312.   .ui-menu{
  313.     max-width:none;
  314.   }
  315.   .doc_latex2wimslr>#right_toc{
  316.     float:left;
  317.   }
  318.  /* #left_toc,#right_toc{ width:25%;}
  319.   .wimsdoc { width:75%;} */
  320. }
  321.  
  322. /* Medium & large screens */
  323. @media only screen and (min-width: 40.063em) {
  324.   #left_toc{
  325.     float:left;
  326.   }
  327.   /* larger submenus */
  328.   #left_toc ul{
  329.     width:100%;
  330.   }
  331. }
  332.  
  333. /* Large screens */
  334. @media only screen and (min-width: 64.063em) {
  335.   /* 3 columns */
  336.   .doc_latex2wimslr #left_toc, .doc_latex2wimslr #right_toc{width:15%;}
  337.   /*.doc_latex2wimslr .wimsdoc {width:70%;}*/
  338.   /*.doc_latex2wimsl .wimsdoc {width:75%;}*/
  339.   #right_toc{
  340.     float:right;
  341.   }
  342. }
  343.