Tech Wiki - View source : Datsun 1200 Club

Main Menu
Home News Forum Photo Album Tech Wiki Downloads Web Links Polls FAQ Members Map
Fast Search
Slow Search
Google Ad
This page has been locked to prevent editing; there are a number of reasons why this may be so, please see Project:Protected page.
You can view and copy the source of this page:
.siteHeader{ width: 130px; height: 120px; overflow: hidden;}

 table.toc td img { max-width:192px; }

.clippy img { clip-path:inset(30px 30px 60px 60px); }

.siteHeader img{ margin:inherit; max-width:inherit;}

.sprite { background-image:url(/themes/zetagenesis/img/header-logo.png); }

.partialx img { object-fit:none; object-position:0 0; width:inherit; height:inherit; }

.partial { overflow:hidden; position:relative; top:300; left:0; width:140px; height:95px; display:inline-block;}

.partial img { object-fit:none; object-position:0 300px; }

 .test_pad_zero img { padding:0px; box-sizing:border-box; outline:thin solid black; }
 br { clear:both; }
 .img_nopad img { padding:0; }
 .album_img { overflow:hidden; 
    position:relative; top:0; left:0; width:140px; height:95px; display:inline-block;}
 .album_img img { padding:0 }
 .circled { position:absolute; topx:2px; leftx:0px; backgroundx:black; heightx:60px; 
    widthx:60px; color:yellow; padding-leftx:3px; padding-topx:2px; overflow:hidden;
    background-imagex:url(/uploads/photos/27205.jpg); }
 .note_overlay { position:absolute; top:0px; left:-5px; background:black; height:18px; 
    width:9px; color:yellow; padding-left:3px; padding-top:2px; overflow:hidden; }
 .album_overlay { position:absolute; top:2px; left:0px; background:black; height:18px; 
    width:50px; color:yellow; padding-left:3px; padding-top:2px; overflow:hidden; }
 .album_overlayH { position:absolute; top:0px; left:0px; background:black; height:18px; 
    width:50px; color:yellow; padding-left:3px; padding-top:2px; overflow:hidden; }
 .album_overlayT { position:absolute; top:2px; left:0px; background:black; height:18px; 
    width:50px; color:yellow; padding-left:3px; padding-top:2px; overflow:hidden; }
 .note_overlay:hover { width:inherit; height:inherit; }
 .album_overlay:hover { overflow:normal; width:99%; }
 .album_overlayH:hover { display:none }
 .album_overlayT:hover { display:none }

 /* #article {width:400px} doesn't let image stretch across screen */
 /* text-align: justify; affects image too */
 .SeeMainArticle { padding-left:.5em; width:400px; background-color:Gainsboro; padding-right:.5em }
 @media screen and (max-device-width:480px)  { #article {width:480px; } }
 .index {float:left; white-space:nowrap; overflow:hidden; width:140px; height:124px;
         color:RGBa(0,0,0,1);
         /* borderx:thin solid black; border-collapse:collapse; */
         box-shadow: 
         1px 0 0 0 #000, 
         0 1px 0 0 #000, 
         1px 1px 0 0 #000,   /* Just to fix the corner */
         1px 0 0 0 #000 inset, 
         0 1px 0 0 #000 inset;
         padding:4px 2px 2px 3px; text-align:center; }
 .index .album_overlayT { display:none }
 .album_overlay  a { color: #FFFAA0 !important; } 
 .album_overlayT a { color: #FFFAA0; } 
 .album_overlayH a { color: #FFFAA0; } 
   .title {overflow:hidden; width:135px; color:inherit; text-transform:lowercase}
   .index:hover, .title:hover {background-color:black; color:white; white-space:normal}
 @media screen and (max-device-width:800px) {
   .title {overflow:hidden; width:138px; height:32px; color:inherit; white-space:normal; }
   .index:hover, .title:hover {background-color:black; color:white; white-space:normal}
   .index img {max-width:140px; max-height:105px; padding:0; }
 }
 @media screen and (max-device-width:800px) { .index { height:140px; } }

 @media screen {  .width_test {visibility: hidden;}}
 @media screen and (min-device-width:480px)  {.width_test#w480  {visibility: visible;}}
 @media screen and (min-device-width:800px)  {.width_test#w800  {visibility: visible;}}
 @media screen and (min-device-width:1280px) {.width_test#w1280 {visibility: visible;}}
 @media screen and (min-width:320px) and (device-aspect-ratio: 3/5) {.width_test#smallscreen {visibility: visible;}}

 @media screen and (max-device-width:480px) {
    .overtable { overflow:auto; width:400px; }
    pre        { overflow:auto; width:400px; }
 }

 .caption{background-color:red; width:140px;
        position:absolute;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
        top:0;
        left:0;
        }
 .thumb {
        position:absolute;
        top:12;
        left:0;
        }

 /* GLOBAL WIKI styles */
 table.toc  { width:400px; }                    /* [[Test#TOC]]   */
 #article blockquote { width:373px; }           /* [[Test#QUOTE]] */
 img { max-width:400px;} /* override with class="imageLGpx" or "imageMAXpx" */
 @media screen and (max-device-width:480px) {
   #article pre { width:400px; white-space:pre; overflow:auto; } }

 /* QUOTE styles [[Test#QUOTE]] */
 #article blockquote img { max-width:373px; } /* [[Test#QUOTE_IMG]] */
 #article blockquote.wide { width:90%; }
 #article blockquote blockquote { width:90%; } /* [[Template:OwnersManual]] */
 #article blockquote.fancy:first-letter {
   	float: left;
  	margin: 0 .3em 0 0;
  	font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
  	font-size: 200%;
  	font-weight: bold; }

 /* LIST styles [[Test#LIST]] */
 #article ul {width:95%;
     list-style: disc outside none;
   margin-before: 0px;
 padding-start: 0px;
     margin-left: 10px;
     padding-left: 5px;}
 #article ul li {
     margin-top: 0px;
     margin-bottom: 0px;}
 #article ul li:first-child {margin-top: 0px;}
 #article ol {width:90%;
     list-style: decimal outside none;
    line-height: 1.5;
    margin-top: 0px;
     margin-left: 15px;
    padding-left: 15px;}
 #article ol li {margin-top: 10px;}
 #article ol li:first-child {margin-top: 0px;}
 #toc ol li {margin-top: 0px;}
 #toc ul {list-style:none inside none; margin-left: 0px; }

 /* list img sizes [[Test#LIST_IMG]] */
 #article ul li img {max-width:383px}
 #article ol li img {max-width:368px}
 #article ul dd img {max-width:343px}
 #article ol dd img {max-width:328px}

 /* TABLE styles */
 table.wiki_table{border:thin solid black; width:400px; } 
 .wiki_table tr:nth-child(even){background-color: #f0f0f0}
 .wiki_table th {text-align:left ; vertical-align: text-top;}
 .wiki_table td,th {padding:0px 0px 0px 2px; }
 .wiki_index {width:420px; border:thin solid black; border-collapse:collapse;} 
 .wiki_index td,th {white-space:nowrap; max-width:144px; border:thin solid black;
             padding:2px 2px 2px 2px; text-align:center;}
 .wiki_index {max-width:140px; max-height:105px; padding:0; }

 /* IMG styles */
 .img_width img {width:100%;}
 .crop img {max-width:2048px; width:inherit !important; height:inherit; object-fit:none; object-position:inherit;}
 .img_index img { height:192px; }
 /*.img_index img { height:105px; display:inline-block; outline:thin solid black; padding:0; }*/
 .img_height img { height:192px; padding:0; height: 100%; max-height:100%;}
 .img_height { display:inline-block; outline:thin solid black; position:relative; top:0; left:0; }
 .img_hxw img {height:100%; width:100%;}
 .img_height120 img {height:100%;}
 .img_height120 { height:120px; display:inline-block; outline:thin solid black; }
 /* span[class^="img_"]:hover img { height: 100%; max-height:100%; transition-delay:1500ms;} flickers if not enough room on the current line*/
 
 /* IMG general classes */
 .bw img {filter: grayscale(100%);}
 span[class^="image"] { position:relative; display:inline-block; } /* for overlay positioning */
 span[class^="image"]:hover img { transform:scale(2); transition:all 0.3s; transition-delay:2000ms; }
 span[class^="img_"]:hover img { transform:scale(2); transition:all 0.3s; transition-delay:2000ms; }
 .imagepx       img { width: 100%; } 
 .imagepxt      img { width: 192px; }
 .image0px      img { width: 100%; max-width:100%; }
 pre img { max-width:380px; }
 .image100px   img { width: 100px; }
 .imageTHUMBpx img { width: 140px; }
 .image140px   img { width: 140px; }
 .imageTHpx    img { width: 140px; }
 .image160px   img { width: 160px; }
 .imageSMpx    img { width: 240px; }
 .image256px   img { max-width: 256px; }
 .imageLGpx    img { max-width:560px; }
 @media screen and (max-device-width:480px)  {
    .imageLGpx img { max-width:480px;} }
 .imageXLpx    img { max-width:640px; }
 .imageMAXpx   img { width: inherit; max-width:inherit; position: relative; topx: 0; leftx: 0; padding: 0; }
 .imageINDEX   img { max-width:inherit;}
 .imageINDEX   a   { max-width:inherit;}

 /* NAVIGATION UI styles */
 #navbar {outline:solid thin black; padding:4px 4px 4px 13px; width:384px; background:#f7f8ff;}
 #navbar_title {color:Black; text-transform:uppercase; font-weight:bold; height:20px}
 .navbar_link { padding-left:4px;}
 .section,.sectiontop { color:DarkSlateGray;
    background-color:#B4CAD7;
    background: -webkit-linear-gradient(left, #B4CAD7, #7f8e88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #B4CAD7, #7f8e88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #B4CAD7, #7f8e88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #B4CAD7,#7f8e88); /* Standard syntax */}
 .section {text-transform:lowercase;}
 .navbox_outer {border:thin solid black; border-spacing:0px; padding:0px;}
 .navbox {border:thin solid black; border-spacing:0px; padding:0px;}
 .navbox tr:nth-child(1){background:#B4CAD7; height:26px; font-weight:bold;}
 .navbox td:nth-child(1){background-color:#B4CAD7; width:13px;}
 .navbox td {padding:0px 4px 0px 4px; height:16px;}
 .photobox {border-left:thin black solid; width:140px; height:140px;}
 .photobox img {height:100%; width:100%; padding:0; }
 #navbox_top {color:Black; text-transform:uppercase;}


 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 @media screen and (min-width:320px) and (device-aspect-ratio: 3/5) {
   /* #article {width:288px; } */
   #article p {width:288px; }
   h1,h2,h3,h4,h5 {width:288px; }
   .overtable       { overflow:hidden; width:288px; }
   .overtable:hover { overflow:visible; }

   /* GLOBAL WIKI styles */ 
   table.toc  { width:288px; }                    /* [[Test#TOC]]   */
   #article blockquote { width:261px; }           /* [[Test#QUOTE]] */
   #article blockquote p { width:246px; }
   img { max-width:288px;  padding:2px 0 } /* override with class="imageLGpx" or "imageMAXpx" */
   /*img { max-height:400px; } */
   #article pre { width:288px; white-space:pre; overflow:auto; }
   #article pre:hover {overflow:visible;}

   /* QUOTE styles [[Test#QUOTE]] */
   #article blockquote img { max-width:246px; } /* [[Test#QUOTE_IMG]] */
   #article blockquote.wide { width:75%; }
   #article blockquote blockquote { width:55%; } /* [[Template:OwnersManual]] */
   #article blockquote.fancy:first-letter {
   	float: left;
   	margin: 0 .3em 0 0;
  	font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
  	font-size: 200%;
  	font-weight: bold; }

   /* LIST styles [[Test#LIST]] */
   #article ul {width:60%;
     list-style: disc outside none;
     margin-before: 0px;
   padding-start: 0px;
     margin-left: 10px;
     padding-left: 5px;}
   #article ul li {
     margin-top: 0px;
     margin-bottom: 0px;}
   #article ul li:first-child {margin-top: 0px;}
   #article ol {width:55%;
     list-style: decimal outside none;
     line-height: 1.5;
     margin-top: 0px;
     margin-left: 15px;
     padding-left: 15px;}
   #article ol li {margin-top: 10px;}
   #article ol li:first-child {margin-top: 0px;}
   #toc ol {width:90%; }
   #toc ul {width:90%; }
   #toc ol li {margin-top: 0px; width:90%; }
   #toc ul {list-style:none inside none; margin-left: 0px; }

   /* list img sizes [[Test#LIST_IMG]] */
   #article ul li img {max-width:271px}
   #article ol li img {max-width:256px}
   #article ul dd img {max-width:231px}
   #article ol dd img {max-width:216px}

   /* TABLE styles */ 
   table.wiki_table{border:thin solid black; width:400px; border-spacing:0px; padding:0px;} 
   .wiki_table tr:nth-child(even){background-color: #f0f0f0}
   .wiki_table th {text-align:left ; vertical-align: text-top;}
   .wiki_table td,th {padding:0px 0px 0px 2px}
   .wiki_index {width:420px; border:thin solid black; border-collapse:collapse;} 
   .wiki_index td,th {white-space:nowrap; max-width:144px; border:thin solid black;
             padding:2px 2px 2px 2px; text-align:center;}
   .wiki_index {max-width:140px; max-height:105px; padding:0; }

   /* IMG styles */
   .img_width img {max-width:140px; max-height:105px; }
    /*.img_index  img   { max-width:140px; max-height:105px; padding:0; }*/
   .img_index  img   { max-width:400px; max-height:192px; padding:0; }
   .index_body    { width:400px; }
   .img_height img {height:100%;}
   .img_height { display:inline-block; outline:thin solid black; }
   .img_hxw img {height:100%; width:100%;}
   .img_height120 img {height:100%;}
   .img_height120 { height:120px; display:inline-block; outline:thin solid black; }

   /* IMG general classes */
   .imagepx      img { width:100%; }
   .image100px   img { width: 100px; }
   .imageTHUMBpx img { width: 140px; }
   .image140px   img { width: 140px; }
   .imageTH      img { width: 140px; maxwidth: 140px; }
   .imageTHpx    img { width: 140px; }
   .image160px   img { width: 140px; }
   .imageSMpx  img   { max-width: 288px; }
   .image256px img   { max-width: 288px; }
   .imageLGpx  img   { max-width:288px; }
   .imageLGpx:hover img { max-width:560px;}
   .imageXLpx  img   { max-width:640px; }
   .imageINDEX img   { max-width:inherit;}
   .imageMAXpx img   { width:inherit; max-width:300px; margin-top:0; padding-top:0;}

   /* NAVIGATION UI styles */
   #navbar {outline:solid thin black; padding:4px 4px 4px 13px; width:384px; background:#f7f8ff;}
   #navbar_title {color:Black; text-transform:uppercase; font-weight:bold; height:20px}
   .navbar_link { padding-left:4px;}
   .section { color:DarkSlateGray; text-transform:lowercase;
      background-color:#B4CAD7;
      background: -webkit-linear-gradient(left, #B4CAD7, #7f8e88); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, #B4CAD7, #7f8e88); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, #B4CAD7, #7f8e88); /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, #B4CAD7,#7f8e88); /* Standard syntax */}
   .navbox_outer {border:thin solid black; border-spacing:0px; padding:0px;}
   .navbox {border:thin solid black; border-spacing:0px; padding:0px;}
   .navbox tr:nth-child(1){background:#B4CAD7; height:26px; font-weight:bold;}
   .navbox td:nth-child(1){background-color:#B4CAD7; width:13px;}
   .navbox td {padding:0px 4px 0px 4px; height:16px;}
   .photobox {border-left:thin black solid; width:187px; height:140px;}
   .photobox img {height:100%; width:100%;}
   #navbox_top {color:Black; text-transform:uppercase;}
 }
 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


 .index_body .album_overlayH { display:none; }
 .break { break-after: always;}

 .brochure   { width:400px; outline:thin black solid; }
 .brochure p { padding:6px; line-height:120%; }

 .magazine1col { width:400px; outline:thin black solid }
 .magazine p
            { margin-top:0; margin-bottom:0; padding:0 6px 0 6px; text-indent:1.3em; }
 .magazine1col p
            { margin:0; padding:6px; text-indent:1.3em; }
 .magazine p { width:172px; font-size:x-small; }
 .magazine p:first-of-type,
 .magazine1col p:first-of-type { padding-top:6px; text-indent:0; }
 .mag_caption p { width:172px; margin:6px; font-size:xx-small; }
 .mag_caption p:first-of-type { margin-top:0px; }
 .magazine H2 { width:172px; font-size:x-small; text-align:center; margin-top:0; margin-bottom:0em; }

 .wiki_columns {width:560px; padding:6px; font-size:x-small; margin-top:8px; 
                -webkit-columns: 180px 3;
                   -moz-columns: 180px 3;
                        columns: 180px 3;
                -webkit-column-gap: 10px;
                   -moz-column-gap: 10px;
                        column-gap: 10px; }
 .wiki_columns img { margin-top:0; margin-bottom:0.5em;
                     float:right; max-width:176px; }
 .wiki_columns p { width:172px; margin-top:0; margin-bottom:0; padding-bottom:0; 
                   text-indent:1.3em; }
 .wiki_columns p:first-of-type { text-indent:0; }
 .wiki_columns H2 { width:172px; font-size:x-small; text-align:center; margin-top:0; 
                   margin-bottom:0em; }
 p.h2 { width:172px; font-weight: bold; text-align:center; text-indent:0; margin-top:6px; }

 .magazineW  { position:absolute; top:160px; left:178px; width:178px; text-align:justify; 
               font-size:9px; word-spacing:.24em; }
 .magazineW p { width:172px; margin-top:0; margin-bottom:0; padding:0 6px 0 6px; 
                text-indent:1.5em; }
 .magazineW p:first-of-type { padding-top:6px; text-indent:0; }
 .magazineW p:last-of-type { text-align-last:justify; }

 @media screen and (-webkit-device-pixel-ratio: 1.5) {
    .magazineW  { font-sizex:9.25px; }
     .magazineW p { font-size:105% }
 }
Return to Datsun 1200 encyclopedia.
Retrieved from "http://datsun1200.com/modules/mediawiki/index.php?title=MediaWiki:Common.css"