/* @group social */ #socialIcons {} #socialIcons a {} span { padding:0; margin:0; outline:0; font-size:100%; font:inherit; } span.social { display: inline; } span.social a { font: 28px/20px 'JustVector'; display:inline-block; position:relative; text-align: center; margin: 3px 6px 5px; padding-bottom: 0; padding-left: 0; padding-right: 0; transition: all 0.27s linear; -moz-transition: all 0.27s linear; -webkit-transition: all 0.27s linear; -o-transition: all 0.27s linear; } span.social a:hover { transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; } /* colors */ #extraContainer1 span.social a, #extraContainer2 span.social a, #sidebarContainer span.social a, span.social a { text-shadow: none; } #extraContainer1 span.social a:hover, #extraContainer2 span.social a:hover, #sidebarContainer span.social a:hover, span.social a:hover { text-shadow: none; } /* end Social Icons */ @font-face { font-family: 'JustVector'; src: url('css/webfonts/JustVector/justvectorv2-webfont.eot'); src: url('css/webfonts/JustVector/justvectorv2-webfont.eot?#iefix') format('eot'), url('css/webfonts/JustVector/justvectorv2-webfont.woff') format('woff'), url('css/webfonts/JustVector/justvectorv2-webfont.ttf') format('truetype'), url('css/webfonts/JustVector/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* @group WebFonts */ @font-face { font-family: 'laconicregular'; src: url('css/webfonts/laconic/laconic_regular-webfont.eot'); src: url('css/webfonts/laconic/laconic_regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/laconic/laconic_regular-webfont.woff') format('woff'), url('css/webfonts/laconic/laconic_regular-webfont.ttf') format('truetype'), url('css/webfonts/laconic/laconic_regular-webfont.svg#laconicregular') format('svg'); font-weight: normal; font-style: normal; } /* 1 ------ Laconic */ @font-face { font-family: 'caviar_dreamsregular'; src: url('css/webfonts/caviardreams/CaviarDreams-webfont.eot'); src: url('css/webfonts/caviardreams/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/caviardreams/CaviarDreams-webfont.woff') format('woff'), url('css/webfonts/caviardreams/CaviarDreams-webfont.ttf') format('truetype'), url('css/webfonts/caviardreams/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'caviar_dreamsbold'; src: url('css/webfonts/caviardreams/Caviar_Dreams_Bold-webfont.eot'); src: url('css/webfonts/caviardreams/Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/caviardreams/Caviar_Dreams_Bold-webfont.woff') format('woff'), url('css/webfonts/caviardreams/Caviar_Dreams_Bold-webfont.ttf') format('truetype'), url('css/webfonts/caviardreams/Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg'); font-weight: normal; font-style: normal; } /* 2 ------- caviardreams */ @font-face { font-family: 'M1clight'; src: url('css/webfonts/mplus/mplus-1c-light-webfont.eot'); src: url('css/webfonts/mplus/mplus-1c-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/mplus/mplus-1c-light-webfont.woff') format('woff'), url('css/webfonts/mplus/mplus-1c-light-webfont.ttf') format('truetype'), url('css/webfonts/mplus/mplus-1c-light-webfont.svg#M1clight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M1cregular'; src: url('css/webfonts/mplus/mplus-1c-regular-webfont.eot'); src: url('css/webfonts/mplus/mplus-1c-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/mplus/mplus-1c-regular-webfont.woff') format('woff'), url('css/webfonts/mplus/mplus-1c-regular-webfont.ttf') format('truetype'), url('css/webfonts/mplus/mplus-1c-regular-webfont.svg#M1cregular') format('svg'); font-weight: normal; font-style: normal; } /* 3 ------ mPlus regular and light */ @font-face { font-family: 'ChunkFiveRegular'; src: url('css/webfonts/chunkfive/Chunkfive-webfont.eot'); src: url('css/webfonts/chunkfive/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/chunkfive/Chunkfive-webfont.woff') format('woff'), url('css/webfonts/chunkfive/Chunkfive-webfont.ttf') format('truetype'), url('css/webfonts/chunkfive/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; } /* 4 ----- ChunkFive */ @font-face { font-family: 'ostrich_sansbold'; src: url('css/webfonts/ostrich/ostrich-bold-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-bold-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-bold-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-bold-webfont.svg#ostrich_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ostrich_sansblack'; src: url('css/webfonts/ostrich/ostrich-black-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-black-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-black-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-black-webfont.svg#ostrich_sansblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ostrich_sansmedium'; src: url('css/webfonts/ostrich/ostrich-regular-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-regular-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-regular-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg'); font-weight: normal; font-style: normal; } /* 5 ------ Ostrich */ @font-face { font-family: 'DISCORegular'; src: url('css/webfonts/disco/DISCO___-webfont.eot'); src: url('css/webfonts/disco/DISCO___-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/disco/DISCO___-webfont.woff') format('woff'), url('css/webfonts/disco/DISCO___-webfont.ttf') format('truetype'), url('css/webfonts/disco/DISCO___-webfont.svg#DISCORegular') format('svg'); font-weight: normal; font-style: normal; } /* 6 ------ Disco */ @font-face { font-family: 'RationaleOneRegular'; src: url('css/webfonts/rationale/Rationale-Regular-webfont.eot'); src: url('css/webfonts/rationale/Rationale-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/rationale/Rationale-Regular-webfont.woff') format('woff'), url('css/webfonts/rationale/Rationale-Regular-webfont.ttf') format('truetype'), url('css/webfonts/rationale/Rationale-Regular-webfont.svg#RationaleOneRegular') format('svg'); font-weight: normal; font-style: normal; } /* 7 ------ Rationale*/ @font-face { font-family: 'GoudyBookletter1911Regular'; src: url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.eot'); src: url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.woff') format('woff'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.ttf') format('truetype'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.svg#GoudyBookletter1911Regular') format('svg'); font-weight: normal; font-style: normal; } /* 8 ------- GoudyBookletter1911 */ @font-face { font-family: 'learning_curve_proregular'; src: url('css/webfonts/learning/LearningCurve_OT-webfont.eot'); src: url('css/webfonts/learning/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/learning/LearningCurve_OT-webfont.woff') format('woff'), url('css/webfonts/learning/LearningCurve_OT-webfont.ttf') format('truetype'), url('css/webfonts/learning/LearningCurve_OT-webfont.svg#learning_curve_proregular') format('svg'); font-weight: normal; font-style: normal; } /* 9 ------- Lwearning */ @font-face { font-family: 'CuprumFFURegular'; src: url('css/webfonts/CuprumFFU/Cuprum-webfont.eot'); src: url('css/webfonts/CuprumFFU/Cuprum-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/CuprumFFU/Cuprum-webfont.woff') format('woff'), url('css/webfonts/CuprumFFU/Cuprum-webfont.ttf') format('truetype'), url('css/webfonts/CuprumFFU/Cuprum-webfont.svg#CuprumFFURegular') format('svg'); font-weight: normal; font-style: normal; } /* 10 ------ CuprumFFU */ @font-face { font-family: 'banksiaregular'; src: url('css/webfonts/banksia/banksia-webfont.eot'); src: url('css/webfonts/banksia/banksia-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/banksia/banksia-webfont.woff') format('woff'), url('css/webfonts/banksia/banksia-webfont.ttf') format('truetype'), url('css/webfonts/banksia/banksia-webfont.svg#banksiaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'banksia_bold'; src: url('css/webfonts/banksia/banksb20-webfont.eot'); src: url('css/webfonts/banksia/banksb20-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/banksia/banksb20-webfont.woff') format('woff'), url('css/webfonts/banksia/banksb20-webfont.ttf') format('truetype'), url('css/webfonts/banksia/banksb20-webfont.svg#banksia_bold') format('svg'); font-weight: normal; font-style: normal; } /* 11 ------- banksia */ @font-face { font-family: 'BebasRegular'; src: url('css/webfonts/bebas/BEBAS___-webfont.eot'); src: url('css/webfonts/bebas/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/bebas/BEBAS___-webfont.woff') format('woff'), url('css/webfonts/bebas/BEBAS___-webfont.ttf') format('truetype'), url('css/webfonts/bebas/BEBAS___-webfont.svg#BebasRegular') format('svg'); font-weight: normal; font-style: normal; } /* 12 ------- Bebas */ @font-face { font-family: 'EconomicaRegular'; src: url('css/webfonts/economica/Economica-Regular-OTF-webfont.eot'); src: url('css/webfonts/economica/Economica-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.woff') format('woff'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.ttf') format('truetype'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.svg#EconomicaRegular') format('svg'); font-weight: normal; font-style: normal;} /* 13 ------ Economica */ @font-face { font-family: 'KreonRegular'; src: url('css/webfonts/kreon/Kreon-Regular-webfont.eot'); src: url('css/webfonts/kreon/Kreon-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/kreon/Kreon-Regular-webfont.woff') format('woff'), url('css/webfonts/kreon/Kreon-Regular-webfont.ttf') format('truetype'), url('css/webfonts/kreon/Kreon-Regular-webfont.svg#KreonRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KreonLight'; src: url('css/webfonts/kreon/Kreon-Light-webfont.eot'); src: url('css/webfonts/kreon/Kreon-Light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/kreon/Kreon-Light-webfont.woff') format('woff'), url('css/webfonts/kreon/Kreon-Light-webfont.ttf') format('truetype'), url('css/webfonts/kreon/Kreon-Light-webfont.svg#KreonLight') format('svg'); font-weight: normal; font-style: normal; } /* 14 ------ Kreon*/ /* @end */ /* @group Extracontent formatting */ /*Up2five column CSS support*/ .column { float: left; } .one { width: 100%; } .two { width: 50%; } #extraContainer1_back .two {} .three { width: 33.3%; } .four { width: 25%; } .five { width: 20%; } .two3rds { width: 66%; } .three4ths { width: 75%; } .four5ths { width: 80%; } .column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;} /* @end */ /* @group Extracontents 1 2 3 */ #extraContainer1 { display: none; padding: 25px; } #extraContainer1box { overflow: auto; display: none; padding: 0; margin-right: auto; margin-left: auto; width: auto; } #extraContainer1 img { /* margin-bottom: -6px; */ /*Fix issue in sidebar code for Extraconet*/ display: block; } #extraContainer2 { overflow: auto; display: none; padding: 25px; margin-right: auto; margin-left: auto; } #extraContainer3 { padding: 25px; width: auto; position: relative; display: none; background-color: transparent !important; } #extraContainer3box { overflow: auto; margin-right: auto; margin-left: auto; width: auto; padding: 0; position: relative; float: none; clear: left; } #extraContainer3 img { /* margin-bottom: -6px; */ /*Fix issue in sidebar code for Extraconet*/ display: block; } /* @end */ /* @group General Styles */ body { padding: 0; margin: 0; } .bodyimage { } .bodyimage2 { display: none; } .bodyimage3 { display: none; } /* box-shadow: 0px 0px 60px 0px #343434 inset ; -webkit-box-shadow: 0px 0px 60px 0px #343434 inset ; -moz-box-shadow: 0px 0px 60px 0px #343434 inset ; */ /* transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; */ /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ /* box-shadow: 0px 0px 15px 0px #4e4e4e inset ; -webkit-box-shadow: 0px 0px 15px 0px #4e4e4e inset ; -moz-box-shadow: 0px 0px 15px 0px #4e4e4e inset ; */ p {} b, strong {} a:link, a:visited { text-decoration: none; transition-property: color; transition-duration: 250ms; -webkit-transition-property: color; -webkit-transition-duration: 250ms; -o-transition-property: color; -o-transition-duration: 250ms; -moz-transition-property: color; -moz-transition-duration: 250ms; } a:hover, a:active { text-decoration: none; } img { border-style: none; } .image-left { float: left; margin: 5px 10px 2px 0; padding: 5px 5px 2px; position: relative; } .image-right { float: right; margin: 3px 0 2px 10px; padding: 3px 0 2px 4px; position: relative; } /* @end */ /* @group Layout */ #up, #up a, #up spam {/* hide "TOP" */ font-size: 0; line-height: 0; margin: 0; padding: 0; width: 0; height: 0; } #container { margin-right: auto; margin-left: auto; background-color: transparent !important; } .clearer { clear: both; } #pageHeader { min-height:119px; padding: 0; width: auto; position: relative; background: url(images/elements/white_80XX.png) repeat; margin: 0 auto; } /* --page shadow-- */ #pageHeader:before { content:url(images/elements/shadow_left.png); position: absolute; z-index:1; top: 100%; background-color: transparent; width: 19px; height: 300px; left: -19px; transition: all 0.45s linear; -moz-transition: all 0.45s linear; -webkit-transition: all 0.45s linear; -o-transition: all 0.45s linear; } #pageHeader:after { content:url(images/elements/shadow_right.png); position: absolute; z-index:1; top: 100%; background-color: transparent; width: 19px; height: 300px; right: -19px; transition: all 0.45s linear; -moz-transition: all 0.45s linear; -webkit-transition: all 0.45s linear; -o-transition: all 0.45s linear; } /* --page shadow-- */ #pageHeader h1 { transition: all 0.13s linear; -moz-transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -o-transition: all 0.13s linear; float: left; text-align: left; padding-left: 10px; padding-top: 40px; padding-right: 10px; } #pageHeader h2 { text-align: left; padding-left: 10px; font-style: italic !important; float: left; margin-top: 10px; display: inline; margin-right: auto; margin-left: auto; padding-bottom: 10px; clear: left; } /* transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -o-transition: all 0s linear !important; */ /* +++++++++++++++++++++ */ .home:after { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=000)"; filter: alpha(opacity=000); opacity: 0.0; } #logo { text-align: center; float: right; position: relative; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 0; z-index: 0; clear: left; top: 0; border-top-left-radius:2px; -webkit-border-top-left-radius:2px; -moz-border-radius-topleft:2px; border-top-right-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-radius-topright:2px; } #logo > .home [class^="icon-"] , #logo:hover > .home [class^="icon-"], .home, .home [class^="icon-"] {} #logo:hover > .home [class^="icon-"] { } .home [class^="icon-"] { display: none; } /* +++++++++++++++++++++ */ /* transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; -o-transition: all 0.17s linear; */ #logo img { max-height:100px; height: auto; overflow: auto; width: auto; padding: 15px 15px 0; } /* max-width:250px; */ /* ---- */ #contentContainer { position: relative; top: 0; float: none; padding: 0; right: 0; left: 0; z-index: 0; overflow: auto; margin-right: 0; margin-top: 0; margin-left: 0; /* background-image: none !important; background-color: transparent !important; */ } /* ------ */ #contentContainer_gradient {} /* .page_gradient { position: absolute; height: 100%; width: 100%; overflow: auto !important; left: 0; bottom: 0 !important; z-index: -1; top: 0; right: 0; display: block; } */ /* ------ */ /* z-index: 0; */ #contentContainer #content { padding: 0 auto; margin: 0 auto; background-color: transparent !important; min-height: 200px; } #sidebarContainer { margin: 0 auto; position: relative; padding: 0; text-align: left; } #sidebarContainer #sidebar { text-align: left; margin-right: auto; margin-left: auto; padding: 0 25px 20px; } #sidebarContainer .sideHeader { text-align: center; padding-top: 5px; padding-bottom: 5px; } #footer_box{ margin: 0 auto; padding: 0 3%; width: auto; overflow: auto; } #footer { float: left; padding: 6px 5px 5px 0; } #footer p { } #footer a:link, #footer a:visited {} #footer a:hover, #footer a:active {} /* @end */ /* @group Bread-crumb */ #breadcrumbcontainer { text-align: right; padding: 3px 0; position: relative; margin: 10px 0 0; float: right; overflow: visible; } #breadcrumbcontainer ul { margin: 0; padding: 0; } #breadcrumbcontainer li { display: inline; margin: 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding: 0; } #breadcrumbcontainer a { text-decoration: none; text-align: center; background: url(images/elements/icons/bread_crumb.png) no-repeat left 48%; padding-left: 9px; padding-right: 0; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; -o-transition: All 0.15s linear; } #breadcrumbcontainer a:hover { background-position: 2px 48%; text-decoration: underline; } /* @end */ /* @group Toolbar + Open/closed */ /* ______________ */ #navcontainer_back {} /* min-width:80px; */ #navcontainermenu:before { display: none; } #navcontainermenu.opened:before { display: none; } #navcontainermenu:after { display: none; } #navcontainermenu.opened:after { display: none; } #navcontainer_back, #navcontainermenu:before, #navcontainermenu.opened:before, #navcontainermenu:after, #navcontainermenu.opened:after {} /* ______________ */ #navcontainermenu:hover { transition: all 0.13s linear; -moz-transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -o-transition: all 0.13s linear; } /* transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); */ /* min-width:200px; */ #navcontainermenu { position: absolute; width: 20px; display: block; height: 20px; z-index: 5; padding: 0; background-image: none; margin: 0; background-color: transparent !important; cursor: pointer; float: right; top: 12px; right: 20px; text-indent: 0; } #navcontainermenu.opened { background-color: transparent !important; cursor: pointer; } #navcontainermenu [class^="icon-"] { background-color: transparent !important; font-size: 18px; /* -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; */ transition: all 0.05s linear; -moz-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; -o-transition: all 0.05s linear; text-indent: 2px; line-height: 19px; text-shadow: none; } #navcontainermenu:hover [class^="icon-"] { transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; text-shadow: #eaeaea 0 0 9px; } /* font-size: 19px; */ /* -webkit-transition: all 250ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -moz-transition: all 250ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -ms-transition: all 250ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -o-transition: all 250ms cubic-bezier(1.000, 0.000, 1.000, 0.495); transition: all 250ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); -ms-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); -o-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); */ #pageHeader:before {} /* content:url(images/elements/icons/contact.png); */ #navcontainermenu:hover {} /* transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -o-transition: all 0s linear !important; */ /* --------- */ #menuOpened { top: 0px !important; } /* transition: all 0.3s linear !important; -moz-transition: all 0.3s linear !important; -webkit-transition: all 0.3s linear !important; -o-transition: all 0.3s linear !important; */ #navcontainermenu:hover {} #navcontainermenu:active {} /* -----on off */ /* Toolbar Styles */ #main_navcontainer { /* max-width: 1088px; */ /* transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -o-transition: all 0s linear !important; */ position: relative; top: 0; opacity:1.0; /* opacity */ filter:Alpha(opacity=100); overflow: visible; height: auto; } /* @end */ /* ___________________________ */ /* @group Toolbar generic */ /* ______________ */ #navcontainer_back { position: relative; z-index: 1; } #navcontainer { background: inherit; position: relative; top: 0; width: 75%; margin-right: auto; margin-left: auto; display: block; } #navcontainer [class^="icon-"], #navcontainer ul [class^="icon-"], #navcontainer ul ul [class^="icon-"], #navcontainer ul ul ul [class^="icon-"], #navcontainer a [class^="icon-"], #navcontainer ul a [class^="icon-"], #navcontainer ul ul a [class^="icon-"], #navcontainer ul ul ul a [class^="icon-"] { background-color: transparent !important; background-image: none !important; -webkit-font-smoothing: subpixel-antialiased; } /* -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; */ /* opacity:1.0; filter:Alpha(opacity=100); clear: none; */ .parent { visibility: visible; background: url(images/elements/parent.png) no-repeat right -20px; transition: All 0s linear; -webkit-transition: All 0s linear; -moz-transition: All 0s linear; -o-transition: All 0s linear; } .parent:hover { visibility: visible; background-position: right -16px; } /* -------FIX HOVER in CHROME Android---------- */ #navcontainer ul li:active ul{ display: block !important;} /* -------FIX HOVER in firefox Android---------- */ /* -------hide borders top_bottom--------- */ #navcontainer>ul>li:first-child>a { border-top-style: none; padding-top: 0; } #navcontainer>ul>li:last-child>a { /* border-bottom-style: none; */ } /* -------hide borders top_bottom--------- */ /* #navcontainer a { display: block; } */ /* -------for all--------- */ #navcontainer ul ul { /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */ /* IE8 fix to show submenu in responsive mode */ opacity: 0.0; visibility: hidden; overflow: hidden; height: 0; } #navcontainer li:hover > ul { /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100); */ /* IE8 fix to show submenu in responsive mode */ opacity: 1.0; height: auto; visibility: visible; overflow: auto; display: block !important; } /* transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -o-transition: all 0s linear !important; transition-delay: 0ms !important; -webkit-transition-delay: 0ms !important; -o-transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; */ /* -------for all--------- */ /* ------- animation --------- */ #navcontainer ul ul {} #navcontainer li:hover > ul { padding-bottom: 0; padding-top: 15px; } #navcontainer ul ul { transition: all 0.15s linear !important; -moz-transition: all 0.15s linear !important; -webkit-transition: all 0.15s linear !important; -o-transition: all 0.15s linear !important; transition-delay: 12ms !important; -webkit-transition-delay: 12ms !important; -o-transition-delay: 12ms !important; -moz-transition-delay: 12ms !important; } /* ------- animation --------- */ /* ------- animation --------- */ /* @end */ /* @group Global Classes */ blockquote, .standout {} h1 {} h2 {} h3 {} h4 {} .imageStyle {} /* Main content area unordered list styles */ #contentContainer #content ul {} #contentContainer #content li {} ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-latin; } ol.lower-alpha { list-style-type: upper-latin; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul {} #sidebarContainer #sidebar li {} /* Table Styles */ table {} .standout, blockquote { text-align: left; font-size: 16px; margin: 3px 0; font-style: italic; padding: 10px 20px 15px 57px; background: url(images/elements/icons/quotes_1.png) no-repeat 1px 9px; border-style: none; line-height: 20px; } .standout, #sidebar blockquote { font-size: 14px; font-style: italic; padding: 0 5px 9px 24px; margin: 0; text-align: left; background: url(images/elements/icons/quotes_2.png) no-repeat 1px 15px; border-style: none; line-height: 18px; } /* @end */ /* @group blog */ .blog_top { display: none; position: relative; margin: 0; padding: 0; } .blog_bottom { display: none; } /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; text-align: justify; } ul.blog-tag-cloud li { display: inline; padding-right: 5px; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ /* @group Archive Page */ .blog-archive-background { text-decoration: none; } .blog-entry-summary { margin-bottom: 15px; padding: 6px; } .blog-archive-headings-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; } .blog-archive-entries-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; padding: 1px; } .blog-archive-entries-wrapper .blog-entry {} .blog-archive-month { font-size: 25px; text-align: left; text-indent: 40px; margin-bottom: 4px; background: 12px 4px url(images/elements/icons/archives.gif) no-repeat; line-height: 30px; margin-top: 18px; } .blog-archive-link { font-size: 13px; background: url(images/elements/icons/blog_back_on.gif) no-repeat 22px 4px; text-align: left; text-indent: 41px; margin-bottom: 22px; } .blog-archive-link a:hover { text-decoration: none; } /* ------------ */ .blog-archive-link-enabled { background: url(images/elements/icons/pen.png) no-repeat left center; font-size: 12px; padding-left: 25px; } .blog-archive-link-disabled { font-size: 12px; padding-left: 25px; } .blog-archive-link-enabled a:hover, .blog-archive-link-disabled a:hover {} .blog-archive-link a:link, .blog-archive-link a:visited { text-decoration: underline; } /* @end */ .blog-entry { text-align: left; } .blog-entry-title { display: inline-block; padding: 10px; margin-right: 20px; margin-top: 20px; background: url(images/elements/grey_20.png) repeat; } /* border-top-left-radius:2px; -webkit-border-top-left-radius:2px; -moz-border-radius-topleft:2px; border-top-right-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-radius-topright:2px; */ .blog-entry-title a { width: auto; } .blog-entry-date { text-align: left; font-size: 11px; background: url(images/elements/icons/date.png) no-repeat 16px 6px; text-indent: 27px; font-style: italic; padding: 4px 4px 4px 10px; float: right; margin: 23px 10px 10px 0; } /*styles the category link in the main entry */ .blog-entry-category { background: url(images/elements/icons/categories.png) 0px 0px no-repeat; margin-left: 5px; padding-left: 18px; padding-bottom: 10px; margin-right: 2px; } .blog-entry-category { background: url(images/elements/icons/categories.png) 0px 0px no-repeat; margin-left: 5px; padding-left: 18px; padding-bottom: 10px; margin-right: 2px; } .blog-entry-category a:link, .blog-entry-category a:visited { } /*styles the permalink link in the main entry */ .blog-entry-permalink { padding-left: 16px; background: url(images/elements/icons/permalink.gif) no-repeat 0 0; margin-left: 4px; padding-bottom: 4px; } .blog-entry-permalink a:link, .blog-entry-permalink a:visited { } .blog-read-more { padding: 5px; margin-top: 2px; margin-bottom: 2px; } .blog-entry-body { margin-bottom: 30px; } .blog-entry-comments { text-align: right; padding-right: 5px; margin-bottom: 15px; margin-top: 10px; font-size: 11px; } /* styles the archives in the blog sidebar */ /* ---box vertical tile------------------------------- */ #blog-archives { background: url(images/elements/grey_10.png) repeat; } .blog-archive-link-enabled {} .blog-archive-link-disabled {} /* Styles the blog categories in the blog sidebar */ /* ---box top------------------------------------- */ #blog-categories { background: url(images/elements/grey_10.png) repeat; } .blog-category-link-enabled, .blog-category-link-disabled { font-size: 13px; padding-bottom: 0; line-height: 25px; padding-left: 30px; text-transform: uppercase; background: url(images/elements/icons/archives.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; } .blog-category-link-disabled { position: relative; z-index: 1; } .blog-category-link-enabled:hover, .blog-category-link-disabled:hover { background: url(images/elements/icons/archives_2.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { font-size: 12px; line-height: 24px; margin-top: 7px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 18px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 18px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } p.blog-entry-tags { padding-top: 5px; text-align: left; } p.blog-entry-tags a { padding: 3px 1px 4px 20px; margin-left: 2px; } /* Styles blog tag links normal and visited state */ p.blog-entry-tags a:link, p.blog-entry-tags a:visited { background: url(images/elements/icons/tags.png) no-repeat 0 3px; } /* Styles blog tag links hover state */ p.blog-entry-tags a:hover {} /* Styles blog tag links active state */ p.blog-entry-tags a:active {} /* Styles the tag clous un-ordered list */ /* ---box bottom------------------------------------- */ ul.blog-tag-cloud { background: url(images/elements/grey_10.png) repeat; } /* Styles tag cloud list item */ ul.blog-tag-cloud li {} /* Styles all links in the tag cloud in normal and visited state */ ul.blog-tag-cloud li a:link, ul.blog-tag-cloud li a:visited {} /* Styles all links in the tag cloud in hover state */ ul.blog-tag-cloud li a:hover {} /* Styles all links in the tag cloud in active state */ ul.blog-tag-cloud li a:active {} /* ___________________________ */ .blog-entry-title a { } #blog-archives { padding: 10px; margin-top: 10px; line-height: 20px; margin-left: 2%; float: left; width: 27.5%; } #blog-categories { margin-top: 10px; padding: 10px; margin-left: 2%; float: left; width: 27.5%; } ul.blog-tag-cloud { padding: 10px; margin-top: 10px; margin-left: 2%; float: left; width: 27.5%; } /* ___________________________ */ /* _____________ok______________ */ #blog-archives { padding: 10px; margin-top: 50px; line-height: 20px; margin-left: 2%; float: left; width: 27.4%; border-left-style: none; border-left-width: 1px; border-right-width: 1px; border-right-style: none; border-top-style: solid; border-top-width: 3px; border-bottom-style: none; border-bottom-width: 1px; margin-bottom: 5px; position: relative; } /* border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; */ #blog-archives:before { content:"Archives"; position: absolute; left: 0; top: -33px; } #blog-categories { margin-top: 50px; padding: 10px; margin-left: 2%; float: left; width: 27.4%; border-left-style: none; border-left-width: 1px; border-right-width: 1px; border-right-style: none; border-top-style: solid; border-top-width: 3px; border-bottom-style: none; border-bottom-width: 1px; margin-bottom: 5px; position: relative; } #blog-categories:before { content:"Categories"; position: absolute; left: 0; top: -33px; } ul.blog-tag-cloud { padding: 10px; margin-top: 50px; margin-left: 2%; float: left; width: 27.4%; border-left-style: none; border-left-width: 1px; border-right-style: none; border-right-width: 1px; border-top-style: solid; border-top-width: 3px; border-bottom-style: none; border-bottom-width: 1px; margin-bottom: 5px; position: relative; } ul.blog-tag-cloud:before { content:"Tags"; position: absolute; left: 0; top: -33px; } #blog-archives:before, #blog-categories:before. ul.blog-tag-cloud:before { } /* ____________ok_______________ */ /* @end */ /* @group quicktime album */ /* Index Page */ .movie-page-title { margin-top: 0; text-indent: 10px; padding-bottom: 5px; text-indent: 10px; padding-top: 4px; position: relative; text-align: center; } .movie-page-description { padding-bottom: 10px; text-align: left; padding-top: 8px; } .movie-thumbnail-frame { float: left; display: inline; text-align: center; line-height:0; position:relative; display:inline-block; width: 46%; height:auto !important; max-width: auto; padding: 0; clear: none; margin: 2%; } .movie-thumbnail-frame:hover{} .movie-thumbnail-frame img{ width:100% !important; height:auto !important; box-shadow: 0px 1px 2px #bfbfbf ; -webkit-box-shadow: 0px 1px 2px #bfbfbf ; -moz-box-shadow: 0px 1px 2px #bfbfbf ; transition: all 0.23s linear; -moz-transition: all 0.23s linear; -webkit-transition: all 0.23s linear; -o-transition: all 0.23s linear; transition-delay: 10ms; -webkit-transition-delay: 10ms; -o-transition-delay: 10ms; -moz-transition-delay: 10ms; } /* ---check---fix--- */ .movie-thumbnail-frame img:hover{ box-shadow: 0px 2px 6px #6e6e6e ; -webkit-box-shadow: 0px 2px 6px #6e6e6e ; -moz-box-shadow: 0px 2px 6px #6e6e6e ; transition: all 0.10s linear; -moz-transition: all 0.10s linear; -webkit-transition: all 0.10s linear; -o-transition: all 0.15s linear; transition-delay: 0ms; -webkit-transition-delay: 0ms; -o-transition-delay: 0ms; -moz-transition-delay: 0ms; margin-top: -1px; margin-bottom: 1px; } /* ---check---fix--- */ .movie-thumbnail-caption { text-align: center; width:auto; text-shadow:none; text-transform: uppercase; padding: 13px 20px 5px; } /* Index Page END */ /* single page movie */ .movie-background {} .movie-frame { text-align: center; margin-top: 20px; background: none; margin: 5px; } .movie-title { text-align: center; padding: 10px; } /* icon over thumbnail */ .movie-thumbnail-frame a:before {} .movie-thumbnail-frame a:hover:before { content:url(images/elements/icons/icon_movie_1.png); position: absolute; z-index:1; left: 45%; bottom: 55%; } /* ---- Single Page movie end */ #movieAlbum .movie-thumbnail-caption{visibility:visible} .lastMov{margin-bottom:5px} /* @end */ /* @group photo album + prettyphoto */ /* @group prettyphoto */ /* ---------original code----------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* end original code */ /* @end */ /* @group prettyphoto multithemes */ div.pp_default .pp_description { margin-top: 10px; padding-bottom: 2px; } div.facebook .pp_description { margin-top: 0; padding-bottom: 2px; } div.light_rounded .pp_description, div.dark_rounded .pp_description { margin-top: 8px; padding-bottom: 2px; } div.light_square .pp_description, div.dark_square .pp_description { margin-top: 6px; padding-bottom: 2px; } .pp_social .facebook, .pp_social .twitter { margin-top: 8px; margin-bottom: 0; padding-bottom: 0; } /* all features */ div.pp_default .pp_description, div.facebook .pp_description, div.light_square .pp_description, div.light_rounded .pp_description, div.dark_rounded .pp_description, div.dark_square .pp_description { font-weight: normal; font-style: normal; text-decoration: none; text-align: center; margin-left: 90px; margin-right: 90px; font-size: 21px; } /* @end */ /* ----------- */ /* Index Page (Thumbnail view) */ .album-title { padding-bottom: 7px; text-align: center; } .album-description { text-align: left; margin-bottom: 50px; padding-top: 9px; padding-bottom: 5px; } .album-wrapper { display: block; width: 100%; position: relative; margin-right: auto; margin-left: auto; } .thumbnail-wrap { text-align: center; position: relative; float: left; margin-bottom: 3%; margin-right: auto; padding-bottom: 3%; margin-left: auto; padding-left: 3.4%; } .thumbnail-frame { bottom: 0; left: 0; position: relative; z-index: 1; /* margin: 0; padding: 0; */ } .thumbnail-frame img { margin-top: auto; margin-right: auto; margin-left: auto; padding: 0px; box-shadow: 0px 2px 4px #bfbfbf ; -webkit-box-shadow: 0px 2px 4px #bfbfbf ; -moz-box-shadow: 0px 2px 4px #bfbfbf ; transition: all 0.33s linear; -moz-transition: all 0.33s linear; -webkit-transition: all 0.33s linear; -o-transition: all 0.33s linear; transition-delay: 20ms; -webkit-transition-delay: 20ms; -o-transition-delay: 20ms; -moz-transition-delay: 20ms; border: 1px solid #a1a1a1; } .thumbnail-frame img:hover { box-shadow: 0px 2px 6px #6e6e6e ; -webkit-box-shadow: 0px 2px 6px #6e6e6e ; -moz-box-shadow: 0px 2px 6px #6e6e6e ; transition: all 0.10s linear; -moz-transition: all 0.10s linear; -webkit-transition: all 0.10s linear; -o-transition: all 0.15s linear; transition-delay: 0ms; -webkit-transition-delay: 0ms; -o-transition-delay: 0ms; -moz-transition-delay: 0ms; margin-top: -1px; margin-bottom: 1px; } .thumbnail-frame a {} .thumbnail-frame a:hover { transition: all 0.10s linear; -webkit-transition: all 0.12s linear; -moz-transition: all 0.12s linear; -o-transition: all 0.12s linear; margin: 0; padding: 0; } .thumbnail-caption { display: block; background: url(images/elements/png/black_80.png) repeat; text-transform: uppercase; margin: -1px 0 0; /* fixed padding, also responsive_font.css + font_size_3.css*/ padding: 0; width: 100%; color: #393939; text-align: center; } .thumbnail-table { width: 59%; margin-right: auto; margin-left: auto; float: left; } /* @group single page photo mode */ /* Single Page (Photo view) */ .photo {} .photo-background { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } /* black png */ .photo-navigation { padding: 5px 0 0; text-align: center; margin-right: auto; margin-left: auto; background: url(images/elements/black_80.png) repeat; max-width: 340px; } /* new */ .photo-navigation a:link, .photo-navigation a:visited { color: #f2f2f2; text-align: center; } .photo-title { letter-spacing: 1px; color: #ffffff; margin: 0; text-align: center; padding: 8px 0; text-transform: uppercase; } /* color title image below */ .photo-caption { color: #d8d8d8; padding: 0px; margin-top: 7px; } .photo-links { color: #fff; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.25); box-shadow: 0 0px 5px rgba(0,0,0,.25); background: url(images/elements/black_80.png) repeat; margin: 0; opacity: 0.85; transition: all 0.12s linear; -moz-transition: all 0.12s linear; -webkit-transition: all 0.12s linear; -o-transition: all 0.12s linear; padding: 25px 0; text-transform: uppercase; } .photo-links:hover { opacity: 1.0; transition: all 0.22s linear; -moz-transition: all 0.22s linear; -webkit-transition: all 0.22s linear; -o-transition: all 0.22s linear; } .photo-links a { padding: 0; margin: 0; } .photo-links a:hover, .photo-links a:active {} .photo-navigation a:hover { text-decoration: underline; color: #dbdbdb; } /* photo */ .photo-frame{ width: 95%; height: auto; max-width: 100%; position: relative; box-shadow: 0px 2px 11px 0px #232323 ; -webkit-box-shadow: 0px 2px 11px 0px #232323 ; -moz-box-shadow: 0px 2px 11px 0px #232323 ; margin-right: 2.5%; padding: 0; margin-left: 2%; } .photo-frame:hover{} /* @end */ html > body .photo-background {} html > body .photo-navigation {} /* @group EXIF data */ /* Data wrapper */ .exif-data { padding: 5px 4px 10px 20px; background: url(images/elements/black_80.png) repeat; opacity: 0.90; max-width: 340px; margin: -4px auto 5%; } .exif-data p { color: #eee; text-align: left; padding-left: 27px; font-size: 11px; line-height: 22px; background: url(images/elements/exif/efix_triangle.gif) no-repeat 7px 40%; padding-bottom: 0; text-indent: 3px; margin: 3px 0 0; } /* p tag classes for all exif data */ p.exif-version {} p.exif-colour-space {} /* icon */ p.exif-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-dimensions { background: url(images/elements/exif/efix_dimensions.gif) no-repeat left center; } /* icon */ p.exif-pixel-y-dimension { background: url(images/elements/exif/efix_y_dimension.gif) no-repeat left center; } /* icon */ p.exif-pixel-x-dimension { background: url(images/elements/exif/efix_x_dimension.gif) no-repeat left center; } p.exif-oecf-value {} p.exif-subsec-time-original {} p.exif-exposure-mode {} p.exif-spatial-frequency-response {} p.exif-scene-capture-type {} p.exif-subject-location {} /* icon */ p.exif-shutter-speed { background: url(images/elements/exif/efix_shutter_speed.gif) no-repeat left center; } /* icon */ p.exif-datetime-original { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subsec-time {} p.exif-compressed-bits-per-pixel {} p.exif-flash-energy {} p.exif-saturation {} p.exif-brightness {} /* icon */ p.exif-exposure-time { background: url(images/elements/exif/efix_exposure_time.gif) no-repeat left center; } p.exif-f-number {} p.exif-file-source {} p.exif-gain-control {} p.exif-subject-area {} p.exif-cfa-pattern {} p.exif-scene-type {} p.exif-white-balance {} p.exif-flash {} p.exif-exposure-index { } p.exif-flashpix-version {} p.exif-device-setting-description {} p.exif-focalplane-x-resolution {} /* icon */ p.exif-image-uniqueid { background: url(images/elements/exif/efix_image_unique_id.gif) no-repeat left center; } p.exif-components-configuration {} p.exif-light-source {} p.exif-sensing-method {} /* icon */ p.exif-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sharpness {} p.exif-exposure-program {} p.exif-subject-distance {} p.exif-subsec-time-digitized {} p.exif-contrast {} p.exif-focalplane-resolution-unit {} p.exif-gamma {} /* icon */ p.exif-35mm-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-datetime-digitized { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subject-distance-range {} p.exif-custom-rendered {} /* icon */ p.exif-max-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sound-file {} p.exif-metering-mode {} p.exif-spectral-sensitivity {} p.exif-exposure-bias {} p.exif-focalplane-y-resolution {} /* icon */ p.exif-iso-rating { background: url(images/elements/exif/efix_iso.gif) no-repeat left center; } /* icon */ p.exif-maker-note { background: url(images/elements/exif/efix_maker_note.gif) no-repeat left center; } p.exif-digital-zoom-ratio {} /* icon */ p.exif-user-comment { background: url(images/elements/exif/efix_user_comment.gif) no-repeat left center; } /* @end */ /* @end */ /* @group Sitemap */ .rw-sitemap { padding: 0; width: 70%; margin: 20px auto 25px; } .rw-sitemap ul { padding: 0; margin-bottom: 11px; list-style-position: outside; list-style-image: url(images/elements/parent_oriz.png); } .rw-sitemap ul:last-child { } .rw-sitemap ul a { padding: 0 8px 0 0; } .rw-sitemap ul li { margin: 0 0 5px; text-transform: none; padding: 9px 3px 0; } .rw-sitemap ul li:last-child { margin-bottom: -5px; } .rw-sitemap a { } .rw-sitemap ul ul { padding: 0 0 0 17px; margin-top: 7px; width: 95%; } /* @end */ /* @group contact form */ form { margin: 0 0 0 6%; padding: 0; width: 94%; } .message-text { margin-top: 0; margin-left: 6%; width: 90%; text-align: center; } .required-text {} .form-input-field { transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; background-color: #fafafa; margin-top: 8px; color: #5d5d5d; margin-left: auto; margin-right: auto; width: 90%; padding: 9px; border-style: solid; border-width: 1px; box-shadow: 0px 0px 6px 0px #c0c0c0 inset ; -webkit-box-shadow: 0px 0px 6px 0px #c0c0c0 inset ; -moz-box-shadow: 0px 0px 6px 0px #c0c0c0 inset ; -webkit-appearance: none; outline: none;/* fix - hide blue border in contact form */ border: none;/* fix - hide blue border in contact form */ } /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */ /* transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); */ .form-input-field:hover { box-shadow: 0px 0px 5px 0px #c0c0c0 inset ; -webkit-box-shadow: 0px 0px 5px 0px #c0c0c0 inset ; -moz-box-shadow: 0px 0px 5px 0px #c0c0c0 inset ; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f6f6f6; } .form-input-field:focus { background: #fefffe url(images/elements/icons/contact.png) no-repeat 6px 9px; position: relative; z-index: 3; margin-left: -12px; padding-left: 24px; } form > div input.form-input-field{ background-color: #f0f0f0; width: 80%; } form > div textarea.form-input-field:focus { /* -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; */ transition: all 360ms; -o-transition: all 360ms; -ms-transition: all 360ms; -moz-transition: all 360ms; -webkit-transition: all 360ms; } /* transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); */ /* .form-input-field:focus:before { content:url(images/elements/icons/contact.png); position: absolute; z-index:1; top: 7px; left: 5px; transition: all 0.10s linear; -moz-transition: all 0.10s linear; -webkit-transition: all 0.10s linear; -o-transition: all 0.10s linear; } */ .form-input-field:hover, .form-input-field a:visited { background-color: #fffeff; border-color: #98a9fd; } .form-input-field a:active, .form-input-field a:current { border-color: #98a9fd; background-color: #fffeff; } /* button */ .form-input-button { padding: 6px 12px; color: #919191; border: 1px solid #d5d5d5; text-transform: uppercase; margin: 10px 10px 0 5px; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; text-shadow: #f1f1f1 0 1px 0; font-weight: bold; letter-spacing: 1px; background-color: #eaeaea; } .form-input-button:hover { border: 1px solid #bcbcbc; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; color: #515151; } .form-input-button:focus {} /* My Comment */ /* form > div input.form-input-field[type="text"]{background-color: #f9de92;} form > div input.form-input-field[type="text"]:hover{background-color: #97e3ff;} */ .form-input-button { appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari and Chrome */ } /* @end */ /* @group file sharing */ .filesharing-description { } .filesharing-item { float: left; display: inline-table; background: url(images/elements/grey_6.png) repeat; padding: 0; border-width: 1px; border-style: solid; width: 44.7%; margin: 2.6% 0 2.6% 4.2%; } .filesharing-item-title { padding-top: 2px; background: url(images/elements/grey_10.png) repeat; margin-left: auto; padding: 3%; width: 94%; margin-right: auto; position: relative; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; } .filesharing-item-title:hover {} .filesharing-item-title a:link { background: url(images/elements/download.png) no-repeat 5px 45%; transition: all 0.05s linear; -moz-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; -o-transition: all 0.05s linear; padding-left: 24px; } .filesharing-item-title a:hover { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; text-decoration: underline; background: url(images/elements/download_b.png) no-repeat 5px 75%; } .filesharing-item-title a:visited {} .filesharing-item-description { font-weight: normal; padding: 15px 18px 18px; margin: 0; } /* @end */ /* @group FONT SIZE */ /* break-word classes */ #pageHeader h1, #pageHeader h2, #logo h1, #logo h2, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #extraContainer1 h1, #extraContainer1 h2, #extraContainer1 h3, #extraContainer1 h4, #extraContainer1 h5, #extraContainer1 h6, #extraContainer2 h1, #extraContainer2 h2, #extraContainer2 h3, #extraContainer2 h4, #extraContainer2 h5, #extraContainer2 h6, #extraContainer3 h1, #extraContainer3 h2, #extraContainer3 h3, #extraContainer3 h4, #extraContainer3 h5, #extraContainer3 h6, #extraContainer4 h1, #extraContainer4 h2, #extraContainer4 h3, #extraContainer4 h4, #extraContainer4 h5, #extraContainer4 h6 { word-wrap: break-word; /* MAIN and IE 5+ */ white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ } a:link, a:visited, a:hover, a:active { /* FIX FIXED ISSUE IN WEAVER PIX SLIDESHOW PLUGIN */ word-wrap: normal; white-space: normal; } /* break-word classes */ body { /* reset font size landscape-portraid */ -webkit-appearance: none; /* WebKit */ -moz-appearance: none; /* Mozilla */ -o-appearance: none; /* Opera */ -ms-appearance: none; /* Internet Explorer */ appearance: none; /* CSS3 */ -webkit-text-size-adjust: none; /* WebKit */ -moz-text-size-adjust: none; /* Mozilla */ -o-text-size-adjust: none; /* Opera */ -ms-text-size-adjust: none; /* Internet Explorer */ text-size-adjust: none; /* CSS3 */ } /* body + extracontent --> 100%*/ html, body, header, #container, blockquote, #contentContainer, #contentContainer #content, #sidebarContainer, #sidebarContainer #sidebar, #headerEdge, #pageHeader, #pageHeader h1, #pageHeader h2, form, div, span, p, code, iframe, img, table, caption, footer, #extraContainer1, h1, h2, h3, h4, h5, h6 {font-size: 100%; font: inherit; } body, a:link, a:visited, #pageHeader h1, pageHeader h2, #sidebarContainer .sideHeader, #footer a:link, #footer a:visited, #navcontainer a, h1, h2, h3, h4, .blog-archive-month, .blog-entry-title, .blog-entry-date, .album-title, .album-description, .thumbnail-caption, .photo-title, .photo-caption, .movie-page-title, .movie-page-description, .movie-thumbnail-caption, .photo-title, .photo-caption, .movie-title, .rw-sitemap, .rw-sitemap ul a, .rw-sitemap ul li li a, .rw-sitemap ul li li li a { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } #container { font: 0.86em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif; } #navcontainer a { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; /* font-family: "Helvetica", Neue; */ } #extraContainer3{ line-height: 1.6em; font-size: 0.965em; } #extraContainer2{ font-size: 1em; line-height: 1.55em; } #extraContainer1{ font-size: 1em; line-height: 1.55em; } h1 { font-size: 2.200em; line-height: 1.2em; margin: 0; padding: 0; } h2 { font-size: 1.850em; line-height: 1.2em; margin: 0; padding: 0; } h3 { font-size: 1.530em; margin: 0; line-height: 1.3em; padding: 0; } h4 { font-size: 1.313em; line-height: 1.2em; margin: 0; padding: 0; } h5 { font-size: 1.188em; line-height: 1.2em; margin: 0; padding: 0; } h6 { font-size: 1.000em; line-height: 1.2em; margin: 0; padding: 0; } /* ---text--- */ .album-title, .movie-page-title { line-height: 2.3em; font-size: 1.6em; } #pageHeader h1, #logo h1 { font-size: 2em; line-height: 1em; } .home:after { font-size: 12px; } #pageHeader h2, #logo h2 { font-size: 1.2em; line-height: 2em; } #blog-archives:before, #blog-categories:before, ul.blog-tag-cloud:before { font-size: 1.4em; line-height: 1em; } #navcontainer a { line-height: 32px; font-size: 17px; text-indent: 9px; letter-spacing: 0; } #navcontainermenu:before, #navcontainermenu a:before, #navcontainermenu.opened:before, #navcontainermenu:after, #navcontainermenu a:after, #navcontainermenu.opened:after { font-size: 12px; font-weight: normal; font-style: normal; } #navcontainer ul ul a { line-height: 19px; font-size: 15px; text-align: left; } .sideHeader_bottom, .sideHeader_top, .sideHeader {} code {font-size: 0.875em;} #sidebarContainer .sideHeader { font-size: 1.2em; line-height: 1.6em; } .rw-sitemap ul a, #sitemap a { font-size: 1.063em; } .rw-sitemap ul li li a, #sitemap ul ul a { font-size: 0.938em;} .footer, #footer, #footer p{ font-size: 0.91em; line-height: 1.5em; } #breadcrumbcontainer a{ font-size: 0.80em; line-height: 2em; } .form-input-button, .form-input-field { font-size: 1em; } .thumbnail-caption { font-size: 0.8em; } /* @end */ /* @group Tipsy */ .tipsy { position: absolute; padding: 5px; z-index: 100000; font: 15px "Lucida Grande", Lucida, Verdana, sans-serif; margin-top: 10px; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 13px 15px 14px; text-align: center; box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; transition: All 0.3s linear; -webkit-transition: All 0.3s linear; -moz-transition: All 0.3s linear; -o-transition: All 0.3s linear; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* @end */ /* @group Settings */ .settings { position: relative; display: none; } /* @end */ /* ___________________________ */ /* @group Font Awesome */ /* ------------- */ @font-face { font-family: 'FontAwesome'; src: url('css/webfonts/fontawesome/fontawesome-webfont.eot'); src: url('css/webfonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/fontawesome/fontawesome-webfont.woff') format('woff'), url('css/webfonts/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('css/webfonts/fontawesome/fontawesome-webfont.svg#FontAwesome') format('svg'); font-style: normal; font-weight: normal; } /* ------------- */ /* ______________ */ /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ /* @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.0.1'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } */ /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"] { /* keeps button heights with and without icons the same */ } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 4s infinite linear; -o-animation: spin 4s infinite linear; -webkit-animation: spin 4s infinite linear; animation: spin4s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } /* @group Multithemes addons */ /* icons size */ #navcontainer a [class^="icon-"]:before, #navcontainer a [class*=" icon-"]:before { font-size: 17px; } #navcontainer ul ul a [class^="icon-"]:before, #navcontainer ul ul a [class*=" icon-"]:before { font-size: 14px; } /* icons size */ [class^="icon-"]:before, [class*=" icon-"]:before {} [class^="icon-"]:before .icon-spin, [class*=" icon-"]:before .icon-spin {} #navcontainer a [class^="icon-"]:before .icon-spin, #navcontainer a .icon-spin, #navcontainer .icon-spin { margin: 0; padding: 0; } #navcontainer [class^="icon-"]:before, #navcontainer [class*=" icon-"]:before, #navcontainer a [class^="icon-"], #navcontainer a [class*=" icon-"] { /* vertical-align: top; */ text-indent: 0; /* -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; */ } /* _______NOT showed_______ */ #breadcrumbcontainer [class^="icon-"]:before, #breadcrumbcontainer [class*=" icon-"]:before, #breadcrumbcontainer a [class^="icon-"], #breadcrumbcontainer a [class*=" icon-"] { vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; } .rw-sitemap [class^="icon-"]:before, .rw-sitemap a [class^="icon-"]:before, .rw-sitemap a [class*=" icon-"]:before, .rw-sitemap [class^="icon-"], .rw-sitemap [class*=" icon-"], .rw-sitemap a [class*=" icon-"], .rw-sitemap ul [class^="icon-"], .rw-sitemap ul a [class*=" icon-"], .rw-sitemap .icon-, .rw-sitemap ul a .icon-, .rw-sitemap ul a .icon-:before { vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; display: none !important; } /* ______________ */ .icon-spin { -moz-animation: spin 7s infinite linear; -o-animation: spin 7s infinite linear; -webkit-animation: spin 7s infinite linear; animation: spin7s infinite linear; } /* @end */ /* @end */ /* ___________________________ */ .box {} /* ___________________________ */ #fade_status { top: 0px !important; } #fade_status_header_titles1 { top: 0px !important; } #fade_status_header_titles2 { top: 0px !important; } /* #navigation_position {top: 1px;} */ #menuOpened { top: 0px !important; } @media only screen and (max-width: 1000px) { /* @group page shadow */ #pageHeader:before, #pageHeader:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 0.3; } /* @end */ } @media only screen and (max-width: 890px) { /* @group page shadow */ #pageHeader:before, #pageHeader:after { display: none; } /* @end */ /* @group blog */ #blog-archives { line-height: 20px; float: left; width: 42%; } #blog-categories { float: left; width: 42%; } ul.blog-tag-cloud { float: left; width: 91%; } /* @end */ } /* ____________toolbar _______________ */ /* ____________toolbar _______________ */ @media only screen and (min-width: 768px) { /* IE8 fix */ #navcontainer ul ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #navcontainer li:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100); } /* IE8 fix */ /* ------ */ #navcontainer_back {} .box{} /* ------ */ #navcontainer ul ul .parent { visibility: visible; background: url(images/elements/parent.png) no-repeat right -19px; transition: All 0s linear; -webkit-transition: All 0s linear; -moz-transition: All 0s linear; -o-transition: All 0s linear; float: none; display: block; } #navcontainer ul ul .parent:hover { visibility: visible; background-position: right -17px; } /* ------------------ */ #navcontainer{ position: relative; margin-right: auto; margin-left: auto; text-align: center; } /* ------------------ */ #navcontainer ul{ list-style: none; margin: 0; padding: 6px 0; } #navcontainer a { display: inline; margin-left: 0; padding: 0 7px 0 8px; margin-right: 0; border-right-style: solid; border-right-width: 1px; } #navcontainer>ul>li:last-child>a { background-image: none !important; border-right-style: none; } /* ------ */ #navcontainer li { list-style: none; position: relative; display: inline; margin: 0; padding-top: 8px; padding-bottom: 18px; } /* Child - Level 1 */ #navcontainer ul ul { min-width: 200px; position: absolute; top: 0; width: auto; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; z-index: 150; left: 0; display: block; overflow: auto; /* fis IE8 */ visibility: visible; margin-top: 38px; } /* opacity:0.95; filter:Alpha(opacity=95); */ /* fis IE8 */ /* box-shadow: 0px 2px 2px 0px #212121 ; -webkit-box-shadow: 0px 2px 2px 0px #212121 ; -moz-box-shadow: 0px 2px 2px 0px #212121 ; */ /* border-top-left-radius:2px; -webkit-border-top-left-radius:2px; -moz-border-radius-topleft:2px; border-top-right-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-radius-topright:2px; border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; */ #navcontainer ul ul li { display: inline; clear: left; float: left; padding-top: 0; padding-bottom: 5px; } #navcontainer ul ul li { transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; } #navcontainer ul ul li:hover { } /* --- */ #navcontainer ul ul a { background-image: none !important; display: inline-block; float: left; padding: 5px 0 5px 10px; border-right-style: none; } /* --- */ #navcontainer ul ul a:hover{} #navcontainer ul ul #current{} #navcontainer ul ul .currentAncestor {} /* Child - Level 2 */ #navcontainer ul ul ul { z-index: 160; top: 0; left: 0; position: relative; padding: 0; background-image: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #navcontainer ul ul ul li {} #navcontainer ul ul ul a{} #navcontainer ul ul ul a:hover{} #navcontainer ul ul ul #current{} #navcontainer ul ul ul .currentAncestor{ } /* Child Level 3 */ #navcontainer ul ul ul ul { z-index: 170; background-image: none; } /* Child Level 4 */ #navcontainer ul ul ul ul ul { z-index: 180; } /* ------- */ #navcontainer>ul ul>li:first-child>a { /* padding-top: 10px; */ } #navcontainer>ul ul>li:last-child>a { padding-bottom: 15px; } /* ------- */ #navcontainer>ul ul ul>li:first-child>a { padding-top: 5px; } #navcontainer>ul ul ul>li:last-child>a { padding-bottom: 5px; } /* --- ---- ---- */ /* display BLOCK */ #navcontainer ul ul ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0; visibility: visible; overflow: visible; display: block !important; background-image: none; } #navcontainer ul ul ul a, #navcontainer ul ul ul ul a, #navcontainer ul ul ul ul ul a { padding-top: 5px; padding-bottom: 5px; } #navcontainer li:hover > ul ul{ visibility: visible; overflow: visible; display: block; background-image: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } /* display BLOCK */ #navcontainer ul ul .parent:hover { background-position: right -19px; } /* #navcontainer ul ul:before { content:""; display: none !important; } */ /* horizontal padding */ #navcontainer ul ul a {padding-left: 15px;} #navcontainer ul ul ul a{padding-left: 20px;} #navcontainer ul ul ul ul a{padding-left: 25px;} #navcontainer ul ul ul ul ul a{ padding-left: 30px;} /* horizontal padding */ /* --- ---- ---- */ } @media only screen and (max-width: 767px) { #navcontainer { width: 80%; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; padding: 25px 10%; } #navcontainer ul{ list-style: none; margin: 0; padding: 0; } #navcontainer ul ul{ background-image: none !important; background-color: transparent !important; } /* My Comment */ #navcontainer a { padding-top: 5px; padding-bottom: 5px; display: block; } /* Child - Level 1 */ /* --vertical padding only here - */ #navcontainer ul ul a { padding-left: 15px; } /* --vertical padding only here - */ /* Child - Level 2 */ #navcontainer ul ul ul a{ padding-left: 20px; } /* Child Level 3 */ #navcontainer ul ul ul ul a{ padding-left: 25px; } /* Child Level 4 */ #navcontainer ul ul ul ul ul a{ padding-left: 30px; } /* ______________ */ /* line */ #navcontainer a { background: url(images/elements/line_oriz.png) repeat-x left top; } #navcontainer ul ul a { background-image: none; } #navcontainer>ul>li:first-child>a { background-image: none; padding-bottom: 6px; } #navcontainer>ul ul>li:first-child>a {} /* line */ /* --------- */ #navcontainer>ul ul>li:first-child>a { border-top-style: none; padding-top: 0; margin-top: 0; } #navcontainer>ul ul>li:last-child>a { padding-bottom: 15px; } } /* ____________toolbar _______________ */ @media only screen and (max-width: 768px) { /* @group logo */ #pageHeader h1, #pageHeader h2 { float: none; position: relative; text-align: center; margin-right: auto; margin-left: auto; display: block; } #pageHeader h2 { margin-top: 10px; } #logo { float: none; margin-right: auto; margin-left: auto; width: auto; overflow: auto; clear: none; } /* min-width:100px; max-width:250px; */ #logo img { max-width:250px; padding: 15px 0 0; } /* @end */ } @media only screen and (max-width: 767px) { .home:after { display: none !important; } #pageHeader h1 { } #pageHeader h2 { } #contentContainer #content { margin-bottom: 0; padding-bottom: 35px; } /* vertical effects #navcontainer { display: none; height: auto; padding: 40px 0 0; overflow: auto; } #navcontainer>ul>li:first-child>a { margin-top: -40px; } */ } @media only screen and (max-width: 601px) { #footer_box{ min-height:100px; } #footer p { margin-bottom: 0; } #footer { float: none; clear: left; text-align: center; margin: 0 auto; width: auto; padding: 0; } #breadcrumbcontainer { float: none; margin-right: auto; margin-left: auto; text-align: center; } #breadcrumbcontainer li { padding-top: 0; padding-bottom: 0; } /* @group blog */ #blog-archives { line-height: 20px; float: left; width: 42%; } #blog-categories { float: left; width: 42%; } ul.blog-tag-cloud { float: left; width: 91%; } /* My Comment */ .blog-rss-link, .blog-comments-rss-link, .blog-rss-link, .blog-comments-rss-link { padding-left: 6%; } /* @end */ /* @group FileSharing */ .filesharing-item { display: inline; margin: 2% 3% 20px 1%; width: 95.8%; } /* @end */ /* @group Sitemap */ .rw-sitemap { transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; } /* @end */ /* @group photo album */ .photo-frame{ width: auto; margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; } .thumbnail-wrap { margin-bottom: 5%; } /* @end */ /* @group quicktime album */ .movie-thumbnail-frame { width: 90%; margin: 2% 6% 4.5% 4%; } .movie-thumbnail-caption { padding-top: 13px; padding-bottom: 5px; } /* @end */ } @media only screen and (max-width: 480px) { /* @group Contact Form */ form { padding: 0; width: 100%; margin-left: 0; margin-right: 0; } /* @end */ /* @group photo album */ .thumbnail-wrap { margin-bottom: 10%; } /* @end */ /* @group blog */ .blog-entry-date { } p.blog-entry-tags { margin-left: 3%; margin-right: 2.9%; } #blog-archives { width: 89%; } #blog-categories { width: 89%; } ul.blog-tag-cloud { width: 89%; } /* @end */ /* @group Sitemap */ .rw-sitemap { transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; width: 95%; } /* @end */ } @media only screen and (max-width: 320px) { form { text-align: center; } } /* ___________________________ */ @media only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) { /* iPhone 5 only */ }