github.com/merlinepedra/gopphish-attack@v0.9.0/static/css/dashboard.css (about) 1 /* 2 * Base structure 3 */ 4 5 /* Move down content because we have a fixed navbar that is 50px tall */ 6 body { 7 padding-top: 50px; 8 } 9 10 11 /* 12 * Global add-ons 13 */ 14 15 .sub-header { 16 padding-bottom: 10px; 17 border-bottom: 1px solid #eee; 18 } 19 20 21 /* 22 * Sidebar 23 */ 24 25 /* Hide for mobile, show later */ 26 .sidebar { 27 display: none; 28 } 29 @media (min-width: 768px) { 30 .sidebar { 31 position: fixed; 32 top: 51px; 33 bottom: 0; 34 left: 0; 35 display: block; 36 padding: 20px; 37 overflow-x: hidden; 38 overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ 39 background-color: #f5f5f5; 40 border-right: 1px solid #eee; 41 } 42 } 43 44 /* Sidebar navigation */ 45 .nav-sidebar { 46 margin-right: -21px; /* 20px padding + 1px border */ 47 margin-bottom: 20px; 48 margin-left: -20px; 49 } 50 .nav-sidebar > li > a { 51 padding-right: 20px; 52 padding-left: 20px; 53 } 54 .nav-sidebar > .active > a { 55 color: #fff; 56 background-color: #283F50; 57 } 58 59 60 /* 61 * Main content 62 */ 63 64 .main { 65 padding: 20px; 66 } 67 @media (min-width: 768px) { 68 .main { 69 padding-right: 40px; 70 padding-left: 40px; 71 } 72 } 73 .main .page-header { 74 margin-top: 0; 75 } 76 77 78 /* 79 * Placeholder dashboard ideas 80 */ 81 82 .placeholders { 83 margin-bottom: 30px; 84 text-align: center; 85 } 86 .placeholders h4 { 87 margin-bottom: 0; 88 } 89 .placeholder { 90 margin-bottom: 20px; 91 } 92 .placeholder img { 93 display: inline-block; 94 border-radius: 50%; 95 }