1 /* Start: Recommended Isotope styles */

     2 

     3 /**** Isotope Filtering ****/

     4 

     5 .isotope-item {

     6   z-index: 2;

     7 }

     8 

     9 .isotope-hidden.isotope-item {

    10   pointer-events: none;

    11   z-index: 1;

    12 }

    13 

    14 .hidden{

    15 	display: none !important;

    16 }

    17 

    18 input[type="radio"]{

    19 	cursor:pointer;

    20 	margin-top: -2px

    21 }

    22 

    23 label{

    24 	cursor:pointer;

    25 	margin-right:30px !important;

    26 }

    27 /**** Isotope CSS3 transitions ****/

    28 .definition {

    29 	width: 200px;

    30 	padding: 15px;

    31 }

    32 

    33 .commentContainer{

    34 	width: 324px;

    35 	height: 172px;

    36 	overflow-y: scroll;

    37 }

    38 

    39 div.comment{

    40 	position: relative;

    41 	display: inline-block;

    42 	width: 100%;

    43 }

    44 

    45 div.comment *{

    46 	position: relative;

    47 }

    48 

    49 .isotope,

    50 .isotope .isotope-item {

    51   -webkit-transition-duration: 0.8s;

    52      -moz-transition-duration: 0.8s;

    53       -ms-transition-duration: 0.8s;

    54        -o-transition-duration: 0.8s;

    55           transition-duration: 0.8s;

    56 }

    57 

    58 .isotope {

    59   -webkit-transition-property: height, width;

    60      -moz-transition-property: height, width;

    61       -ms-transition-property: height, width;

    62        -o-transition-property: height, width;

    63           transition-property: height, width;

    64 }

    65 

    66 .isotope .isotope-item {

    67   -webkit-transition-property: -webkit-transform, opacity;

    68      -moz-transition-property:    -moz-transform, opacity;

    69       -ms-transition-property:     -ms-transform, opacity;

    70        -o-transition-property:      -o-transform, opacity;

    71           transition-property:         transform, opacity;

    72 }

    73 

    74 /**** disabling Isotope CSS3 transitions ****/

    75 

    76 .isotope.no-transition,

    77 .isotope.no-transition .isotope-item,

    78 .isotope .isotope-item.no-transition {

    79   -webkit-transition-duration: 0s;

    80      -moz-transition-duration: 0s;

    81       -ms-transition-duration: 0s;

    82        -o-transition-duration: 0s;

    83           transition-duration: 0s;

    84 }

    85 

    86 /* End: Recommended Isotope styles */

    87 

    88 

    89 

    90 /* disable CSS transitions for containers with infinite scrolling*/

    91 .isotope.infinite-scrolling {

    92   -webkit-transition: none;

    93      -moz-transition: none;

    94       -ms-transition: none;

    95        -o-transition: none;

    96           transition: none;

    97 }

    98 

    99 

   100 /**** Base styles ****/

   101 

   102 html, body, div, span, object, iframe,

   103 h1, h2, h3, h4, h5, h6, p, blockquote, pre,

   104 abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

   105 small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,

   106 fieldset, form, label, legend,

   107 table, caption, tbody, tfoot, thead, tr, th, td,

   108 article, aside, canvas, details, figcaption, figure,

   109 footer, header, hgroup, menu, nav, section, summary,

   110 time, mark, audio, video {

   111   margin: 0;

   112   padding: 0;

   113   border: 0;

   114   font-size: 100%;

   115   font: inherit;

   116   vertical-align: baseline;

   117 }

   118 

   119 article, aside, details, figcaption, figure,

   120 footer, header, hgroup, menu, nav, section {

   121   display: block;

   122 }

   123 

   124 body {

   125   padding: 20px;

   126   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;

   127   font-size: 13px;

   128   line-height: 1.7em;

   129   background: #F2F0F0 ;

   130   color: #000;

   131 }

   132 

   133 h1, h2, h3, p, ul, ol, pre, dl {

   134   margin-bottom: 1.0em;

   135 }

   136 

   137 h1, h2, #super-list, .element, .tagline, #index-list, 

   138 .super-list .link {

   139   font-family: 'Helvetica Neue', Arial, sans-serif;

   140 }

   141 

   142 h1, h2, h3 { font-weight: bold; }

   143 

   144 h1 {

   145   font-size: 18px;

   146   line-height: 1.1em;

   147 }

   148 

   149 h2 {

   150   font-size: 17px;

   151   line-height: 1.1em;

   152 }

   153 

   154 ul, ol {

   155   margin-left: 1.5em;

   156 }

   157 

   158 a,

   159 a code {

   160   color: #FB4;

   161   text-decoration: none;

   162 }

   163 

   164 a:hover,

   165 a:hover code { 

   166   color: #4BF; 

   167 }

   168 

   169 a:active,

   170 a:active code {

   171   color: #1FB;

   172   background: black;

   173 }

   174 

   175 a img { border: none; }

   176 

   177 em { font-style: italic; }

   178 strong { font-weight: bold; }

   179 

   180 blockquote {

   181   padding-left: 1.0em;

   182   margin-left: 1.0em;

   183   border-left: 1px solid #333;

   184   font-style: italic;

   185 }

   186 

   187 /**** Isotope styles ****/

   188 

   189 /* required for containers to inherit vertical size from window */

   190 html,

   191 body {

   192   height: 100%;

   193 }

   194 

   195 #container {

   196   padding: 5px;

   197   margin-bottom: 20px;

   198 }

   199 

   200 .element {

   201   cursor: pointer;

   202   padding-right:15px;

   203   width: 160px;

   204   height: 160px;

   205   margin: 5px;

   206   float: left;

   207   overflow: hidden;

   208   position: relative;

   209   color: #222;

   210   -webkit-border-top-right-radius: 1.2em;

   211       -moz-border-radius-topright: 1.2em;

   212           border-top-right-radius: 1.2em;

   213 }

   214 

   215 .element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }

   216 .element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }

   217 .element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }

   218 .element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }

   219 .element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }

   220 .element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }

   221 .element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }

   222 .element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }

   223 .element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }

   224 .element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }

   225 

   226 

   227 .element * {

   228   position: absolute;

   229   margin: 0;

   230 }

   231 

   232 .element .symbol {

   233   left: 0.2em;

   234   top: 0.4em;

   235   font-size: 3.8em;

   236   line-height: 1.0em;

   237   color: #FFF;

   238 }

   239 /*.element.large .symbol {

   240   font-size: 4.5em;

   241 }*/

   242 

   243 .element.fake .symbol {

   244   color: #000;

   245 }

   246 

   247 .element .name {

   248   left: 0.5em;

   249   bottom: 1.6em;

   250   font-size: 1.05em;

   251 }

   252 

   253 .element .weight {

   254   font-size: 0.9em;

   255   left: 0.5em;

   256   bottom: 0.5em;

   257 }

   258 

   259 .element .number {

   260   font-size: 1.25em;

   261   font-weight: bold;

   262   color: hsla(0,0%,0%,.5);

   263   right: 0.5em;

   264   top: 0.5em;

   265 }

   266 

   267 .variable-sizes .element.width2 { width: 230px; }

   268 

   269 .variable-sizes .element.height2 { height: 230px; }

   270 

   271 .height2 { height: 350px; }

   272 

   273 .variable-sizes .element.width2.height2 {

   274   font-size: 2.0em;

   275 }

   276 

   277 .element.large,

   278 .variable-sizes .element.large,

   279 .variable-sizes .element.large.width2.height2 {

   280   font-size: 1.0em;

   281   width: 350px;

   282   height: 350px;

   283   z-index: 100;

   284 }

   285 

   286 .clickable .element:hover {

   287   cursor: pointer;

   288 }

   289 

   290 .clickable .element:hover h3 {

   291   text-shadow:

   292     0 0 10px white,

   293     0 0 10px white

   294   ;

   295 }

   296 

   297 .clickable .element:hover h2 {

   298   color: white;

   299 }

   300 

   301 /**** Example Options ****/

   302 

   303 #options {

   304   padding-bottom: 1.0em;

   305 }

   306 

   307 #options h3 {

   308   margin-bottom: 0.2em;

   309   font-size: 15px;

   310 }

   311 

   312 #options h4 { 

   313   font-weight: bold;

   314 }

   315 

   316 #options ul {

   317   margin: 0;

   318   list-style: none;

   319 }

   320 

   321 #options ul ul {

   322   margin-left: 1.5em;

   323 }

   324 

   325 #options li {

   326   float: left;

   327   margin-bottom: 0.2em;

   328 }

   329 

   330 #options li a {

   331   display: block;

   332   padding: 0.4em 0.5em;

   333   background-color: #DDD;

   334   color: #222;

   335   font-weight: bold;

   336   text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );

   337   background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );

   338   background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );

   339   background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );

   340   background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );

   341   background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );

   342 }

   343 

   344 #options li a:hover {

   345   background-color: #5BF;

   346 }

   347 

   348 #options li a:active {

   349   background-color: #39D;

   350   -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );

   351      -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );

   352        -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );

   353           box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );

   354 }

   355 

   356 #options li a {

   357   border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );

   358   border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );

   359 }

   360 

   361 #options li:first-child a {

   362   border-radius: 7px 0 0 7px;

   363   border-left: none;

   364 }

   365 

   366 #options li:last-child a {

   367   border-radius: 0 7px 7px 0;

   368 }

   369 

   370 #options li a.selected {

   371   background-color: #13F;

   372   text-shadow: none;

   373   color: white;

   374 }

   375 

   376 /* Combination filter options*/

   377 

   378 #options .option-combo {

   379   display: inline-block;

   380   float: left;

   381   margin-right: 10px;

   382 }

   383 

   384 #options .option-combo ul {

   385   margin-right: 20px;

   386   display: inline-block;

   387 }

   388 

   389 #options .option-combo h2,

   390 #options .option-combo h4 {

   391   line-height: 34px;

   392   margin-bottom: 0;

   393   margin-right: 5px;

   394   display: inline-block;

   395   vertical-align: top;

   396 }

   397 

   398 /* Color shapes */

   399 

   400 .color-shape {

   401   width: 70px;

   402   height: 70px;

   403   margin: 5px;

   404   float: left;

   405 }

   406  

   407 .color-shape.round {

   408   -webkit-border-radius: 35px;

   409      -moz-border-radius: 35px;

   410           border-radius: 35px;

   411 }

   412  

   413 .color-shape.big.round {

   414   -webkit-border-radius: 75px;

   415      -moz-border-radius: 75px;

   416           border-radius: 75px;

   417 }

   418  

   419 .color-shape.red { background: red; }

   420 .color-shape.blue { background: blue; }

   421 .color-shape.yellow { background: yellow; }

   422  

   423 .color-shape.wide, .color-shape.big { width: 150px; }

   424 .color-shape.tall, .color-shape.big { height: 150px; }

   425 

   426 .color-shape a {

   427   display: block;

   428   height: 100%;

   429 }

   430 

   431 .color-shape a:hover {

   432   background: white;

   433   background: hsla( 0, 0%, 100%, 0.5 );

   434 }

   435 

   436 /**** Horizontal ****/

   437 

   438 .horizontal #container {

   439   height: 80%;

   440 }

   441 

   442 #copy {

   443   max-width: 640px;

   444 }

   445 

   446 /**** Photo demo ****/

   447 

   448 .photos .photo {

   449   width: 320px;

   450   margin: 5px;

   451   float: left;

   452 }

   453 

   454 .photos .photo img {

   455   display: block;

   456   width: 100%;

   457 }

   458 

   459 #content {

   460   margin-left: 210px;

   461 }

   462 

   463 .demos #content {

   464   height: 100%;

   465 }

   466 

   467 /**** Docs ****/

   468 

   469 .docs #content {

   470   max-width: 640px;

   471 }

   472 

   473 .docs #content a:hover {

   474   border-bottom: 1px dotted;

   475 }

   476 

   477 /**** Doc page nav ****/

   478 

   479 

   480 

   481 #site-nav {

   482   width: 200px;

   483   position: absolute;

   484   left: 10px;

   485   top: 0px;

   486   padding-top: 20px;

   487   font-size: 12px;

   488 }

   489 

   490 #site-nav h1 {

   491   font-size: 24px;

   492   margin-bottom: 0.5em;

   493   margin-top: 0;

   494   font-weight: bold;

   495   font-family: 'Helvetica Neue', Arial, sans-serif;

   496 }

   497 

   498 #site-nav h2 {

   499   font-size: 17px;

   500   font-weight: normal;

   501   margin: 0 0 0.3em;

   502   border-top: none;

   503 }

   504 

   505 #site-nav h1 a { color: #4FB; }

   506 #site-nav h1 a:hover { color: #4BF; }

   507 

   508 #site-nav ul {

   509   list-style: none;

   510   margin: 0 0 1.0em;

   511   font-weight: bold;

   512 }

   513 

   514 #site-nav ul ul { margin-bottom: 0; }

   515 

   516 #site-nav ul a {

   517   display: block;

   518   border: none;

   519   padding: 1px 5px;

   520 }

   521 

   522 #site-nav ul .current a {

   523   background: hsla( 0, 0%, 0%, 0.3 );

   524   color: #1BF;

   525 }

   526 #site-nav ul a:hover,

   527 #site-nav ul .current a:hover { color: white; }

   528   

   529 #site-nav ul .current .toc a {

   530   font-size: 12px;

   531   padding-left: 1.2em;

   532   font-weight: normal;

   533 }

   534 

   535 /**** Doc content ****/

   536 

   537 .docs #content h2 {

   538   border-top: 1px solid #333;

   539   padding-top: 0.8em;

   540   margin-bottom: 0.8em;

   541 }

   542 

   543 .docs #content h2:target { 

   544   padding: 10px;

   545   background: white;

   546   color: #222;

   547 }

   548 

   549 .docs #content h3 {

   550   color: #FEC;

   551   background: hsla( 0, 0%, 75%, 0.05 );

   552   padding: 2px 0.5em;

   553   margin-bottom: 0.5em;

   554   font-size: 1.15em;

   555 }

   556 

   557 .docs #content h4 {

   558   margin-bottom: 0.5em;

   559   font-size: 14px;

   560 }

   561 

   562 

   563 footer {

   564   font-size: 12px;

   565   font-style: italic;

   566   border-top: 1px solid #333;

   567   padding: 0.8em 0;

   568 }

   569 

   570 pre {

   571   padding: 10px;

   572 }

   573 

   574 pre, code {

   575   background: black;

   576   color: white;

   577   font-family: 'Monaco', monospace, sans-serif;

   578 }

   579 

   580 #content code {

   581   font-size: 12px;

   582 }

   583 

   584 #content pre {

   585   line-height: 1.6em;

   586 }

   587 

   588 h3#options {

   589   padding-bottom: 0;

   590 }

   591 

   592 .option-def dl dt,

   593 .option-def dl dd {

   594   float: left;

   595   padding: 0 1.2em;;

   596   background: #161616;

   597   line-height: 36px;

   598   height: 36px;

   599 }

   600 

   601 .option-def dl.header dt,

   602 .option-def dl.header dd {

   603   background: #444;

   604 }

   605 

   606 .option-def dl .option-type {

   607   font-size: 13px;

   608   color: #AAA;

   609   font-style: italic;

   610 }

   611 

   612 .option-def dl dd {

   613   border-left: 1px solid #222;

   614 }

   615 

   616 /*Self*/

   617 @font-face {

   618     font-family: 'bebas_neueregular';

   619     src: url('font/bebasneue-webfont.eot');

   620     src: url('font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),

   621          url('font/bebasneue-webfont.woff') format('woff'),

   622          url('font/bebasneue-webfont.ttf') format('truetype'),

   623          url('font/bebasneue-webfont.svg#bebas_neueregular') format('svg');

   624     font-weight: normal;

   625     font-style: normal;

   626 

   627 }

   628 

   629 @font-face {

   630     font-family: 'latoregular';

   631     src: url('font/lato-reg-webfont.eot');

   632     src: url('font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),

   633          url('font/lato-reg-webfont.woff') format('woff'),

   634          url('font/lato-reg-webfont.ttf') format('truetype'),

   635          url('font/lato-reg-webfont.svg#latoregular') format('svg');

   636     font-weight: normal;

   637     font-style: normal;

   638 

   639 }

   640 

   641 @font-face {

   642     font-family: 'latobold';

   643     src: url('font/lato-bold-webfont.eot');

   644     src: url('font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),

   645          url('font/lato-bold-webfont.woff') format('woff'),

   646          url('font/lato-bold-webfont.ttf') format('truetype'),

   647          url('font/lato-bold-webfont.svg#latoregular') format('svg');

   648     font-weight: normal;

   649     font-style: normal;

   650 

   651 }

   652 

   653 div.element h1{

   654 	font-family: 'latobold ', Arial, sans-serif;

   655 	font-size: 23px;

   656 	position: relative;

   657 }

   658 

   659 div.element h2{

   660 	font-family: 'latobold', Arial, sans-serif;

   661 	font-size: 23px;

   662 }

   663 

   664 p.definitionContent{

   665 	font-family: 'latoregular', Arial, sans-serif;

   666 }

   667 

   668 .linkAsButton:hover{

   669 	text-decoration: none;

   670 }

   671 

   672 .texteCourant{

   673 	font-family: 'latoregular', Arial, sans-serif;

   674 }

   675 

   676 .titrage{

   677 	font-family: 'latobold', Arial, sans-serif;

   678 	font-size: 18px;

   679 }

   680 

   681 #menuExtraContent{

   682 	position: fixed;

   683 	top: 0px;

   684 	right: 0px;

   685 	background: #fff;

   686 	padding: 10px;

   687 	z-index: 15;

   688 	line-height: 20px;

   689 }

   690 

   691 span.ital{

   692 	font-style: italic;

   693 }

   694 

   695 span.tag{

   696 	webkit-border-radius: 1.2em;

   697 	-moz-border-radius: 1.2em;

   698 	border-radius: 1.2em;

   699 	padding: 0px 5px;

   700 	margin-bottom: 2px;

   701 	margin-right: 5px;

   702 	

   703 	height: 16px;

   704 	line-height: 16px;

   705 	font-size: 9px;

   706 }

   707 

   708 

   709 span.tag.discipline{

   710 	background: #e24747;

   711 }

   712 

   713 span.tag.intervenant{

   714 	background: #b66b8d;

   715 }

   716 

   717 span.tag.arsIndustrialis{

   718 	background: #8cc17f;

   719 }

   720 

   721 span.tag.vulgarisation{

   722 	background: #5ca3c1;

   723 }

   724 

   725 .element.arsIndustrialis{

   726 background: #8cc17f;

   727 }

   728 

   729 /*.element.arsIndustrialis.large .definitionContent{

   730 background: #85b879;

   731 }*/

   732 

   733 .element.discipline{

   734 background: #e24747;

   735 }

   736 /*

   737 .element.discipline.large .definitionContent{

   738 background: #e03d3d;

   739 }*/

   740 

   741 .element.vulgarisation{

   742 background: #5ca3c1;

   743 }

   744 

   745 /*

   746 .element.vulgarisation.large .definitionContent{

   747 background: #5292ac;

   748 }*/

   749 

   750 .element.intervenant{

   751 background: #b66b8d;

   752 }

   753 /*

   754 .element.intervenant.large .definitionContent{

   755 background: #b16286;

   756 }*/

   757 

   758 .element .definitionContent{

   759 	max-width: 130px;

   760 	max-height: 80px;

   761 }

   762 

   763 .element.large .definitionContent{

   764 	max-width: none;

   765 	max-height: none;

   766 	height: 260px;

   767 }

   768 

   769 .definitionContent{

   770 	margin-top: 68px;

   771 	padding: 10px;

   772 	width: 323px;

   773 	height: auto;

   774 	overflow: hidden;

   775 }

   776 

   777 .element .commentSection{

   778 	display: none;

   779 }

   780 

   781 .element.large .commentSection{

   782 	margin-top: 68px;

   783 	padding: 10px;

   784 	width: 323px;

   785 	height: 260px;

   786 	overflow: hidden;

   787 	background: #F2F0F0;

   788 	display: none;

   789 }

   790 

   791 .commentSection form {

   792 	margin-top: 177px;

   793 	border-top: solid 1px;

   794 }

   795 

   796 .commentSection input {

   797 	color: #b7b7b7;

   798 	width: 80px;

   799 }

   800 

   801 .twitterInput{

   802 	margin-top: 60px;

   803 }

   804 

   805 .mailInput{

   806 	margin-top: 30px;

   807 }

   808 

   809 .pseudoInput{

   810 	

   811 }

   812 

   813 .element form{

   814 	display: none;

   815 }

   816 

   817 .commentInput{

   818 	color: #b7b7b7;

   819 	margin-left: 93px;

   820 	height: 76px;

   821 	resize: none;

   822 }

   823 

   824 input.submitButton{

   825 	color: #000;

   826 	margin-top: -1px;

   827 	margin-left: 244px;

   828 	height: 83px;

   829 }

   830 

   831 .element.large form{

   832 	display: inline-block;

   833 }

   834 

   835 

   836 .element ul{

   837 	display: none;

   838 }

   839 

   840 .element.large ul{

   841 	display: inline-block;

   842 	list-style: none;

   843 	margin-top: 45px;

   844 	margin-left: 7px;

   845 }

   846 

   847 .element.large li{

   848 	padding: 3px 6px;

   849 	webkit-border-top-right-radius: 1.2em;

   850 	-moz-border-radius-topright: 1.2em;

   851 	border-top-right-radius: 1.2em;

   852 	cursor: pointer;

   853 }

   854 

   855 #menuExtraContent button{

   856 	margin-top: -5px;

   857 }

   858 

   859 #menuExtraContent a, #menuExtraContent button{

   860 	color: #000;

   861 	font-weight: normal;

   862 	cursor: pointer;

   863 	background-image: none;

   864 }

   865 

   866 .element.large li.active{

   867 	font-weight: bold;

   868 	color: #000;

   869 	border: 0px;

   870 }

   871 

   872  #menuExtraContent a, #menuExtraContent button{

   873 	font-weight: bold;

   874 	color: #000;

   875 	background-image: url(../css/backgroundButton.jpg);

   876 	border: 0px;

   877 }

   878 

   879 label{

   880 	display: inline-block !important;

   881 	margin-top: 5px;

   882 }

   883 

   884 #menuExtraContent a:hover, #menuExtraContent button:hover{

   885 	color: #ffbb44;

   886 	background-image: url(../css/backgroundButton.jpg);

   887 	border: 0px;

   888 }

   889 

   890 #menuExtraContent a.active:hover, #menuExtraContent button:hover{

   891 	font-weight: bold;

   892 	color: #ffbb44;

   893 	background-image: url(../css/backgroundButton.jpg);

   894 	border: 0px;

   895 }

   896 

   897 .element.large li:hover{

   898 	color: #ffbb44;

   899 	border: 0px;

   900 }

   901 

   902 .element.large .active:hover{

   903 	font-weight: bold;

   904 	color: #ffbb44;

   905 	border: 0px;

   906 }

   907 

   908 .element.large li + li.active{

   909 	margin-left: 65px;

   910 }

   911 

   912 /*.defineTile, .commentTile{

   913 	display:none;

   914 }*/

   915 /*

   916 .element.large .commentTile{

   917 	margin-left: 74px;

   918 	background: #F2F0F0 ;

   919 }

   920 

   921 .element.arsIndustrialis.large .defineTile{

   922 	background: #85b879;

   923 }

   924 

   925 .element.discipline.large .defineTile{

   926 	background: #e03d3d;

   927 }

   928 

   929 .element.intervenant.large .defineTile{

   930 	background: #b16286;

   931 }

   932 

   933 .element.vulgarisation.large .defineTile{

   934 	background: #5292ac;

   935 }

   936 */

   937 

   938 

   939 .champsCopie{

   940 	width:110px;

   941 	bottom: 10px;

   942 }

   943 

   944 .copyButton{

   945 	bottom: 10px;

   946 	right: 10px;

   947 }

   948 

   949 .definition.folder{

   950 	background-color: #FFF;

   951 }

   952 

   953 

   954 

   955 .large .definitionContent{

   956 	overflow-y:scroll;

   957 	height: 302px;

   958 }

   959 

   960 .tag{

   961 	position: relative;

   962 	white-space: nowrap;

   963 	display: inline-block;

   964 }

   965 

   966 .tagSet{

   967 	position: relative;

   968 	margin-top: 10px;

   969 }

   970 

   971 .row-end{

   972 	width: 100%;

   973 	height: 0px;

   974 	padding: 0px;

   975 	margin: 0px;

   976 }

   977 

   978 /* Tagline */

   979 

   980 .docs .tagline {

   981   font-size: 22px;

   982   font-weight: 300;

   983 }

   984 

   985 /* as-is from MIT */

   986 

   987 .docs .as-is {

   988   font-size: 95%;

   989 }

   990 

   991 /* Commercial license blurb */

   992 

   993 .docs #commercial {

   994   background: white;

   995   padding: 10px;

   996   font-size: 14px;

   997   color: #1F1F1D;

   998 }

   999 

  1000 .docs #commercial a { font-weight: bold;}

  1001 

  1002 /**** Pygments ****/

  1003 

  1004 code .s1,

  1005 code .s { color: #78BD55; } /* string */

  1006 code .mi, /* integer */

  1007 code .cp, /* doctype */

  1008 code .kc { color: #5298D4; } /*boolean*/

  1009 code .k { color: #E39B79; } /* keyword */

  1010 code .kd, /* storage */

  1011 code .na { color: #A9D866; } /* markup attribute */

  1012 code .p  { color: #EDB; } /* punctuation */

  1013 code .o  { color: #F63; }   /* operator */

  1014 code .nb { color: #AA97AC;} /* support */

  1015 

  1016 /* comment */

  1017 code .c,

  1018 code .c1 { color: #666; font-style: italic; }

  1019 

  1020 code .nt { color: #A0C8FC; } /* Markup open tag */

  1021 

  1022 code .nf { color: #9EA8B8; } /* css id */

  1023 code .nc { color: #A78352; }  /* CSS class */

  1024 code .m  { color: #DE8E50; } /* CSS value */

  1025 code .nd { color: #9FAD7E; } /* CSS pseudo selector */

  1026 

  1027 

  1028 

  1029 /**** Super list ****/

  1030 

  1031 

  1032 /**** Sites using Isotope ****/

  1033 

  1034 #sites h2 {

  1035   display: none;

  1036   padding: 0.4em;

  1037   line-height: 32px;

  1038   margin-bottom: 0.4em;

  1039   -webkit-transition: background-color 0.8s;

  1040      -moz-transition: background-color 0.8s;

  1041        -o-transition: background-color 0.8s;

  1042           transition: background-color 0.8s;

  1043 }

  1044 

  1045 #sites h2 img {

  1046   display: inline-block;

  1047   margin-right: 0.4em;

  1048   vertical-align: bottom;

  1049 }

  1050 

  1051 #sites h2.loading {

  1052   background: white;

  1053   color: #222;

  1054 }

  1055 #sites h2.error {

  1056   background: red;

  1057   color: #222;

  1058 }

  1059 

  1060 

  1061 #sites ul {

  1062   margin: 0;

  1063 }

  1064 

  1065 .super-list .example {

  1066   list-style: none;

  1067   float: left;

  1068   width: 230px;

  1069   margin: 5px;

  1070 }

  1071 

  1072 .super-list .example a,

  1073 .super-list .example b,

  1074 .super-list .example img {

  1075   display: block;

  1076 }

  1077 

  1078 .super-list .example img { width: 100%; }

  1079 

  1080 .super-list .example a {

  1081   background: #1F1E1D;

  1082 }

  1083 

  1084 .super-list .example a:hover {

  1085   background: white;

  1086   color: #111;

  1087 }

  1088 

  1089 .super-list .example b { 

  1090   font-weight: bold;

  1091   line-height: 1.3em;

  1092   padding: 3px;

  1093   padding-top: 8px;

  1094 }

  1095 

  1096 .super-list .link {

  1097   float: left;

  1098   position: relative;

  1099   font-size: 24px;

  1100   line-height: 1.2em;

  1101   font-weight: 300;

  1102   margin: 5px;

  1103 }

  1104 

  1105 .super-list .link {

  1106   width: 230px;

  1107   height: 110px;

  1108 }

  1109 

  1110 .super-list .link a {

  1111   display: block;

  1112   padding: 10px;

  1113   padding-left: 65px;

  1114   height: 90px;

  1115   background: #1F1E1D;

  1116   color: #FE5;

  1117   -webkit-border-radius: 14px;

  1118      -moz-border-radius: 14px;

  1119           border-radius: 14px;

  1120 }

  1121 

  1122 .super-list .link a:before {

  1123   content: '➔';

  1124   font-size: 70px;

  1125   position: absolute;

  1126   top: 30px;

  1127   left: 5px;

  1128   -webkit-transform: rotate(90deg);

  1129      -moz-transform: rotate(90deg);

  1130       -ms-transform: rotate(90deg);

  1131        -o-transform: rotate(90deg);

  1132           transform: rotate(90deg);

  1133 }

  1134 

  1135 .super-list .link.away a:before {

  1136   top: 25px;