Revision as of 12:57, 9 August 2018

/* CSS placed here will be applied to all skins */
span.checkboxSpan {
width: 220px;
display: block;
float: left;
}

.Tor { background: url("//svnweb.fsf.org/static/trunk/directory/images/logos/Tor.jpg") no-repeat; width: 100px; height: 100px;display: block; text-indent: -9999px;}
.TorChat { background: url("//svnweb.fsf.org/static/trunk/directory/images/logos/Tor.jpg") no-repeat; width: 100px; height: 100px;display: block; text-indent: -9999px;}

table.antifeature { border:2px solid red; padding:5px; }

/*The 2 column text of Package entries in desktop mode becomes inline in mobile view*/
.left-float {
 float:left; 
 width:60%; 
 margin: 2px 4px 0px 4px;}

.right-float{
 float:right; 
width:35%; 
margin: 2px 4px 0px 4px;}

@media only screen and (max-width: 800px){
.left-float,
.right-float {
		float: inherit;
		width: inherit;
	}
}

/*To make licenses section vertical for mobile view*/
* {
    box-sizing: border-box;
}

.license-column {
    float: left;
    width: 17%;
   padding: 2px;
}

.license-wide-column{
 float: left;
 width: 49%;
 padding: 2px;
 
 }

.license-row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 760px) {
    .license-column {
        width: 100%;
    }
    .license-wide-column{
    width: 100%
    }
}