Subversion Repositories wimsdev

Rev

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

  1. /* * Nikaia Theme- general.css * */
  2. /* * By Sandra Machefer  * */
  3.  
  4.  
  5. /* General */
  6. body {
  7.    margin: 0;
  8.    padding: 0;
  9.    font-family: arial, verdana, helvetica, sans-serif;
  10.    /*font-size: .9em;*/
  11. }
  12.  
  13. .main_body {
  14.     background-image: url("img/portal-header.png");
  15.     background-position: -300px -70px;
  16.     background-repeat: no-repeat;
  17. }
  18.  
  19. pre{overflow: auto;}
  20.  
  21. /*a:hover {text-decoration:none;}*/
  22. a:hover img{opacity:.75;}
  23.  
  24. ul, ol, dl{
  25.   line-height: 1.6;
  26. }
  27.  
  28. .wimsbody {
  29.    background-color: #FFF;
  30.    border-radius: 5px ;
  31.    /*padding: 0 0 1em 0;*/
  32.    /* Padding Needed until every module don't have a div class="wims_content" */
  33.    padding: 0 5px 1em 5px;
  34.    margin-bottom: .5em;
  35. }
  36. #wimsfrontpage .wimsbody{
  37.    background: none;
  38.    max-width: 1024px;
  39.    /*min-width: 510px;*/
  40.    margin: auto;
  41. }
  42.  
  43. /** Affichage tres contrasté pour des fins de debogage : **/
  44. .debug{
  45.     background-color: black;
  46.     padding:0.5em;
  47.     color:darkorange;
  48.     font-family: monospace;
  49. }
  50. .debug ul{
  51.     font-size: 105%;
  52. }
  53.  
  54. /* WIMS BOXES */
  55. #wimsbodybox {
  56.   padding-top: 1em;
  57.   margin: 0;
  58. }
  59.  
  60. /*#wimstailbox {
  61.    margin-top: 5px;
  62.    bottom: 0;
  63.    left: 0;
  64. }*/
  65.  
  66. .wims_content {
  67.    padding: .5em 1em;
  68. }
  69.  
  70. /*.menuitem a {
  71.    display: inline-block;
  72.    text-decoration: none;
  73. }*/
  74.  
  75. /*.menuitem>a:hover {text-decoration:underline;}*/
  76. /*.menuglobal .menuitem>a:hover {text-decoration:none;}*/
  77.  
  78. .wimsmenu {
  79.   /*padding: 2px 4px;
  80.   margin: 0;*/
  81.   font-size: 90%;
  82. }
  83.  
  84. .wimsmenu .topmenuitem {
  85.    display: inline-block;
  86.    padding-left: 10px;
  87.    padding-right: 10px;
  88.    padding-top: 1px;
  89.    padding-bottom: 1px;
  90.    min-height:2.5em;
  91. }
  92. /*.wimsmenu .menuitem {
  93.    /*display: inline-block;
  94.    _display: inline;
  95.    padding-left: 10px;
  96.    padding-right: 10px;
  97.    /*padding-top: 1px;
  98.    padding-bottom: 1px;
  99.    /*min-height:2.5em;
  100. }*/
  101.  
  102. .menublock .menuitem {
  103.    display: block;
  104.    _display: inline;
  105.    padding-top: 1px;
  106.    padding-bottom: 1px;
  107. }
  108. .menublock {
  109.    display: inline-block;
  110.    _display: block;
  111.    padding-left: 15px;
  112.    padding-right: 15px;
  113. }
  114. .tailitem {
  115.    font-size: small;
  116.    padding-top: 1px;
  117.    padding-bottom: 1px;
  118.    left:0;
  119. }
  120.  
  121. /* END OF MODUBOX */
  122.  
  123.  
  124. /* WIMS BOXES in special context*/
  125. /*#wimsexam .wimsbody {
  126.    padding-left: 10%;
  127.    padding-right: 10%;
  128.    margin-left: 0;
  129. }*/
  130.  
  131. /*#wimslightpopup #wimsbodybox #wimspagebox .wimsbody {
  132.    padding-left : 20px;
  133.    padding-right : 20px;
  134.    margin-left : 0;
  135. }*/
  136. /*#wimslightpopup #wimstailbox .wimstail .tailitem {
  137.    padding-right:20px;
  138.    text-align:right;
  139.    color:#555555;
  140.    font-weight:bold;
  141.    font-size:90%;
  142. }*/
  143.  
  144. #wimspagebox{
  145.   max-width: 1280px;
  146. }
  147.  
  148. #wimspagebox .wimsdocleftmenu {
  149.    margin-top: 180px;
  150.    padding:0;
  151.    position: fixed;
  152.    /*_position:absolute;*/
  153.    top:50px;
  154.    left: auto;
  155.    text-align:left;
  156. }
  157. #wimspagebox .wimsdocrightmenu {
  158.    margin-top: 180px;
  159.    margin-left: 0;
  160.    margin-right: 0;
  161.    padding:0;
  162.    position: fixed;
  163.    /*_position:absolute;*/
  164.    top:50px;
  165.    right: 20px;
  166.    text-align:left;
  167. }
  168. #wimsmenumodubox .wimstail {
  169.    text-align: left;
  170.    font-size:80%;
  171.    padding:10px;
  172.    margin:10px;
  173.    border-radius : 20px;
  174. }
  175. #wimstailbox {
  176.    text-align: center;
  177.    font-size:80%;
  178.    padding-top: 1em;
  179. }
  180.  
  181. div.tailsepdoc {display: inline-block;}
  182.  
  183. #export_media{
  184.   background-color: #FFF;
  185.   color:#000;
  186.   text-align:left;
  187.   margin-top:0;
  188.   z-index: 100;
  189. }
  190.  
  191. .zone_prof .wimsbody {
  192.   position: relative;
  193.   float: right;
  194.   width: 86%;
  195.   /*clear: both;*/
  196.   min-height: 25em;
  197.   /*padding-bottom:1em;*/
  198.   /*margin:0;*/
  199.   /*background-color: #f5f5f5;*/
  200. }
  201.  
  202. #wimsbodybox #wimsmenutab .wimsmenu .menuitem {
  203.    display: inline-block;
  204.    padding: 1px 10px;
  205.    text-decoration: none;
  206.    border: thin black solid;
  207.    border-radius : 20px 20px 0 0;
  208. }
  209. #wimsbodybox #wimsmenutab .wimsmenu .itemsep {
  210.    display: inline-block;
  211.    padding: 5px 30px;
  212.    text-decoration: none;
  213. }
  214. /* end of WIMS BOXES in special context*/
  215.  
  216.  
  217. /* warning (sur le mot "Attention" par exemple)*/
  218. .wims_warning{
  219.    color:brown;
  220.    /*font-weight:bold;*/
  221. }
  222. /* warning de type "bloc" */
  223. div.wims_warning{
  224.     padding:.5em 20px
  225. }
  226.  
  227. /*div.wims_solution {}*/
  228.  
  229. span.tooltip {color:#A52A2A;}
  230.  
  231. /* Small screens */
  232. @media only screen and (max-width: 40em) {
  233.   #wimspagebox {
  234.     padding: 0;
  235.     margin: 0;
  236.     float: none;
  237.     width: auto;
  238.   }
  239.    #wimsbodybox {
  240.     padding: 0.5em 0;
  241.   }
  242. } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  243.  
  244. /* Small & medium screens */
  245. @media only screen and (max-width: 64em) {
  246.   .zone_prof .wimsbody {
  247.     float:none;
  248.     width:auto;
  249.   }
  250.   .breadcrumbs li:first-child {
  251.     margin-left : 3em;
  252.   }
  253. }
  254. /* Medium screens */
  255. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  256.  
  257. } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  258.  
  259. /* Medium & large screens */
  260. @media only screen and (min-width: 40.063em) {
  261.   #wimspagebox {
  262.     margin: 0 5px;
  263.   }
  264. }
  265.  
  266. /* Large screens */
  267. @media only screen and (min-width: 64.063em) {
  268.   #wimspagebox {
  269.     /*padding: 0.5em;*/
  270.     /*margin: 0 1em;*/
  271.     min-height:32em;
  272.  
  273.   }
  274.  
  275.   .breadcrumbs li:first-child {
  276.     margin-left : 5em;
  277.   }
  278. } /* min-width 1025px, large screens */
  279.  
  280. /* Extra-Large screens */
  281. @media only screen and (min-width: 80.063em) {
  282.   #wimspagebox {
  283.     margin: auto;
  284.   }
  285. } /* min-width 1025px, large screens */
  286.