Subversion Repositories wimsdev

Rev

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