jsos

college code for operating system fundamentals in js
1140.css

(2333B)
      1 /* CSS Resets */
      2 
      3 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
      4 
      5 
      6 /* ==================================================================================================================== */
      7 /* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
      8 /* ==================================================================================================================== */
      9 
     10 .container {
     11 padding-left: 20px;
     12 padding-right: 20px;
     13 }
     14 
     15 .row {
     16 width: 100%;
     17 max-width: 1140px;
     18 min-width: 755px;
     19 margin: 0 auto;
     20 overflow: hidden;
     21 }
     22 
     23 .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
     24 margin-right: 3.8%;
     25 float: left;
     26 min-height: 1px;
     27 }
     28 
     29 .row .onecol {
     30 width: 4.85%;
     31 }
     32 
     33 .row .twocol {
     34 width: 13.45%;
     35 }
     36 
     37 .row .threecol {
     38 width: 22.05%;
     39 }
     40 
     41 .row .fourcol {
     42 width: 30.75%;
     43 }
     44 
     45 .row .fivecol {
     46 width: 39.45%;
     47 }
     48 
     49 .row .sixcol {
     50 width: 48%;
     51 }
     52 
     53 .row .sevencol {
     54 width: 56.75%;
     55 }
     56 
     57 .row .eightcol {
     58 width: 65.4%;
     59 }
     60 
     61 .row .ninecol {
     62 width: 74.05%;
     63 }
     64 
     65 .row .tencol {
     66 width: 82.7%;
     67 }
     68 
     69 .row .elevencol {
     70 width: 91.35%;
     71 }
     72 
     73 .row .twelvecol {
     74 width: 100%;
     75 float: left;
     76 }
     77 
     78 .last {
     79 margin-right: 0px;
     80 }
     81 
     82 img, object, embed {
     83 max-width: 100%;
     84 }
     85 
     86 img {
     87 	height: auto;
     88 }
     89 
     90 
     91 /* Smaller screens */
     92 
     93 @media only screen and (max-width: 1023px) {
     94 
     95 	body {
     96 	font-size: 0.8em;
     97 	line-height: 1.5em;
     98 	}
     99 	
    100 	}
    101 
    102 
    103 /* Mobile */
    104 
    105 @media handheld, only screen and (max-width: 767px) {
    106 
    107 	body {
    108 	font-size: 16px;
    109 	-webkit-text-size-adjust: none;
    110 	}
    111 	
    112 	.row, body, .container {
    113 	width: 100%;
    114 	min-width: 0;
    115 	margin-left: 0px;
    116 	margin-right: 0px;
    117 	padding-left: 0px;
    118 	padding-right: 0px;
    119 	}
    120 	
    121 	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    122 	width: auto;
    123 	float: none;
    124 	margin-left: 0px;
    125 	margin-right: 0px;
    126 	padding-left: 20px;
    127 	padding-right: 20px;
    128 	}
    129 
    130 }