/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: eTech
Based on style: subsilver2
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by: stsoftware ( http://www.stsoftware.biz/ )
NOTE: This page was generated by phpBB, the free open-source bulletin board package.
The phpBB Group is not responsible for the content of this page and forum. For more information
about phpBB please visit http://www.phpbb.com
--------------------------------------------------------------
*/
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #476686 url(images/body.gif);
font-size: 10px;
margin: 0;
padding: 0 5px;
}
#body-simple {
background: #EDF0F5;
padding: 5px;
}
/* Misc stuff */
img {
border: none;
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-size: 1em;
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error, table td .error {
color: #FF7F00;
}
.spacer {
background: #48698D url(images/th.png) top left repeat-x;
}
hr { height: 0px; border: dashed #325375 0px; border-top-width: 1px;}
.pagination {
padding: 4px;
font-size: 1em;
font-weight: bold;
}
/* Links
------------ */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a {
color: #325375;
text-decoration: none;
}
a:active,
a:visited {
color: #325375;
text-decoration: none;
}
a:hover {
color: #FF7F00;
text-decoration: underline;
}
a.forumlink {
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.topictitle {
margin: 1px 0px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}
a.topictitle, .postbody a {
color: #325375;
}
a.topictitle:visited, .postbody a:visited {
color: #47688B;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
color: #325375;
}
a.topictitle:hover, .postbody a:hover {
color: #FF7F00;
}
/* Header and logo */
#maintable {
border-style: dashed;
border-width: 0 2px 2px 2px;
border-color: #284766;
margin: 0 auto;
}
#logorow {
background: url(images/logo_top.gif) top left repeat-x;
text-align: center;
padding: 0;
min-height: 76px;
}
#logotop {
background: url(images/logo_bottom.gif) bottom left repeat-x;
}
.pm-notify-new, .pm-notify-unread {
border-left: dashed 1px #3C5F84;
border-right: dashed 1px #325375;
border-top: dashed 1px #3C5F84;
border-bottom: dashed 1px #325375;
background: #E6EAF0 url(images/cell.gif) top left repeat-x;
margin: 10px 0;
padding: 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
margin-bottom: 10px;
color: #666;
}
.pm-notify-new, .pm-notify-unread:hover {
border-left: dashed 1px #FF942A;
border-right: dashed 1px #FF7F00;
border-top: dashed 1px #FF942A;
border-bottom: dashed 1px #FF7F00;
}
.pm-notify-new { padding: 30px; }
/* Navigation buttons */
.navrow {
background: url(images/buttons.gif) top left repeat-x;
height: 23px;
overflow: hidden;
color: #FFA44A;
text-align: center;
font-size: 11px;
padding-bottom: 2px;
padding-top: 0;
}
* html .navrow { height: 21px; }
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #325375;
text-decoration: none;
}
.navrow a:hover {
color: #FF7F00;
text-decoration: underline;
}
a.link-new, a.link-new:visited { color: #FF7F00; }
a.link-new:hover, a.link-new:visited:hover { color: #47688B; }
/* Content and tables */
#contentrow {
padding: 5px;
background-color: #EDF0F5;
}
.tablebg {
border: dashed 1px #325375;
background: #E6EAF0 url(images/cell.gif) top left repeat-x;
}
.row1, .row2, .row3, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
border-left: dashed 1px #F5F7F9;
border-right: dashed 1px #A1B3C6;
border-top: dashed 1px #F5F7F9;
border-bottom: dashed 1px #A1B3C6;
background: #E6EAF0 url(images/cell.gif) top left repeat-x;
padding: 4px;
}
th {
color: #E7EBF0;
font-size: 11px;
font-weight: bold;
background: #48698D url(images/th.png) top left repeat-x;
white-space: nowrap;
padding: 0 5px;
text-align: center;
height: 26px;
border-left: dashed 1px #5B7EA4;
border-right: dashed 1px #48698D;
border-top: dashed 1px #57799D;
border-bottom: dashed 1px #48698D;
}
th a, th a:visited {
color: #E7EBF0 !important;
text-decoration: underline;
}
th a:hover {
color: #FFF;
text-decoration: underline;
}
td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.catdiv {
height: 24px;
padding: 0 3px;
border-left: dashed 1px #F5F7F9;
border-right: dashed 1px #A1B3C6;
border-top: dashed 1px #F5F7F9;
border-bottom: dashed 1px #A1B3C6;
background: #E9EBED url(images/cathead.gif) top left repeat-x;
}
.rtl .catdiv {
background: #E9EBED url(images/cathead.gif) top left repeat-x;
}
.cat {
height: 24px;
padding: 0 3px;
border-left: dashed 1px #F5F7F9;
border-right: dashed 1px #A1B3C6;
border-top: dashed 1px #F5F7F9;
border-bottom: dashed 1px #A1B3C6;
background: #E9EBED url(images/cathead.gif) top left repeat-x;
text-indent: 4px;
}
.cathead {
background: #EDEEF0 url(images/catbottom.gif) top left repeat-x;
height: 24px;
padding: 1px 3px;
border-left: dashed 1px #5B7EA4;
border-right: dashed 1px #48698D;
border-top: dashed 1px #57799D;
border-bottom: dashed 1px #48698D;
}
.legend {
padding: 4px;
}
/* Table header */
caption, .cap-div {
margin: 5px 0px;
padding: 0px;
background: url("http:jointcs.ro/style/etech/theme/images/maintitle.png") repeat-x scroll 0px 0px rgba(0, 0, 0, 0.5);
border: 1px dashed rgba(0, 0, 0, 0.4);
border-radius: 3px 3px 3px 3px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
white-space: nowrap;
height: 28px;
text-align: left;
}
.cap-left {
/*background: url("http:jointcs.ro/style/etech/theme/images/maintitle.png") top left no-repeat;*/
padding-top: 3px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 4px;
}
.cap-right {
/*background: url("http:jointcs.ro/style/etech/theme/images/maintitle.png") top right no-repeat;*/
/*padding-top: 6px;
height: 21px;*/
padding-top: 3px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 4px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
font-size: 12px;
font-weight: bold;
color: #E6EAF0;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span {
display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
color: #E6EAF0;
}
caption a:hover, .cap-div a:hover {
color: #FFF;
}
/* Footer */
#wrapfooter {
text-align: center;
color: #666;
padding-top: 10px;
}
.copyright {
color: #666;
font-weight: normal;
font-size: 9px;
line-height: 1.2em;
}
.copyright a, .copyright a:visited {
color: #444;
text-decoration: underline;
}
.copyright a:hover { color: #FF7F00; }
/* Breadcrumbs */
p.breadcrumbs {
margin: 0;
padding: 0;
float: left;
color: #AAA;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
padding: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}
.rtl p.datetime {
float: left;
}
/* Index/viewforum */
.subforum.read {
background: url(images/sub_old.gif) top left no-repeat;
padding-left: 12px;
}
.subforum.unread {
background: url(images/sub_new.gif) top left no-repeat;
padding-left: 12px;
}
.legend {
text-align: center;
margin: 0 auto;
padding: 2px;
}
.legend-viewforum {
margin: 0;
text-align: left;
}
.forumrules {
padding: 4px;
font-weight: normal;
font-size: 1.1em;
border-left-color: #AAA;
border-top-color: #AAA;
border-right-color: #CCC;
border-bottom-color: #CCC;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: #FF7F00;
}
/* Post */
.postsubject {
font-size: 12px;
font-weight: bold;
color: #325375;
}
td.postbottom {
background: #CED2D7 url(images/profile.gif) top left repeat-x;
font-size: 10px;
color: #444;
white-space: nowrap;
padding: 2px 4px;
vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails {
color: #666;
font-size: 10px;
text-align: left;
}
.postdetails b {
color: #444;
}
.posterrank { font-size: 9px; color: #666; }
.posterprofile { font-size: 10px; color: #666; }
.postauthor {
color: #325375;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
.postonline { margin-bottom: 2px; }
.postreported, .postreported a, .postreported a:visited, .postreported a:hover, .postreported a:active {
margin: 1px 0px;
color: #FF7F00;
font-weight: bold;
}
.postapprove, .postapprove a, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
color: #00FF00;
font-weight: bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}
.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
}
.signature {
font-size: 11px;
color: #888;
margin-top: 5px;
}
.signature .line { color: #AAA; }
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: #325375;
color: #000;
}
.postsubject {
font-size: 12px;
font-weight: bold;
color: #325375;
}
.postbody a { text-decoration: underline; }
/* UCP */
.folder-current a, .folder-current a:visited {
color: #000;
font-weight: bold;
}
.folder-current a:hover { color: #FF7F00; }
td.pm_marked_colour { background: #FF7F00; }
td.pm_marked_colour_left { border-left: dashed 3px #FF7F00; padding-left: 2px; }
td.pm_marked_colour_right { border-right: dashed 3px #FF7F00; padding-right: 2px; }
td.pm_replied_colour { background: #325375; }
td.pm_replied_colour_left { border-left: dashed 3px #325375; padding-left: 2px; }
td.pm_replied_colour_right { border-right: dashed 3px #325375; padding-right: 2px; }
td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: dashed 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: dashed 3px #007700; padding-right: 2px; }
td.pm_foe_colour { background: #DD0000; }
td.pm_foe_colour_left { border-left: dashed 3px #DD0000; padding-left: 2px; }
td.pm_foe_colour_right { border-right: dashed 3px #DD0000; padding-right: 2px; }
/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}
textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
font-weight: normal;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #444;
border: 1px dashed #6287AD;
background-color: #DBE0E7;
}
#helpline { color: #444; }
input {
font-size: 1.1em;
padding: 1px;
}
textarea {
font-size: 1.3em;
line-height: 1.4em;
padding: 2px;
}
select {
font-size: 1.1em;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
.rtl option {
padding: 0 0 0 1em;
}
.post {
border-style: dashed;
border-width: 1px;
}
.btnbbcode {
font-size: 1.1em;
border: 1px dashed #849AB1;
}
.btnbbcode:hover {
border-color: #444;
color: #000;
}
.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: transparent;
color: #444;
border-style: none;
}
* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
border-color: #325375;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
border-color: #325375;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
border-color: #253F5A;
color: #000;
}
label:hover {
color: #FF7F00;
}
textarea.posting-textarea, #ie8#fix {
width: 700px;
height: 270px;
min-width: 98%;
max-width: 98%;
}
/* BBCode
------------ */
.quotetitle, .attachtitle, .codetitle {
margin: 10px 5px 0px 5px;
padding: 2px 4px;
border: dashed 1px #325375;
color: #325375;
background-color: #EEF1F5;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0px 5px 10px 5px;
padding: 5px;
border-color: #325375;
border-width: 0px 1px 1px 1px;
border-style: dashed;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
/* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
background-color: #EEF1F5;
color: #444;
}
.attachcontent {
font-size: 0.85em;
}
.codecontent {
direction: ltr;
margin: 0px 5px 10px 5px;
padding: 5px;
border-color: #325375;
border-width: 0px 1px 1px 1px;
border-style: dashed;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
background-color: #EEF1F5;
color: #444;
}
.quotewrapper, .codewrapper, .attachwrapper {
clear: both;
margin: 10px 5px;
background: #4F7092 url(images/code_header.gif) top left no-repeat;
padding-left: 19px;
border: dashed 1px #325375;
}
.quotewrapper { background-image: url(images/quote_header.gif); }
.quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle {
margin: 0;
border-width: 0 0 1px 1px;
}
.quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent {
margin: 0;
border-width: 0 0 0 1px;
}
.attachcontent, .codecontent {
overflow: auto;
overflow-x: auto;
}
.syntaxbg {
color: #000;
}
.syntaxcomment {
color: #666;
}
.syntaxdefault {
color: #000;
}
.syntaxhtml {
color: #000;
}
.syntaxkeyword {
color: #FF7F00;
}
.syntaxstring {
color: #325375;
}
/* More misc stuff */
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 100%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 100%;
}
h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0px;
float: left;
color: #CCC;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
}
p.searchbarreg {
margin: 0px;
float: right;
white-space: nowrap;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0px;
}
p.topicdetails {
margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
background: #CCC;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
.sep {
color: #444;
}
/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus {
border: none;
background-color: #FFF;
color: #000;
}
/*-------- Quick Reply styles --------*/
div#postingbox {
padding-top: 30px;
}
div#postingbox h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #006597;
margin-bottom: 0;
padding-bottom: 8px;
}
div#message-box .inputbox {
/*width: 100%; */
}
div.quickquote {
float:right;
margin-bottom: 10px;
}
div#options-quickreply {
clear:both;
text-align:center;
margin: 10px auto;
width: 700px;
}
div#options-quickreply div {
float:left;
margin-right: 30px;
margin-top: 10px;
}
div.quickbuts {
text-align:center;
width: 150px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 10px;
}
.cap415 {
background:url('styles/Cruzii/theme/images/cap415.png');
width:399px;
height:13px;
padding:6px;
padding-left:10px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.cap416 {
background:url('styles/Cruzii/theme/images/cap93.png');
width:475px;
height:13px;
padding:6px;
padding-left:10px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
/* Adaugate *\
.forum_stats {color: #0172b5;font-weight: bold;text-shadow: 0px 2px 2px #a4bbd3;font-size:14px;font-family: "Trebuchet MS", Helvetica, sans-serif;}#header { margin-bottom: 10px }#header h1 {font: 72px 'TeXGyreScholaBold', Arial, sans-serif;color: #0061a5;text-shadow: 0 1px #f7f7f7;text-align: center;}/* Mouse over in viewforum */.image_skin {display:table;overflow:hidden;position:relative;}.image_skin_anime {float:left; overflow:hidden;position:relative;background:url('styles/Cruzii/theme/images/loader.gif') no-repeat scroll transparent;background-position:50% 50%;background-repeat:no-repeat;}.zoom_image{background-image:url('styles/Cruzii/theme/images/zoom_image.png');background-position:50% 50%;background-repeat:no-repeat;}.zoom_play{background-image:url('styles/Cruzii/theme/images/zoom_play.png');background-position:50% 50%;background-repeat:no-repeat;}.view {overflow: hidden; position: relative;text-align: center;cursor: default;}.view .mask,.view .content {position: absolute;overflow: hidden;top: 0;left: 0;}.view img {display: block;position: relative;}.view h2 { text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.1);margin: 20px 0 0 0;}.view p {font-family: Georgia, serif;font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;}.view a.info {display: inline-block; text-decoration: none;color: #fff;text-transform: uppercase;}.view a.link { display: inline-block;text-decoration: none;color: #fff;text-transform: uppercase;}.view a.info: hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}.view-first img {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear; transition: all 0.2s linear;}.view-first .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;background-color: rgba(0,0,0, 0.1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;width:100%;height:100%;}.view-first h2 {-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.view-first p {-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}.view-first:hover img {}.view-first a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:-64px;}.view-first a.link {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:11px;}.view-first:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}.view-first:hover h2,.view-first:hover p,.view-first:hover a.info,.view-first:hover a.link {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}.view-first:hover a.info:hover,.view-first:hover a.link:hover {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}.view-first:hover p {-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;transition-delay: 0.1s;}