MediaWiki:Wikia.css

/* Import*/ @import url('https://fonts.googleapis.com/css?family=Megrim|Julius+Sans+One|Caveat+Brush|Open+Sans|Just+Another+Hand|Tajawal|Montserrat'); @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:RectangularButtons/code.css|u:dev:MediaWiki:CustomSlider.css');

/*ContribsButtons (Dev Wiki)*/ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: white; } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: white; }

/*Masthead (Zootopia Wiki)*/ .UserProfileMasthead .masthead-info { border-radius: 100%; } .avatar { border-radius: 100%; }

img.avatar { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }

img.avatar:hover { border-radius: 100%; box-shadow:0 0 20px #de6386; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.pi-theme-matrix { background: linear-gradient(to right bottom, #333333, #262626, #1A1A1A, #0D0D0D, #000000); color: #2AE600; position: relative; margin: 20px; border-radius: 4px; box-shadow: inset 2px 2px 1px #000000; } .pi-theme-matrix:before { position: absolute; z-index: -1; content: ""; top: -15px; right: -15px; bottom: -15px; left: -15px; background: linear-gradient(to right, #999999, #737373 90%); border: 2px solid #595959; border-radius: 4px; box-shadow: 2px 2px 1px #000000; } .pi-theme-matrix a, .pi-theme-matrix .new { color: #2FFF00 !important; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-item-spacing { padding: 7px 10px; } .pi-title { border: none; color: #2FFF00; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-caption { color: #58FF33; } .pi-theme-matrix .pi-title, .pi-theme-matrix .pi-image-collection-tabs, .pi-theme-matrix .pi-image-collection-tab-content, .pi-theme-matrix .pi-image, .pi-theme-matrix .pi-secondary-background, .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { background: none; } .pi-theme-matrix .pi-item { border: none; } .pi-theme-matrix .pi-data-value { font-size: 12px; } .pi-theme-matrix .pi-header { text-align: center; font-size: 14px; border-style: solid; border-color: #2AE600; border-width: 1px 0 1px; } .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { border-color: #2AE600; margin: 1px 0 3px; }

.portable-infobox.pi-header.pi-data-label { border-bottom: none; }

/* Wordmark (Credits to Elena of Avalor Wiki) */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/***** WORDMARK ENDS *****/

/*Username, Message Wall, Comments Color and Userlinks*/ /*I Love Blue 02*/ a[href$="/wiki/User:I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; } a[href$=":I_Love_Blue_02"], a[href$="/I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; }

.WikiaMainContent a[href$="/wiki/User:I_Love_Blue_02"], .WikiaMainContent a[href$=":I_Love_Blue_02"], .WikiaMainContent a[href$="/I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; }

.Wall .edited-by a.subtle[href$="Wall:I_Love_Blue_02"]:after { color: #00FFFF !important; content: "admin" !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 12px; font-variant: small-caps; }

/*Scroll Bar*/
 * -webkit-scrollbar {

width: 6px !important; height: 6px !important; }
 * -webkit-scrollbar-thumb {

background-color: rgba(226,120,151,0.5) !important; }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(226,120,151,0.75) !important; }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(255, 182, 193,1) !important; }
 * -webkit-scrollbar-track {

background-color: transparent !important; }

/*Button for I Love Blue 02*/ .ilb02button { background: blue; color: white; width: 80px; height: 40px; padding: 10px; }

.ilb02button:hover { background: khaki; color: black; width: 80px; height: 40px; padding: 10px; }

.ilb022button { background: powderblue; color: black; width: 80px; height: 40px; padding: 10px; } .ilb022button:hover { background: khaki; color: white; width: 80px; height: 40px; padding: 10px; }

/*Tabs (Dev Wiki)*/ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #e78da7 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #fff !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #e78da7 !important; } .tabbernav :not(.tabberactive) a:hover { background: #e78da7 !important; } .tabbertab { border: none !important; padding: 0 !important; }

/*Lyrics (Credits to Twice Wiki)*/ .miyeon{ color:#800090; display:inline; } .minnie{ color:#FF1493; display:inline; } .soojin{ color:#FF8C00; display:inline; } .soyeon{ color:#008080; display:inline; } .yuqi{ color:#008000; display:inline; } .shuhua{ color:#FF0000; display:inline; }

.together{ color:#000000; display:inline; }

/*New slider customization*/ .nmLeft { background: linear-gradient(to right, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); }

.nmLeft li:hover { background: linear-gradient(to right, rgba(231,141,167,0.8), rgba(231,141, 167,0.8), transparent); } .nmRight { background: linear-gradient(to left, rgba(243,198,211,0.8), rgba(243,198, 211, 0.8), transparent); }

.nmRight li:hover { background: linear-gradient(to left, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nmTop { width: 700px; background: linear-gradient(to bottom, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); }

.nmTop li:hover { background: linear-gradient(to bottom, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); }

.nmBottom { width: 700px; background: linear-gradient(to top, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); }

.nmBottom li:hover { background: linear-gradient(to top, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); }

/*Headings*/ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 18px; text-transform: none; letter-spacing: 0; margin-bottom: 5px; margin-top: 5px; } .WikiaPage h2 { border-bottom: 1px solid #e78da7; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle .editsection .edit-pencil { display: none; } .WikiaArticle { font-family: 'Montserrat'; }

/*Link Shadows (Credits to Elena of Avalor Wiki)*/ .WikiaMainContent a:hover { text-shadow: #e78da7 1 1 4px; color: White !important; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .WikiaMainContent a { color: #fff; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .WikiaMainContent a:active { color: #e78da7 } .WikiaMainContent a:visited:hover, .color2 a:visited:hover { color:White; text-shadow: #e78da7 0 0 3px; text-decoration:none; } .WikiaMainContent a:hover, .color2 a:hover { color:White; text-shadow: #e78da7 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .WikiaFooter .tools-menu a:hover { color:White; text-shadow: #e78da7 0 3px 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a.new:hover { color:White; text-shadow: #e78da7 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } /*Usertags (Credits to Dev Wiki)*/ a.tag { color: inherit; }

/*Sidebar*/ .WikiaRail .rail-module h2, .WikiaRail h2, .WikiaSearch .side-articles.RailModule, .WikiaRail .custom-cql#mwModule, .WikiaSearch .exact-wiki-match, .WikiaRail .rail-module, .WikiaRail #cql-module, padding: 0; border: none; background: transparent; }
 * 1) WikiaRail > .module {

/*Category (JustLeafy Wiki)*/ border: none; border-left: 5px #fff; background-color: transparent; padding: 0.5em; } .special-categories a { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 5px; } .CategorySelect.articlePage .category a { color: white; } .CategorySelect.articlePage .category { border: none; background-color: #e78da7; padding: 0.5em; border-radius: 0.5pc 0.5pc 0 0.5pc; margin-bottom: 8px; } .CategorySelect.articlePage .add { background-color: transparent; font-size: 10px; text-transform: uppercase; font-weight: bold; border-radius: 0; border-color: currentColor; color: currentColor; padding: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode .input { background-color: transparent; margin: 10px; } .CategorySelect.articlePage .category.new { border: none; background-color: #e78da7; margin: 3px; padding: 0.5em; border-radius: 0.5pc 0.5pc 0 0.5pc; } .tool.editCategory.sprite-small.edit { -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; } .tool.removeCategory.sprite-small.delete { border: none; -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; margin-left: -5px; margin-right: -5px; -webkit-mask-repeat: no-repeat; }   padding: 7px 12px; background-image: none; background-color: transparent; border-radius: 0; border-color: currentColor; color: currentColor; font-size: 10px; text-transform: uppercase; font-weight: bold; height: 35px; }   background-image: none; border-radius: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode > .toolbar { border: none; background-color: transparent; }
 * 1) articleCategories {
 * 1) CategorySelectCancel {
 * 1) CategorySelectSave {

/*Slider (Dev Wiki)*/ .wikiaPhotoGallery-slider-body { --mst-main: transparent; --mst-secondary: transparent }

.wikiaPhotoGallery-slider-body .horizontal .description { background: rgba(0, 0, 0, 0.3) !important; padding: 10px 15px 20px 15px !important; width: 650px !important; border-radius: 0 12px 0 0; text-align: center; } .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: #e78da7 !important; border-radius: 0px !important; color: black; font-size: 15px; font-weight: normal !important; text-transform: none; box-shadow: 4px 4px white; font-family: rubik; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { background-color: #DDDDDD !important; filter: brightness(80%); }

/* Clear UI—blocking VisualEditor "focus" */ body.ve .WikiaMainContent { box-shadow: initial; z-index: 1; border: 1px dashed rgba(230, 126, 34, 0.35); } body.ve { pointer-events: auto; } /*Members Background*/ body.mediawiki.page-Miyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/3/36/MiyeonBG.jpg/revision/latest?cb=20181014002308'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Minnie { background: url('https://vignette.wikia.nocookie.net/g-idle/images/0/09/MinnieBG.jpg/revision/latest?cb=20181014010355'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soojin { background: url('https://vignette.wikia.nocookie.net/g-idle/images/d/d9/SoojinBG.jpg/revision/latest?cb=20181014011358'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/b/b9/SoyeonBG.jpg/revision/latest?cb=20181014011610'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Yuqi { background: url('https://vignette.wikia.nocookie.net/g-idle/images/6/6f/%28G%29I-DLE_Yuqi_BG_2.0.png/revision/latest?cb=20181117155235'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Shuhua { background: url('https://vignette.wikia.nocookie.net/g-idle/images/d/de/ShuhuaBG.jpg/revision/latest?cb=20181014011930'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Miyeon_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/3/36/MiyeonBG.jpg/revision/latest?cb=20180613080219'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Minnie_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/0/09/MinnieBG.jpg/revision/latest?cb=20180613080918'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Soojin_Gallery { background: url('http://keptarhely.eu/view.php?file=20180831v00ov70fl.png'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Soyeon_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/b/b9/SoyeonBG.jpg/revision/latest?cb=20180613092431'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Yuqi_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/e/e4/YuqiBG.jpg/revision/latest?cb=20180614051918'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Shuhua_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/d/de/ShuhuaBG.jpg/revision/latest?cb=20181014063321'); background-repeat: no-repeat; background-attachment: fixed; }

/*Hover*/ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .inversehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .inversehover:hover { -webkit-filter: invert(100%); }

.borderimage img { border: 2px solid transparent; }

.borderimage img:hover { border: 2px solid white; }

.hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; }

.hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/* Albums */ .book-container, .book-container-comic { -moz-perspective: 1200px; -webkit-perspective: 1200px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -webkit-user-drag: none; user-drag: none; display: block; margin: 0 auto; perspective: 1200px; width: 250px; } .book-container { width: 250px; } .book-container-comic { width: 150px; } .book, .book-comic { -moz-transform-origin: 125px 0; -moz-transform-style: preserve-3d; -moz-transition: 0.75s; -webkit-transform-origin: 125px 0; -webkit-transform-style: preserve-3d; -webkit-transition: 0.75s; box-shadow: 0 2px 4px rgba(227, 109, 118, 0.25); transform-origin: 125px 0; transform-style: preserve-3d; transition: 0.75s; z-index: 5; } .book:after, .book-comic:after { bottom: 0; content: ""; left: 3px; position: absolute; top: 0; width: 7px; z-index: 20; } .book:hover { -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); } .book-comic:hover { -moz-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); } .book-cover { position: relative; z-index: 10; } .book-cover img { height: auto; max-width: 100%; vertical-align: bottom; } .book-spine { background: url(https://i.imgur.com/Mshm8sZ.png); } .book-spine-comic1 { background: #342c44; } .book-spine-comic2 { background: #5e0e8b; } .book-spine-comic3 { background: #00a495; } .book-spine-comic1, .book-spine-comic2, .book-spine-comic3, .book-spine { -moz-transform-origin: 0; -moz-transform: rotateY(-90deg) translateX(-49px); -webkit-transform-origin: 0; -webkit-transform: rotateY(-90deg) translateX(-49px); background-size: auto 100%; bottom: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); color: #fff; smargin-left: 5px; overflow: hidden; position: absolute; top: 0; transform-origin: 0; z-index: 5; } .book-spine { transform: rotateY(-90deg) translateX(-30px); width: 30px; } .book-spine-comic1, .book-spine-comic2, .book-spine-comic3 { transform: rotateY(-90deg) translateX(-20px); width: 20px; } .book-spine-comic1 h1, .book-spine-comic2 h1, .book-spine-comic3 h1, .book-spine h1 { -moz-transform-origin: 0; -moz-transform: rotateZ(90deg); -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0; -webkit-transform: rotateZ(90deg); color: #fff; display: block; font-size: 2em; font-weight: normal; left: 39px; opacity: 0.75; position: absolute; text-align: left; text-indent: 43px; text-transform: uppercase; top: 0; transform-origin: 0; transform: rotateZ(90deg); width: 250px; } .book-spine-comic1:before, .book-spine-comic2:before, .book-spine-comic3:before, .book-spine:before { content: ""; display: block; height: 100%; width: 100%; }