SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/play.slitaz.me/style-tiny.css	Thu Aug 20 08:44:15 2020 +0000
     1.3 @@ -0,0 +1,116 @@
     1.4 +@media (max-width: 620px) {
     1.5 +
     1.6 +	body { font: 100% sans-serif, vernada, arial; }
     1.7 +	#network { display: none !important; } /* Under header ??? */
     1.8 +	.mobile { display: block !important; }
     1.9 +	
    1.10 +	body {
    1.11 +		width: auto;
    1.12 +		margin: 0;
    1.13 +		padding: 0;
    1.14 +	}
    1.15 +	img, table, td, blockquote, code, pre, textarea, input, iframe, 
    1.16 +	object, embed, video {
    1.17 +		max-width: 100%;
    1.18 +	}
    1.19 +	
    1.20 +	header {
    1.21 +		height: 90px;
    1.22 +		text-align: center;
    1.23 +	}
    1.24 +	
    1.25 +	header h1 { font-size: 24px; padding: 5px 0; width: auto; margin: 0; }
    1.26 +	
    1.27 +	#logo {
    1.28 +		display: block;
    1.29 +		position: relative;
    1.30 +		float: none;
    1.31 +		left: 0;
    1.32 +		top: 10px;
    1.33 +		height: 40px;
    1.34 +		margin-left: auto;
    1.35 +		margin-right: auto;
    1.36 +	}
    1.37 +	
    1.38 +	/* Keep images ratio */
    1.39 +	img {
    1.40 +		height: auto;
    1.41 +		-webkit-box-sizing: border-box;
    1.42 +		-moz-box-sizing: border-box;
    1.43 +		box-sizing: border-box;
    1.44 +	}
    1.45 +	textarea, table, td, th, code, pre, samp {
    1.46 +		word-wrap: break-word;
    1.47 +		-webkit-hyphens: auto;
    1.48 +		-moz-hyphens: auto;
    1.49 +		hyphens: auto;
    1.50 +	}
    1.51 +	code, pre, samp { white-space: pre-wrap; }
    1.52 +
    1.53 +	/* Navigation */
    1.54 +	
    1.55 +	nav {
    1.56 +		min-height: 0;
    1.57 +		max-height: 0;
    1.58 +		padding: 0;
    1.59 +		text-align: left;
    1.60 +		color: #222;
    1.61 +		border-bottom: 1px solid #afafaf;
    1.62 +		margin-bottom: 20px;
    1.63 +		top: 0;
    1.64 +		display: block;
    1.65 +	}
    1.66 +
    1.67 +	nav:before {
    1.68 +		content: "Menu \25BC"; 
    1.69 +		display: block;
    1.70 +		padding: .8em;
    1.71 +		background: #333;
    1.72 +		color: #fff;
    1.73 +		border-bottom: 4px solid #afafaf;
    1.74 +		background: #222 url(images/logo.png) no-repeat right;
    1.75 +	}
    1.76 +	nav ul {
    1.77 +	    max-height: 0;
    1.78 +	    overflow: hidden;
    1.79 +	    margin: 0; padding: 0;
    1.80 +	    list-style: none;
    1.81 +	}
    1.82 +	nav a {
    1.83 +		display: block;
    1.84 +		padding: 0.8em;
    1.85 +		background: #4A7377;
    1.86 +		color: #fff;
    1.87 +		text-decoration: none;
    1.88 +		background-color: #000;
    1.89 +		opacity: 0.95;
    1.90 +		border-radius: 0px;
    1.91 +	}
    1.92 +	nav:not(:focus) ul {
    1.93 +		max-height: 0;
    1.94 +	}
    1.95 +	nav:focus ul {
    1.96 +		margin-bottom: 25em;
    1.97 +	}
    1.98 +	nav ul {
    1.99 +		/* number of <li> x5 */
   1.100 +		max-height: 25em;
   1.101 +		-webkit-transition: max-height .4s;
   1.102 +		transition: max-height .4s;
   1.103 +	}
   1.104 +	
   1.105 +	/* Content */
   1.106 +	
   1.107 +	#content {
   1.108 +		margin: 20px 0 0 0;
   1.109 +		padding: 2%;
   1.110 +		text-align: justify;
   1.111 +		max-width: auto;
   1.112 +	}
   1.113 +}
   1.114 +
   1.115 +@media (max-device-width:768px) and (orientation: landscape) {
   1.116 +	html {
   1.117 +		-webkit-text-size-adjust: 100%;
   1.118 +	}
   1.119 +}