User:Cyan Wind/wikia.css

/***** CSS placed here will be applied to Wikia skins on the entire site. *****/

/** * [Font] Lobster * https://www.google.com/fonts/specimen/Lobster * from User:Cyan Wind */ @import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext); /* END [Font] Lobster */ /** * [Font] News Cycle * https://www.google.com/fonts/specimen/News+Cycle * from User:Cyan Wind */ @import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700&subset=latin,latin-ext); /* END [Font] News Cycle */

/** * [CSS] Goals * http://codepen.io/rbobrowski/pen/likvA * from User:Cyan Wind */ body { font-size: 100%; }

.accordion { width: 380px; margin: 20px auto; }

.accordion h1, h2, h3, h4 { cursor: pointer; }

.accordion h2, h3, h4 { font-family: 'News Cycle'; }

.accordion h1 { padding: 15px 20px; background-color: #333; font-family: 'Lobster'; font-size: 1.5rem; font-weight: 400; color: #1ABC9C; }

.accordion h1:hover { color: #4AFCDC; }

.accordion h1:first-child { border-radius: 10px 10px 0 0; }

.accordion h1:last-of-type { border-radius: 0 0 10px 10px; }

.accordion h1:not(:last-of-type) { border-bottom: 1px dotted #1ABC9C; }

.accordion div, .accordion p { display: none; }

.accordion h2 { padding: 5px 20px 5px 25px; background-color: #1ABC9C; font-size: 1.1rem; color: #333; }

.accordion h2:hover { background-color: #09AB8B; }

.accordion h3 { padding: 5px 20px 5px 30px; background-color: #B94152; font-size: .9rem; color: #ddd; }

.accordion h3:hover { background-color: #A93142; }

.accordion h4 { padding: 5px 20px 5px 35px; background-color: #FFC25A; font-size: .9rem; color: #AF720A; }

.accordion h4:hover { background-color: #E0B040; }

.accordion p { padding: 15px 35px; background-color: #DDD; font-family: 'Georgia'; font-size: .8rem; color: #333; line-height: 1.3rem; }

.accordion .opened { display: block; }

.completed { float: right; color: #FF0; } /* END [CSS] Goals */