Home
Colours
Fonts
Text Styles
Extra Styles
Kirsty Tutors
WebsiteStyleGuide
Extra style choices for the pending Kirsty Tutors website
Extra Styles
Buttons
Font-family: Barlow; Font-size: 16px; Font-weight: 300;
Text colour: #8031A7, black and white Text-align: center;
Border: 5px solid #8031A7/ black/ white;
Background colour: #8031A7/ black/ white
Padding: 10px; Width: 250px; Margin: 5px;
Display: inline-block; Cursor: pointer;
Hover - Background-colours: change; Border: 2px solid black;
Hover - Text colours: change; Text-transform: uppercase;
Navigation Bar - Top
.topnav
overflow: hidden;
background-color: #8031A7;
.topnav a
font-family: Barlow, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
float: left;
.topnav a:hover
background-color: white;
color: #8031A7;
.topnav a:active
background-color: black;
color: #8031A7;