diff --git a/flashy.css b/flashy.css index ccde2fa..18b2297 100644 --- a/flashy.css +++ b/flashy.css @@ -35,15 +35,11 @@ margin-right: 0; } -ul.side-nav.fixed li { - /*line-height: 30px;*/ - /*font-weight:700;*/ - font-size:24px; +.side-nav a { + line-height: normal; } -ul.side-nav.fixed li a { - /*line-height: 30px;*/ - /*font-weight:700;*/ +ul.side-nav.fixed li { font-size:24px; } @@ -52,120 +48,109 @@ ul.side-nav.fixed li.class a{ height: 36px; } -ul.side-nav.fixed li ul li { - /*line-height: 30px;*/ - /*font-weight:700;*/ - margin-left:20px; -} - ul.side-nav.fixed li a { - /*line-height: 30px;*/ - /*font-weight:700;*/ font-size:24px; } +ul.side-nav.fixed li ul li { + margin-left:20px; +} + /* Flashcard directive css */ .card { word-wrap: break-word; } .card.flashy { - float: left; - height: calc(3*5vw); - margin: 6px; - max-height: calc(3*60px); - max-width: calc(5*60px); - min-height: calc(3*50px); - min-width: calc(5*50px); - min-height: calc(3*50px); - min-width: calc(5*50px); - width: calc(5*5vw); + float: left; + height: calc(3*5vw); + margin: 6px; + max-height: calc(3*60px); + max-width: calc(5*60px); + min-height: calc(3*50px); + min-width: calc(5*50px); + min-height: calc(3*50px); + min-width: calc(5*50px); + width: calc(5*5vw); } .card-overlay { -/* display: none; */ - height: calc(3*5vw); - left: 0; - max-height: calc(3*60px); - max-width: calc(5*60px); - min-height: calc(3*50px); - min-width: calc(5*50px); - opacity: 0; - position: absolute; - top: 0; - transition: visibility 0s cubic-bezier(0,0,0.6,1) 0.2s, - opacity 0.2s cubic-bezier(0,0,0.6,1); - /* animation effect to appear on off-hover */ - visibility: hidden; - width: calc(5*5vw); + height: calc(3*5vw); + left: 0; + max-height: calc(3*60px); + max-width: calc(5*60px); + min-height: calc(3*50px); + min-width: calc(5*50px); + opacity: 0; + position: absolute; + top: 0; + transition: visibility 0s cubic-bezier(0,0,0.6,1) 0.2s, + opacity 0.2s cubic-bezier(0,0,0.6,1); + /* animation effect to appear on off-hover */ + visibility: hidden; + width: calc(5*5vw); } .card-overlay i { - color: #FFF; - left: 50%; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); + color: #FFF; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); } .card:hover .card-overlay { - opacity: 1; - transition-delay: 0s; /* animation effect to appear on hover */ - visibility: visible; + opacity: 1; + transition-delay: 0s; /* animation effect to appear on hover */ + visibility: visible; } .top-box { - background-color: rgba(0,10,203,0.6); - height: 65%; - position: relative; - transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; - width: 100%; + background-color: rgba(0,10,203,0.6); + height: 65%; + position: relative; + transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; + width: 100%; } .top-box:hover { - background-color: rgba(0,10,203,0.7); + background-color: rgba(0,10,203,0.7); } .bottom-box { - height: 35%; - width: 100%; + height: 35%; + width: 100%; } .left-box { - background-color: rgba(15,0,155,0.6); - float: left; - position: relative; - height: 100%; - transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; - width: 50%; + background-color: rgba(15,0,155,0.6); + float: left; + position: relative; + height: 100%; + transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; + width: 50%; } .left-box:hover { - background-color: rgba(15,0,155,0.7); + background-color: rgba(15,0,155,0.7); } .right-box { - background-color: rgba(0,81,189,0.6); - float: right; - height: 100%; - position: relative; - transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; - width: 50%; + background-color: rgba(0,81,189,0.6); + float: right; + height: 100%; + position: relative; + transition: all 0.2s cubic-bezier(0,0,0.6,1) 0s; + width: 50%; } .right-box:hover { - background-color: rgba(0,81,189,0.7); + background-color: rgba(0,81,189,0.7); } .center-me { - margin: 0 auto; - text-align: center; - vertical-align: center; -} - -.container { - /*position: relative; - width: 600px; - height: 80px;*/ + margin: 0 auto; + text-align: center; + vertical-align: center; } .modal.bottom-sheet {