/*

CSS per Link Manager (WIP)
Luca Asperius 26/12/2017 from Vanzago with love :)

NOTE:

*/

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
}

body { background: #eee; margin: 0; padding: 0; font-family: "Source Sans Pro"}

input, textarea { font-family: "Source Sans Pro"; }

#usernav { background-color: transparent; padding: 10px; color: #666; width: 100%; }

#user-profile a { color: #999; text-decoration: none; }
#user-profile a:hover { text-decoration: underline; }

#user-content > a { background: #aaa; font-weight: 600; color: #fff; display: inline-block; padding: 2px 4px; border-radius: 2px; text-transform: uppercase; margin: 0 3px; text-decoration: none; transition: background-color 0.2s ease-in-out 0s; }
#user-content > a.sel { background: #666; }
#user-content > a:hover { background: #ccc; }

#brand { background: transparent; padding: 0px 0px 40px 0px; margin: 0px; }
#brand h1 { margin: 0; padding: 0; text-align: center; color: #666; font-size: 32px; }
#brand h1 a { color: #666; text-decoration: none; }

#page { margin: 0px; background: #f9f9f9; padding: 10px; overflow: auto; width: 100%; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.6); }

#mainlinks { margin: -10px -10px 10px -10px; background: #ccc; padding: 20px 0px 0px 0px; overflow: auto; }
#mainlinks > ul { list-style-type:none; margin: 0px; padding: 0px; text-align: center; }
#mainlinks > ul > li { display: inline-block; width: 96px; height: 96px; margin: 0px 10px 20px 10px; }
#mainlinks > ul > li > a { display: block; width: 96px; height: 96px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.6); overflow: hidden; word-break: break-all; }

#tagsmenu > a { background: #aaa; font-weight: 600; color: #fff; display: inline-block; padding: 2px 4px; border-radius: 2px; text-transform: uppercase; margin: 0 3px; text-decoration: none; transition: background-color 0.2s ease-in-out 0s; }
#tagsmenu > a.sel { background: #666; }
#tagsmenu > a:hover { background: #ccc; }

.stdlist { padding: 10px; background: #fff; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3); margin-top: 10px; }
.stdlist > h3 { margin: 0px; padding: 0px; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #ccc; }
.stdlist > ul { list-style-type:none; margin: 0px; padding: 0px; }
.stdlist > ul > li { margin: 0px; padding: 5px; border-bottom: 1px solid #eee;}
.stdlist > ul > li:last-child { border-bottom: 0px; }
.stdlist > ul > li > span.tag { background: #999; font-weight: 600; color: #fff; margin-right: 5px; font-size: 10px; display: inline-block; padding: 2px 4px; border-radius: 2px; text-transform: uppercase; vertical-align: 1px; }

#footer { background: transparent; padding: 10px; color: #ccc; margin: 0px; text-align: center; text-shadow: 0px 0px 3px #000; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

@media only screen and (min-width: 768px) {
	#user-profile { display: inline-block; margin: 0px; padding: 0px; width: 25%; }
	#user-content { display: inline-block; margin: 0px; padding: 0px; width: 50%; text-align: center; }
	#fastform { display: inline-block; margin: 0px; padding: 0px; width: 25%; }
	#tagsmenu { display: inline-block; margin: 0px; padding: 0px; width: 50%; text-align: center; }
}
 
@media only screen and (min-width: 1024px){
	.stdlist { display: inline-block; width: 33%; vertical-align:top; }
}