mirror of
https://github.com/aquatix/digimarks.git
synced 2025-12-06 23:05:10 +01:00
86 lines
1.2 KiB
CSS
86 lines
1.2 KiB
CSS
/**
|
|
* digimarks styling
|
|
*/
|
|
|
|
/** Navigation **/
|
|
|
|
nav .button-collapse
|
|
{
|
|
/* Fix for misalignment of hamburger icon */
|
|
margin: 0;
|
|
}
|
|
|
|
nav .button-collapse i
|
|
{
|
|
/* Make the hamburger icon great again */
|
|
font-size: 2.7rem;
|
|
}
|
|
|
|
/** Form input fields **/
|
|
|
|
/* label underline focus color */
|
|
.input-field input[type=text]:focus
|
|
{
|
|
border-bottom: 1px solid #000;
|
|
box-shadow: 0 1px 0 0 #000;
|
|
}
|
|
/* valid color */
|
|
.input-field input[type=text].valid
|
|
{
|
|
border-bottom: 1px solid #000;
|
|
box-shadow: 0 1px 0 0 #000;
|
|
}
|
|
/* invalid color */
|
|
.input-field input[type=text].invalid
|
|
{
|
|
border-bottom: 1px solid #000;
|
|
box-shadow: 0 1px 0 0 #000;
|
|
}
|
|
/* icon prefix focus color */
|
|
.input-field .prefix.active
|
|
{
|
|
color: #000;
|
|
}
|
|
|
|
/** Cards and tags **/
|
|
|
|
.card .card-content
|
|
{
|
|
padding: 12px;
|
|
}
|
|
|
|
.card.tiny
|
|
{
|
|
height: 140px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card.tiny .card-title
|
|
{
|
|
font-size: 18px;
|
|
}
|
|
|
|
.card .card-reveal .digimark-card-header,
|
|
.card .digimark-card-header.activator,
|
|
.chip.clickable
|
|
{
|
|
cursor: pointer;
|
|
/*display: block;*/
|
|
}
|
|
|
|
.card .digimark-card-content
|
|
{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.card-image i
|
|
{
|
|
padding: 5px 0 0 15px;
|
|
}
|
|
|
|
.card.horizontal .card-image img.favicon
|
|
{
|
|
height: 60px;
|
|
width: 60px;
|
|
}
|