User:Tierrie/Common.css

/*******************/ /* portal metro dev*/ /*******************/ .portal_metro .portal_section ul { } .portal_metro .portal_section { border: none; } .portal_metro table { border: none; } .portal_metro .portal_body { padding: 0; overflow-y: hidden; } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; } .portal_metro, .portal_metro .portal_body, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 460px; }

/* debug .portal_metro .portal_body { height: 466px !important; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 466px !important; } .portal_metro .portal_body, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 466px !important; }
 * 1) portal_slider .portal_navlink { bottom: 54px !important; }*/

.portal_navlink { display: none; } .portal_vtab #toc { display: none; } .portal_vtab.ui-tabs-vertical { padding: 0; }
 * 1) portal_slider { }
 * 2) portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
 * 3) portal_slider .portal_navlink img { opacity: 0.1; }
 * 4) portal_slider .portal_navlink img:hover { opacity: 0.8; }

.portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; } .portal_vtab.ui-tabs-vertical .ui-tabs-panel { padding: 0; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 230px; float: left; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { font-weight: normal; padding: 0; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; text-transform: uppercase; color: rgb(192,0,0); font-family: "Segoe UI", arial, verdana; font-size: 1.4em; font-weight: 300; display:block; width: 100%; padding: .25em 0 .5em 1em; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; } /* navbar hover gradient */ /* .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgba(139,0,0,0)),color-stop(70%,rgba(139,0,0,0.2)),color-stop(100%,rgba(139,0,0,0.1))); } * /

.portal_vtab.ui-tabs-vertical { width: 100%; } .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } .portal_vtab.ui-tabs-vertical .ui-tabs-panel { float: left; } .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding-top: .3em; margin-bottom: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ } .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: .25em 0 .5em 1em; } .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-family: "Segoe UI", arial, verdana; font-size: 1.4em; font-weight: 300; display:block; color: rgb(255,255,255); } .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 1em 0 0 1em; margin-top: 0; border-bottom: none; text-transform: uppercase; color: rgb(192,0,0); font-size: 1.4em; font-weight: 300; }

.cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

/* background */
 * 1) portal_dao { position: relative; }
 * 2) portal_dao:after { background-image: url('http://img2.wikia.nocookie.net/__cb20141013062630/dragonage/images/b/b9/Portal2_bg_dao.png?1'); background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity : 1; -webkit-filter: brightness(50%); -moz-filter: brightness(50%); filter: brightness(50%); z-index: -1; }
 * 3) portal_dai { position: relative; }
 * 4) portal_dai:after { background-image: url('http://img4.wikia.nocookie.net/__cb20140818014827/dragonage/images/c/ca/Portal2_comp_dai.png?1'); background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity : 1; -webkit-filter: brightness(70%); -moz-filter: brightness(70%); filter: brightness(70%); z-index: -1; }

div[class^=portal_sliderlink] { position: relative; } div[class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; font-family: "Segoe UI", arial, verdana; width: 100%; font-size: 1.6em; font-weight: 200; display:block; color: rgb(255,255,255); text-transform: uppercase; }

/***************/ /* paper dolls */ /***************/ .paperdoll { background-image: url("http://images1.wikia.nocookie.net/dragonage/images/a/a1/Paperdoll.png"); width: 441px; height: 604px; border: 0px solid white; position: relative; font-family: georgia; font-weight: bold; color: #523F35; } .paperdoll div { width: 56px; height: 56px; } .paperdoll img { width: 56px; height: 56px; } .paperdoll .paperdoll_name { position: absolute; top: 60px; left: 68px; width: 300px; height: 24px; text-align: center; font-size: 16px; } .paperdoll .paperdoll_pri { position: absolute; top: 178px; left: 16px; width: 56px; height: 56px; } .paperdoll .paperdoll_helm { position: absolute; top: 248px; left: 16px; width: 56px; height: 56px; } .paperdoll .paperdoll_gloves { position: absolute; top: 317px; left: 16px; width: 56px; height: 56px; } .paperdoll .paperdoll_armor { position: absolute; top: 387px; left: 16px; width: 56px; height: 56px; } .paperdoll .paperdoll_boots { position: absolute; top: 456px; left: 16px; width: 56px; height: 56px; } .paperdoll .paperdoll_ammo { position: absolute; top: 108px; left: 361px; width: 56px; height: 56px; } .paperdoll .paperdoll_sec { position: absolute; top: 178px; left: 361px; width: 56px; height: 56px; } .paperdoll .paperdoll_belt { position: absolute; top: 248px; left: 361px; width: 56px; height: 56px; } .paperdoll .paperdoll_amulet { position: absolute; top: 317px; left: 361px; width: 56px; height: 56px; } .paperdoll .paperdoll_ring0 { position: absolute; top: 387px; left: 361px; width: 56px; height: 56px; } .paperdoll .paperdoll_ring1 { position: absolute; top: 456px; left: 361px; width: 56px; height: 56px; }

/**********************************/ /* import User:Tierrie/Common.css */ /**********************************/ .gray24_70 { background-image: url("http://images2.wikia.nocookie.net/__cb20101022055407/dragonage/images/1/13/Gray24_70.png");} .gray24_80 { background-image: url("http://images1.wikia.nocookie.net/__cb20101022055252/dragonage/images/e/e5/Gray24_80.png"); } .gray24_90 { background-image: url("http://images4.wikia.nocookie.net/__cb20101022055154/dragonage/images/a/ac/Gray24_90.png"); }

/* gives all polls some padding on the right so it is no longer flush against the edge */ .ajax-poll .pollAnswer { padding-right: 2em !important; }