Subversion Repositories wimsdev

Rev

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