X-Git-Url: http://gitweb.fperrin.net/?a=blobdiff_plain;f=quotes%2Fstatic%2Fquotes%2Fstyle.css;h=efd85c9c2cd5c5fe1bc4f1d8a280ca7bdfdf4b71;hb=51ca3218d251eaaeb4574c6d9c38134974af980e;hp=a32d644a5974cc8f842f61d5b190738589510c1a;hpb=6a49a8c1fc4489784da44482f0aad9ab491ef0a0;p=djsite.git diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css index a32d644..efd85c9 100644 --- a/quotes/static/quotes/style.css +++ b/quotes/static/quotes/style.css @@ -1,6 +1,7 @@ body { color: black; - background-color: white; + background-color: #d6d6d6; + font-family: Calibri, sans-serif; } a { color: black; } @@ -10,17 +11,19 @@ a:hover { } .quote { - background-color: #ffbd33; - border: 3px solid #ff5733; + background-color: #fccb51; + border: 7px solid darkorange; + border-radius: 15px; padding: 1.5em 2em; - margin: 2em 30em; + margin: 2em auto; + max-width: 500px; } .quote .author { - padding-left: 5em; + text-align: right; } -.quote .author .name { +.quote .author .work_name { font-style: italic; } @@ -31,5 +34,16 @@ a:hover { .hidden_details { /* displayed through Javascript */ - display: none; + height: 0; + overflow: hidden; + transition: height 3s linear; + /* visibility: hidden; */ + /* opacity: 0; */ + /* transition: opacity 2s linear; */ + +} + +.tag_link { + font-weight: bold; + text-decoration: none; }