Subversion Repositories wimsdev

Rev

Rev 14373 | 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.    /*font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;*/
  8.    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  9.    line-height: 1.5;
  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.    padding-top: 1px;
  105.    padding-bottom: 1px;
  106. }
  107. .menublock {
  108.    display: inline-block;
  109.    padding-left: 15px;
  110.    padding-right: 15px;
  111. }
  112. .tailitem {
  113.    font-size: small;
  114.    padding-top: 1px;
  115.    padding-bottom: 1px;
  116.    left:0;
  117. }
  118.  
  119. /* END OF MODUBOX */
  120.  
  121.  
  122. /* WIMS BOXES in special context*/
  123. /*#wimsexam .wimsbody {
  124.    padding-left: 10%;
  125.    padding-right: 10%;
  126.    margin-left: 0;
  127. }*/
  128.  
  129. /*#wimslightpopup #wimsbodybox #wimspagebox .wimsbody {
  130.    padding-left : 20px;
  131.    padding-right : 20px;
  132.    margin-left : 0;
  133. }*/
  134. /*#wimslightpopup #wimstailbox .wimstail .tailitem {
  135.    padding-right:20px;
  136.    text-align:right;
  137.    color:#555555;
  138.    font-weight:bold;
  139.    font-size:90%;
  140. }*/
  141.  
  142. #wimspagebox{
  143.   max-width: 1280px;
  144. }
  145.  
  146. #wimspagebox .wimsdocleftmenu {
  147.    margin-top: 180px;
  148.    padding:0;
  149.    position: fixed;
  150.    /*_position:absolute;*/
  151.    top:50px;
  152.    left: auto;
  153.    text-align:left;
  154. }
  155. #wimspagebox .wimsdocrightmenu {
  156.    margin-top: 180px;
  157.    margin-left: 0;
  158.    margin-right: 0;
  159.    padding:0;
  160.    position: fixed;
  161.    /*_position:absolute;*/
  162.    top:50px;
  163.    right: 20px;
  164.    text-align:left;
  165. }
  166. #wimsmenumodubox .wimstail {
  167.    text-align: left;
  168.    font-size:80%;
  169.    padding:10px;
  170.    margin:10px;
  171.    border-radius : 20px;
  172. }
  173. #wimstailbox {
  174.    text-align: center;
  175.    font-size:80%;
  176.    padding-top: 1em;
  177. }
  178.  
  179. div.tailsepdoc {display: inline-block;}
  180.  
  181. #export_media{
  182.   background-color: #FFF;
  183.   color:#000;
  184.   text-align:left;
  185.   margin-top:0;
  186.   z-index: 100;
  187. }
  188.  
  189. .zone_prof .wimsbody {
  190.   position: relative;
  191.   float: right;
  192.   width: 86%;
  193.   /*clear: both;*/
  194.   min-height: 25em;
  195.   /*padding-bottom:1em;*/
  196.   /*margin:0;*/
  197.   /*background-color: #f5f5f5;*/
  198. }
  199.  
  200. #wimsbodybox #wimsmenutab .wimsmenu .menuitem {
  201.    display: inline-block;
  202.    padding: 1px 10px;
  203.    text-decoration: none;
  204.    border: thin black solid;
  205.    border-radius : 20px 20px 0 0;
  206. }
  207. #wimsbodybox #wimsmenutab .wimsmenu .itemsep {
  208.    display: inline-block;
  209.    padding: 5px 30px;
  210.    text-decoration: none;
  211. }
  212. /* end of WIMS BOXES in special context*/
  213.  
  214.  
  215. /* warning (sur le mot "Attention" par exemple)*/
  216. .wims_warning{
  217.    color:brown;
  218.    /*font-weight:bold;*/
  219. }
  220. /* warning de type "bloc" */
  221. div.wims_warning{
  222.     padding:.5em 20px
  223. }
  224.  
  225. /*div.wims_solution {}*/
  226.  
  227. span.tooltip {color:#A52A2A;}
  228.  
  229. /* Small screens */
  230. @media only screen and (max-width: 40em) {
  231.   #wimspagebox {
  232.     padding: 0;
  233.     margin: 0;
  234.     float: none;
  235.     width: auto;
  236.   }
  237.    #wimsbodybox {
  238.     padding: .5em 0;
  239.   }
  240. } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  241.  
  242. /* Small & medium screens */
  243. @media only screen and (max-width: 64em) {
  244.   .zone_prof .wimsbody {
  245.     float:none;
  246.     width:auto;
  247.   }
  248.   .breadcrumbs li:first-child {
  249.     margin-left : 3em;
  250.   }
  251. }
  252. /* Medium screens */
  253. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  254.  
  255. } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  256.  
  257. /* Medium & large screens */
  258. @media only screen and (min-width: 40.063em) {
  259.   #wimspagebox {
  260.     margin: 0 5px;
  261.   }
  262. }
  263.  
  264. /* Large screens */
  265. @media only screen and (min-width: 64.063em) {
  266.   #wimspagebox {
  267.     /*padding: 0.5em;*/
  268.     /*margin: 0 1em;*/
  269.     min-height:32em;
  270.  
  271.   }
  272.  
  273.   .breadcrumbs li:first-child {
  274.     margin-left : 5em;
  275.   }
  276. } /* min-width 1025px, large screens */
  277.  
  278. /* Extra-Large screens */
  279. @media only screen and (min-width: 80.063em) {
  280.   #wimspagebox {
  281.     margin: auto;
  282.   }
  283. } /* min-width 1025px, large screens */
  284.