/* www.multithemes.com */ /* @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: 30px/33px 'JustVector'; display:inline-block; position:relative; text-align: center; margin: 3px 6px 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; transition: all 0.27s linear; -moz-transition: all 0.27s linear; -webkit-transition: all 0.27s linear; -o-transition: all 0.27s linear; border-style: none; padding: 0; } 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, #extraContainer3 span.social a, #sidebarContainer span.social a, span.social a { text-shadow: none; } #extraContainer1 span.social a:hover, #extraContainer2 span.social a:hover, #extraContainer3 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: 'WalkwaySemiBoldRegular'; src: url('css/webfonts/walkway/Walkway_SemiBold-webfont.eot'); src: url('css/webfonts/walkway/Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/walkway/Walkway_SemiBold-webfont.woff') format('woff'), url('css/webfonts/walkway/Walkway_SemiBold-webfont.ttf') format('truetype'), url('css/webfonts/walkway/Walkway_SemiBold-webfont.svg#WalkwaySemiBoldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WalkwayBoldRegular'; src: url('css/webfonts/walkway/Walkway_Bold-webfont.eot'); src: url('css/webfonts/walkway/Walkway_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/walkway/Walkway_Bold-webfont.woff') format('woff'), url('css/webfonts/walkway/Walkway_Bold-webfont.ttf') format('truetype'), url('css/webfonts/walkway/Walkway_Bold-webfont.svg#WalkwayBoldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WalkwayUltraBoldRegular'; src: url('css/webfonts/walkway/Walkway_UltraBold-webfont.eot'); src: url('css/webfonts/walkway/Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/walkway/Walkway_UltraBold-webfont.woff') format('woff'), url('css/webfonts/walkway/Walkway_UltraBold-webfont.ttf') format('truetype'), url('css/webfonts/walkway/Walkway_UltraBold-webfont.svg#WalkwayUltraBoldRegular') format('svg'); font-weight: normal; font-style: normal; } /* 1 ---- Walkway */ @font-face { font-family: 'CuprumFFURegular'; src: url('css/webfonts/cuprum_ffu/Cuprum-webfont.eot'); src: url('css/webfonts/cuprum_ffu/Cuprum-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/cuprum_ffu/Cuprum-webfont.woff') format('woff'), url('css/webfonts/cuprum_ffu/Cuprum-webfont.ttf') format('truetype'), url('css/webfonts/cuprum_ffu/Cuprum-webfont.svg#CuprumFFURegular') format('svg'); font-weight: normal; font-style: normal; } /* 2 ------- CuprumFFU */ @font-face { font-family: 'QlassikMediumRegular'; src: url('css/webfonts/qlassik-medium/Qlassik_TB-webfont.eot'); src: url('css/webfonts/qlassik-medium/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/qlassik-medium/Qlassik_TB-webfont.woff') format('woff'), url('css/webfonts/qlassik-medium/Qlassik_TB-webfont.ttf') format('truetype'), url('css/webfonts/qlassik-medium/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg'); font-weight: normal; font-style: normal; } /* 3 ------- Qlassik */ @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; } /* 4 ------- DISCO */ @font-face { font-family: 'ImpactLabelRegular'; src: url('css/webfonts/impact-label/Impact_Label-webfont.eot'); src: url('css/webfonts/impact-label/Impact_Label-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/impact-label/Impact_Label-webfont.woff') format('woff'), url('css/webfonts/impact-label/Impact_Label-webfont.ttf') format('truetype'), url('css/webfonts/impact-label/Impact_Label-webfont.svg#ImpactLabelRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ImpactLabelReversedRegular'; src: url('css/webfonts/impact-label/Impact_Label_Reversed-webfont.eot'); src: url('css/webfonts/impact-label/Impact_Label_Reversed-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/impact-label/Impact_Label_Reversed-webfont.woff') format('woff'), url('css/webfonts/impact-label/Impact_Label_Reversed-webfont.ttf') format('truetype'), url('css/webfonts/impact-label/Impact_Label_Reversed-webfont.svg#ImpactLabelReversedRegular') format('svg'); font-weight: normal; font-style: normal; } /* 5 -------ImpactLabelReversed */ @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; } /* 6 ------- Bebas */ @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; } /* 7 ------- GoudyBookletter1911 */ @font-face { font-family: 'QuicksandLight'; src: url('css/webfonts/quicksand/Quicksand_Light-webfont.eot'); src: url('css/webfonts/quicksand/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/quicksand/Quicksand_Light-webfont.woff') format('woff'), url('css/webfonts/quicksand/Quicksand_Light-webfont.ttf') format('truetype'), url('css/webfonts/quicksand/Quicksand_Light-webfont.svg#QuicksandLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBook'; src: url('css/webfonts/quicksand/Quicksand_Book-webfont.eot'); src: url('css/webfonts/quicksand/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/quicksand/Quicksand_Book-webfont.woff') format('woff'), url('css/webfonts/quicksand/Quicksand_Book-webfont.ttf') format('truetype'), url('css/webfonts/quicksand/Quicksand_Book-webfont.svg#QuicksandBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBold'; src: url('css/webfonts/quicksand/Quicksand_Bold-webfont.eot'); src: url('css/webfonts/quicksand/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/quicksand/Quicksand_Bold-webfont.woff') format('woff'), url('css/webfonts/quicksand/Quicksand_Bold-webfont.ttf') format('truetype'), url('css/webfonts/quicksand/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandDash'; src: url('css/webfonts/quicksand/Quicksand_Dash-webfont.eot'); src: url('css/webfonts/quicksand/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/quicksand/Quicksand_Dash-webfont.woff') format('woff'), url('css/webfonts/quicksand/Quicksand_Dash-webfont.ttf') format('truetype'), url('css/webfonts/quicksand/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg'); font-weight: normal; font-style: normal; } /* 8 ------- Quicksand */ @font-face { font-family: 'CapsuulaRegular'; src: url('css/webfonts/capsuula/Capsuula-webfont.eot'); src: url('css/webfonts/capsuula/Capsuula-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/capsuula/Capsuula-webfont.woff') format('woff'), url('css/webfonts/capsuula/Capsuula-webfont.ttf') format('truetype'), url('css/webfonts/capsuula/Capsuula-webfont.svg#CapsuulaRegular') format('svg'); font-weight: normal; font-style: normal; } /* 9 ------- Capsuula */ @font-face { font-family: 'StMarieThin'; src: url('css/webfonts/st-marie/StMarie-Thin-webfont.eot'); src: url('css/webfonts/st-marie/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/st-marie/StMarie-Thin-webfont.woff') format('woff'), url('css/webfonts/st-marie/StMarie-Thin-webfont.ttf') format('truetype'), url('css/webfonts/st-marie/StMarie-Thin-webfont.svg#StMarieThin') format('svg'); font-weight: normal; font-style: normal; } /* 10 ------- StMarieThin */ @font-face { font-family: 'SortsMillGoudyRegular'; src: url('css/webfonts/sorts-mill-goudy/GoudyStM-webfont.eot'); src: url('css/webfonts/sorts-mill-goudy/GoudyStM-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/sorts-mill-goudy/GoudyStM-webfont.woff') format('woff'), url('css/webfonts/sorts-mill-goudy/GoudyStM-webfont.ttf') format('truetype'), url('css/webfonts/sorts-mill-goudy/GoudyStM-webfont.svg#SortsMillGoudyRegular') format('svg'); font-weight: normal; font-style: normal; } /* 11 ------- SortsMillGoudy */ @font-face { font-family: 'QumpellkaNo12Regular'; src: url('css/webfonts/qumpellkano12/QumpellkaNo12-webfont.eot'); src: url('css/webfonts/qumpellkano12/QumpellkaNo12-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/qumpellkano12/QumpellkaNo12-webfont.woff') format('woff'), url('css/webfonts/qumpellkano12/QumpellkaNo12-webfont.ttf') format('truetype'), url('css/webfonts/qumpellkano12/QumpellkaNo12-webfont.svg#QumpellkaNo12Regular') format('svg'); font-weight: normal; font-style: normal; } /* 12 ------- qumpellkano12 */ @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; } /* 13 ------- ChunkFive */ @font-face { font-family: 'pompiere_regular'; src: url('css/webfonts/pompiere/pompiere-regular-webfont.eot'); src: url('css/webfonts/pompiere/pompiere-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/pompiere/pompiere-regular-webfont.woff') format('woff'), url('css/webfonts/pompiere/pompiere-regular-webfont.ttf') format('truetype'), url('css/webfonts/pompiere/pompiere-regular-webfont.svg#pompiere_regular') format('svg'); font-weight: normal; font-style: normal; } /* 14 ------- pompiere */ /* @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 Extracontent Box */ #extraContainer1 { padding: 0 16px; display: none; margin-top: 0; margin-bottom: 25px; text-align: justify; } #extraContainer2 { padding: 0 16px; position: relative; display: none; top: 0; margin-top: 10px; margin-bottom: 10px; text-align: justify; } /* @end */ /* @group Extra */ /* Extra - Viewing Tab */ #viewingButton { position: absolute; text-align: center; bottom: 0; border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; } #viewingButton #text { float: left; position: relative; z-index: 0; font-size: 18px; font-weight: normal; padding: 7px 20px 16px; font-style: normal; margin-bottom: 0; } /* Extra - PNG shadows and glossy */ #shadowtop { margin: 0; padding: 0; } #shadowpage { height: 22px; margin: 0; padding: 0; } /* viewing TEXT - horizontal - toolbar ON */ #viewingButton2 { position: absolute; display: inline; bottom: -58px; margin-right: 0; margin-left: 0; text-align: center; width: 100%; right: 0; height: 41px; font-size: 31px; color: #d4d4d4; line-height: 37px; } #viewingButton2 #text {} #tape {} #top_tile {} /* @end */ /* @group general styles */ body { text-align: center; padding: 0; margin: 0 0 25px; } p { } b, strong { } a:link, a:visited { text-decoration: none; /* web-kit transition links */ transition-property: color; transition-duration: 220ms; -webkit-transition-property: color; -webkit-transition-duration: 220ms; -o-transition-property: color; -o-transition-duration: 220ms; -moz-transition-property: color; -moz-transition-duration: 220ms; } a:hover, a:active { } img { border-style: none; } .image-left { float: left; margin: 3px 3px 3px 0; padding: 3px 3px 3px 0; } .image-right { float: right; margin: 3px 0 3px 3px; padding: 3px 0 3px 3px; } /* @end */ /* @group layout */ /* break-word classes */ #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, #extraContainer1 h6, #extraContainer3 h1, #extraContainer3 h2, #extraContainer3 h3, #extraContainer3 h4, #extraContainer3 h5, #extraContainer1 h6, a:link, a:visited, a:hover, a:active { 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 */ } /* break-word classes */ /* centered header with RWmultitool */ #top_center {} /* --end centered header */ #flashcontent { text-align: center } .clearer { clear: both; } #container { margin: 0px auto; text-align: left; } #pageHeader { display: block; margin: 0 auto 0px; } #pageHeader img { margin: 10px 10px 0; position: absolute; top: 0; } #pageHeader h1 { margin: 0 !important; padding-bottom: 8px; padding-right: 20px; padding-left: 20px; } #pageHeader h2 { margin: 0 !important; padding-right: 20px; padding-left: 20px; } #contentContainer #content { padding-right: 16px; padding-left: 16px; margin-top: 0; } #contentContainer { margin: 0 0 15px; padding: 0; } #sidebarContainer { position: relative; margin: 0; padding: 0; } #sidebarContainer #sidebar { margin-right: auto; margin-top: 15px; margin-left: auto; } /* ---SIDEBAR WIDTH */ #sidebarContainer #sidebar, #sidebarContainer, #navcontainer2 { width: 210px; } /* ---SIDEBAR WIDTH */ #sidebarContainer .sideHeader { font-weight: normal; background: 0px; margin: 0; font-style: normal; text-align: center; padding-top: 10px; padding-bottom: 0; } #sidebarContainer .lastpublished {} #footer { text-align: left; position: relative; padding: 10px; margin: 0; } #footer p { background-position: right bottom; background-repeat: no-repeat; margin: 0; } #footer a:link, #footer a:visited {} #footer a:hover, #footer a:active {} /* @end */ /* @group bread crumb 2 Top */ #breadcrumbcontainer2 { padding-left: 15px; position: relative; z-index: 5; } #breadcrumbcontainer2 ul { list-style: none; margin: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #breadcrumbcontainer2 li { float: left; display: inline; position: relative; } #breadcrumbcontainer2 a { padding-left: 21px; background: url(images/elements/icons/bread_crumb.png) no-repeat left 50%; } #breadcrumbcontainer2 a:hover { background: url(images/elements/icons/bread_crumb.png) no-repeat left 50%; } /* @end */ /* @group bread crumb 1 below STANDARD */ #breadcrumbcontainer { padding-left: 10px; padding-bottom: 15px; padding-top: 6px; margin-bottom: 10px; } #breadcrumbcontainer ul { list-style: none; margin: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #breadcrumbcontainer li { display: inline; float: left; } #breadcrumbcontainer a { background: url(images/elements/icons/bread_crumb.png) no-repeat left 50%; padding-left: 20px; } #breadcrumbcontainer a:hover { background: url(images/elements/icons/bread_crumb.png) no-repeat left 50%; } /* @end */ /* @group Toolbar - horizontal */ #navcontainer { position: relative; text-align: center; margin-right: 0; margin-left: 25px; left: 0; margin-bottom: 0; width: 94%; height: 70px; } #navcontainer .current, #navcontainer .currentAncestor { background: url(images/elements/icons/toolbar_icon_hover.png) no-repeat 0 50%; font-weight: bold; } /* x */ #navcontainer ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 24px; left: 0; } #navcontainer li { display: inline; float: left; } #navcontainer a{ background: url(images/elements/icons/toolbar_icon_normal.png) no-repeat 0 50%; display: block; text-align: center; padding-right: 12px; padding-left: 16px; font-size: 17px; line-height: 21px; } #navcontainer a:hover, #navcontainer a:active { background: url(images/elements/icons/toolbar_icon_hover.png) no-repeat 0 50%;} /* I */ #navcontainer ul ul { /* background: transparent none; left: 0; position: absolute; top: 22px; */ display: none; } #navcontainer ul .currentContainer ul { display: block; } #navcontainer ul .currentContainer ul ul { display: none; } #navcontainer ul ul li { background: transparent none; } #navcontainer ul ul a { margin-right: 0; margin-left: 0; padding-right: 2px; padding-left: 16px; background: none; font-size: 12px; padding-top: 3px; line-height: 13px; } #navcontainer ul ul a:active { background: none; } #navcontainer ul ul a:hover{ background: transparent none; } #navcontainer ul ul .current { font-weight: bold; background: transparent none; } #navcontainer ul ul .currentAncestor { background: none; font-weight: bold; } /* II --> none */ #navcontainer ul ul ul { display: none; } /* #navcontainer ul ul ul { position: absolute; left: 0; top: 18px; margin: 0; white-space: nowrap; padding: 0px 0px 0px 0; background: transparent none; display: none; } #navcontainer ul ul ul li { background: transparent none; } #navcontainer ul ul ul li a { background: transparent none; font-size: 11px; } #navcontainer ul ul ul a:active { background: none; } #navcontainer ul ul ul li a:hover { background: transparent none; } #navcontainer u ul ul .current { font-weight: bold; background: transparent none; } #navcontainer ul ul ul ul { background: transparent none; display: none; }*/ /* @end */ /* @group Toolbar - vertical in sidebar */ #navcontainer2 { margin: 1px auto 20px; } #navcontainer2 ul { list-style: none; margin: 0px; padding: 0px; text-align: left; position: relative; text-indent: 18px; background: url(images/elements/png/sidebar_menu.png) repeat-y center top; } #navcontainer2 li { display: inline; text-align: left; position: relative; } #navcontainer2 a { display: none; text-decoration: none; text-align: left; position: relative; font-size: 15px; line-height: 36px; background: url(images/elements/icons/toolbar_icon_small_normal.png) no-repeat 6px 50%; transition: All 0.30s linear; -webkit-transition: All 0.30s linear; -moz-transition: All 0.30s linear; -o-transition: All 0.30s linear; height: 38px; } #navcontainer2 a:hover { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 6px 50%; transition: All 0.12s linear; -webkit-transition: All 0.12s linear; -moz-transition: All 0.12s linear; -o-transition: All 0.12s linear; } #navcontainer2 ul .current { font-weight: bold; background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 6px 50%; } #navcontainer2 .currentAncestor { font-weight: bold; } /* Child - Level 1 */ #navcontainer2 ul ul > li {} #navcontainer2 ul ul { text-align: left; text-indent: 28px; background-image: none; } #navcontainer2 ul ul li { display: block; } #navcontainer2 ul ul a { display: block; background: url(images/elements/icons/toolbar_icon_small_normal.png) no-repeat 16px 50%; } #navcontainer2 ul ul a:hover { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 16px 50%; } #navcontainer2 ul ul .current { font-weight: bold; background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 16px 50%; } #navcontainer2 ul ul .currentAncestor {} /* Child - Level 2 */ #navcontainer2 ul ul ul { text-indent: 38px; } #navcontainer2 ul ul ul li {} #navcontainer2 ul ul ul a { background: url(images/elements/icons/toolbar_icon_small_normal.png) no-repeat 26px 50%; } #navcontainer2 ul ul ul a:hover { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 26px 50%; } #navcontainer2 ul ul ul .current { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 26px 50%; } #navcontainer2 ul ul ul .currentAncestor {} /* Child - Level 3 */ #navcontainer2 ul ul ul ul { text-indent: 48px; } #navcontainer2 ul ul ul ul li {} #navcontainer2 ul ul ul ul a { background: url(images/elements/icons/toolbar_icon_small_normal.png) no-repeat 36px 50%; } #navcontainer2 ul ul ul ul a:hover { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 36px 50%; } #navcontainer2 ul ul ul ul .current { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 36px 50%; } #navcontainer2 ul ul ul ul .currentAncestor {} /* Child - Level 4 */ #navcontainer2 ul ul ul ul ul { text-indent: 58px; } #navcontainer2 ul ul ul ul ul li {} #navcontainer2 ul ul ul ul ul a { background: url(images/elements/icons/toolbar_icon_small_normal.png) no-repeat 46px 50%;; } #navcontainer2 ul ul ul ul ul a:hover { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 46px 50%; } #navcontainer2 ul ul ul ul ul .current { background: url(images/elements/icons/toolbar_icon_small_hover.png) no-repeat 46px 50%; } #navcontainer2 ul ul ul ul ul .currentAncestor {} /* @end */ /* @group Toolbar - devices - RESPONSIVE - start at 719px */ /* DIV for Button menu */ #navcontainer3menu { background: url(images/elements/icons/responsive_menu_icon.png) no-repeat 2% 50%; padding: 0; height: 70px; display: none; width: 100%; margin: 0; opacity: 0.9; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; -o-transition: All 0.15s linear; transition-delay: 80ms; -webkit-transition-delay: 80ms; -o-transition-delay: 80ms; -moz-transition-delay: 80ms; } #navcontainer3menu:hover { opacity: 1.0; -webkit-transition: All 0.1s linear; -moz-transition: All 0.1s linear; -o-transition: All 0.1s linear; } #navcontainer3menu:active { background: url(images/elements/icons/responsive_menu_icon_active.png) no-repeat 2% 50%; -webkit-transition: All 0.0s linear; -moz-transition: All 0.0s linear; -o-transition: All 0.0s linear; } #navcontainer3menu:before {content: ""; } #navcontainer3menu:after {content: ""; } /* -----on off */ #navcontainer3 { display: none; background: url(images/elements/png/device_toolbar_background.png) repeat center top; opacity:0.9; width: 90%; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; box-shadow: 0px 0px 5px 0px #656565 ; -webkit-box-shadow: 0px 0px 5px 0px #656565 ; -moz-box-shadow: 0px 0px 5px 0px #656565 ; margin: 0 4.5% 5px 5.5%; padding: 0; overflow: auto; } /* -----on off */ #navcontainer3 ul { text-align: left; list-style: none; margin: 0px; padding: 0px; position: relative; text-indent: 40px; } #navcontainer3 li { position: relative; display: block; } #navcontainer3 li:hover { background: url(images/elements/png/device_toolbar_menu_background.png) no-repeat left top; } #navcontainer3 li:hover > ul { visibility: visible; } #navcontainer3 a { text-decoration: none; text-align: left; position: relative; font-size: 23px; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; line-height: 31px; display: block; clear: left; float: none; background: url(images/elements/png/line_oriz_menu.png) repeat-x left top; /* border-bottom: 1px solid #c9c9c9; */ } #navcontainer3 a:hover { text-shadow: none; } #navcontainer3 .current {} #navcontainer3 .current:hover {} /* Child - Level 0 */ #navcontainer3 ul a {} #navcontainer3 ul li {} #navcontainer3 ul li:hover {} #navcontainer3 ul .current {} #navcontainer3 ul .currentAncestor {} /* ------PARENT first menu explorable + hover */ .parent { /* WAS #navcontainer3 .parent */ transition: All 0s linear; -webkit-transition: All 0s linear; -moz-transition: All 0s linear; -o-transition: All 0s linear; background: url(images/elements/png/parent.png) no-repeat left bottom; } .parent:hover { transition: All 0s linear; -webkit-transition: All 0s linear; -moz-transition: All 0s linear; -o-transition: All 0s linear; } /* Child - Level 1 b */ #navcontainer3>ul>li:first-child>a {} #navcontainer3 ul ul { text-indent: 15px; margin-left: 8%; width: 92%; } #navcontainer3 ul ul li { padding-left: 0; } #navcontainer3 ul ul a { font-size: 18px; display: inline-block; float: left; clear: right; z-index: 2; background: transparent url(images/elements/png/devices_gradient.png) repeat-x -120px -30px; margin-top: 0; margin-bottom: 0; padding: 8px 15px 8px 0; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; -o-transition: All 0.15s linear; border-bottom-style: none; } #navcontainer3 ul ul a:hover { background: url(images/elements/png/devices_gradient.png) repeat-x 0 0; transition: All 0.25s linear; -webkit-transition: All 0.25s linear; -moz-transition: All 0.25s linear; -o-transition: All 0.25s linear; } #navcontainer3 ul ul .current { background: none 0 0; background: url(images/elements/png/grey_20.png) repeat; } #navcontainer3 ul ul .currentAncestor { background: none 0 0; background: url(images/elements/png/grey_10.png) repeat; } /* Child - Level 2 */ #navcontainer3 ul ul ul {} #navcontainer3 ul ul ul li {} #navcontainer3 ul ul ul a {} #navcontainer3 ul ul ul a:hover {} #navcontainer3 ul ul ul .current {} #navcontainer3 ul ul ul .currentAncestor {} /* Child - Level 3 */ #navcontainer3 ul ul ul ul {} #navcontainer3 ul ul ul ul li {} #navcontainer3 ul ul ul ul a {} #navcontainer3 ul ul ul ul a:hover {} #navcontainer3 ul ul ul ul .current {} #navcontainer3 ul ul ul ul .currentAncestor {} /* Child - Level 4 */ #navcontainer3 ul ul ul ul ul {} #navcontainer3 ul ul ul ul ul li {} #navcontainer3 ul ul ul ul ul a {} #navcontainer3 ul ul ul ul ul a:hover {} #navcontainer3 ul ul ul ul ul .current {} /* @end */ /* @group Global Classes and blockquote */ /* code editable */ code { padding: 10px; margin-left: 15px; display: block; margin-right: 15px; border-width: 1px; border-style: dashed; font-family: Courier, "Courier New", sans-serif; } /* blockquote */ blockquote p { border-style: none; font-size: 13px; } .standout, blockquote { text-align: left; 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; } .standout, #sidebar blockquote { 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; } /* h.......... */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 0 0.1em; } .imageStyle { border: 1px none; } /* Main content area unordered list styles */ #contentContainer #content ul { } #contentContainer #content li { } ul.disc { } ul.circle { } ul.square { } ol.arabic-numbers { } ol.upper-alpha { } ol.lower-alpha { } ol.upper-roman { } ol.lower-roman { } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul { } #sidebarContainer #sidebar li { } /* Table Styles */ table { border: 1px solid; border-collapse: collapse; } td { border: 1px solid; background-color: transparent; } th { background-color: transparent; } /* Hide Borders - Code and Table */ table, th, td, code { border: 0px solid; } /* Hide current bvackground color in Table background */ table, td, th, code, .filesharing-description, .movie-description { background: transparent url(images/elements/icons/blank.gif) repeat left top; } /* @end */ /* @group blog */ /* @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-weight: bold; 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/archives_2.png) no-repeat 5px center; text-align: left; text-indent: 41px; margin-bottom: 22px; } /* ------------ */ .blog-archive-link a:hover { text-decoration: none; } /* ------------ */ /* @end */ .blog-entry { text-align: left; margin-bottom: 30px; } .blog-entry-title { width: 94%; position: relative; margin-bottom: 0; padding-bottom: 10px; } .blog-entry-title:hover {} .blog-entry-title a { text-decoration: none; } .blog-entry-date { background: url(images/elements/png/gradient_vertical_1.png) repeat center top; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow: 0px 1px 4px 0px #5f5f5f inset ; -webkit-box-shadow: 0px 1px 4px 0px #5f5f5f inset ; -moz-box-shadow: 0px 1px 4px 0px #5f5f5f inset ; text-align: left; padding: 6px 2%; width: 96%; margin-top: 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 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: 15px; padding: 0; margin-top: 8px; } .blog-entry-comments { text-align: right; padding-right: 5px; margin-bottom: 15px; margin-top: 10px; } /* styles the archives in the blog sidebar */ /* ---box vertical tile------------------------------- */ #blog-archives { padding: 3%; margin-top: 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background: url(images/elements/png/grey_10.png) repeat; } .blog-archive-link-enabled { background: url(images/elements/icons/pen.png) no-repeat 2px 0; font-weight: bold; font-size: 12px; padding-left: 26px; } .blog-archive-link-enabled:hover { background-position: 1px 0; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; } .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; } /* Styles the blog categories in the blog sidebar */ /* ---box top------------------------------------- */ #blog-categories { margin-top: 10px; padding: 3%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background: url(images/elements/png/grey_10.png) repeat; } .blog-category-link-enabled, .blog-category-link-disabled { font-size: 13px; padding-bottom: 0; line-height: 20px; padding-left: 27px; 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 { margin-top: 11px; } .blog-rss-link { background: url(images/elements/icons/rss.png) no-repeat 0 0; font-size: 14px; font-style: italic; padding: 5px 0 6px 31px; letter-spacing: 0; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 4px; } p.blog-entry-tags { background: url(images/elements/png/grey_10.png) repeat center top; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 5px 15px; } p.blog-entry-tags a { margin-left: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-bottom: 4px; padding-left: 18px; padding-right: 1px; } /* 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 1px; } /* Styles blog tag links hover state */ p.blog-entry-tags a:hover { transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; background-position: 0 0; } /* 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 { padding: 5%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: url(images/elements/png/grey_10.png) repeat; margin-top: 10px; } /* 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 {} /* @end */ /* @group Sitemap */ .rw-sitemap { width: 70%; margin-top: 20px; margin-bottom: 25px; padding: 0 0 0 25px; margin-left: 17.5%; } .rw-sitemap ul { padding: 0; margin-bottom: 11px; list-style-image: url(images/elements/icons/sitemap_right.png); list-style-position: inside; } .rw-sitemap ul li { margin: 0 0 5px; text-transform: none; padding: 2px 3px 0 15px; } .rw-sitemap ul:hover {} .rw-sitemap ul a { padding: 0 8px 0 0; } .rw-sitemap ul li:hover {} .rw-sitemap ul li li a {} .rw-sitemap ul ul { margin-top: 7px; list-style-position: inside; list-style-image: url(images/elements/icons/sitemap_right.png); padding: 0; } .rw-sitemap ul ul li { position: relative; } .rw-sitemap ul ul:hover{ list-style-position: inside; list-style-image: url(images/elements/icons/sitemap_right.png); } .rw-sitemap ul ul li:hover { position: relative; z-index: 3; margin-right: 0; margin-left: 0; } .rw-sitemap ul:last-child { padding-right: 8px; } .rw-sitemap ul li:last-child { margin-bottom: -5px; } .rw-sitemap ul li:last-child:hover {} /* @end */ /* @group file sharing */ .filesharing-description { margin-bottom: 20px; } .filesharing-item { float: left; display: inline-table; background: url(images/elements/png/grey_10.png) repeat; margin: 1.98%; width: 45%; padding-top: 10px; } .filesharing-item-title a:link, .filesharing-item-title a:visited { background: url(images/elements/icons/download.png) no-repeat 0 48%; transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; padding-left: 31px; } .filesharing-item-title a:hover { background: url(images/elements/icons/download_hover.png) no-repeat 0 58%; transition: all 0.05s linear; -moz-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; -o-transition: all 0.05s linear; } .filesharing-item-title a:visited {} .filesharing-item-description { font-weight: normal; padding-top: 5px; padding-bottom: 15px; width: 84%; margin-right: auto; margin-left: auto; } /* @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; border-bottom-width: 1px; border-bottom-style: solid; } .album-description { text-align: left; margin-bottom: 65px; padding-top: 9px; padding-bottom: 5px; } .album-wrapper { display: block; width: 92%; position: relative; padding-left: 7%; } .thumbnail-wrap { text-align: center; position: relative; float: left; margin-bottom: 63px; margin-right: 6%; padding-bottom: 4%; } .thumbnail-frame { bottom: 0; left: 0; position: relative; z-index: 1; /* margin: 0; padding: 0; */ } /* icon over thumbnail */ /* transition-delay: 180ms; -webkit-transition-delay: 180ms; -o-transition-delay: 180ms; -moz-transition-delay: 180ms; transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -moz-transition: all 0.20s linear; -o-transition: all 0.20s linear; */ .thumbnail-frame a:before { opacity:0.1; content:url(images/elements/icons/icon_photo_1.png); z-index:1; position: absolute; top: 10px; right: -9px; } .thumbnail-frame a:hover:before { opacity:0.8; } /* NEW */ .thumbnail-frame img { border: none; margin: auto auto -5px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; background: url(images/elements/png/photo_album_movie_back_1.png) repeat-x left bottom; padding: 10px; border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; } .thumbnail-frame img:hover {/* margin-top: -3px; */} .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/photo_album_movie_back_tile.png) repeat; 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; text-transform: uppercase; margin: -1px 0 0; /* fixed padding, also responsive_font.css + font_size_3.css*/ padding: 0 10px 10px; width: 100%; color: #fff; } .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/png/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; 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; -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/png/grey_30.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{ clear: both; height: auto; max-width: 95%; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 2px 11px 0px #232323 ; -webkit-box-shadow: 0px 2px 11px 0px #232323 ; -moz-box-shadow: 0px 2px 11px 0px #232323 ; margin: 0; padding: 0; } .photo-frame:hover{} /* @end */ html > body .photo-background {} html > body .photo-navigation {} /* @group EXIF data */ /* Data wrapper */ .exif-data { padding: 5px 4px 10px 20px; 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; background: url(images/elements/png/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 quicktime page */ .movie-description { margin-top: 15px; } /* @end */ /* @group quicktime album */ /* Index Page */ .movie-page-title { font-weight: bold; margin-top: 0; text-indent: 10px; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; text-indent: 10px; padding-top: 4px; position: relative; } .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: 41%; height:auto !important; max-width: 300px; background: url(images/elements/png/photo_album_movie_back_1.png) repeat-x; padding: 9px; clear: none; margin: 3%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; -o-transition: All 0.15s linear; } .movie-thumbnail-frame:hover{ /* transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; -o-transition: All 0.15s linear; top: -3px; position: relative; */ } .movie-thumbnail-frame img{ width:100% !important; height:auto !important; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:px; } .movie-thumbnail-caption { text-align: center; width:auto; border-radius:0 0 3px 3px; text-shadow:none; color:#fff; 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; top: 33%; left: 41%; z-index:1; } /* ---- Single Page movie end */ #movieAlbum .movie-thumbnail-caption{visibility:visible} .lastMov{margin-bottom:5px} /* @end */ /* @group contact form */ form { margin-left: 20px; } .message-text { margin-left: 20px; text-align: left; } .required-text { text-align: left; } .form-input-field { width: 93%; top: 4px; position: relative; padding: 6px; border: 1px inset #cfcfcf; background: url(images/elements/png/grey_15.png) repeat; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; text-align: left; } .form-input-field:hover { transition: all 0.11s ease-in-out; -moz-transition: all 0.11s ease-in-out; -webkit-transition: all 0.11s ease-in-out; -o-transition: all 0.11s ease-in-out; box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -webkit-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -moz-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); border-style: inset; border-color: #7ba2cf; } .form-input-field:focus { width: 94%; transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; position: relative; z-index: 3; background: url(images/elements/png/grey_white_30.png) repeat; } /* button */ .form-input-button { padding: 6px 12px; color: #2d2d2d; text-transform: uppercase; margin: 10px 10px 0 0; background: transparent url(images/elements/png/over_box_button.png) repeat 0 6px; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -o-transition: all 0.20s linear; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-shadow: #c4c4c4 0 1px 0; font-weight: normal; letter-spacing: 1px; font-style: normal; border-width: 1px; } .form-input-button:hover { background: url(images/elements/png/over_box_button.png) repeat 0 -6px; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .form-input-button:focus {} /* @end */ /* @group Tipsy */ .tipsy { position: absolute; padding: 5px; z-index: 100000; font: 15px "Lucida Grande", Lucida, Verdana, sans-serif; } .tipsy-inner { /* padding: 5px 8px 4px 8px; */ background-color: #000; color: #FFF; max-width: 200px; padding: 4px 10px 6px; text-align: center; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; 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 setting */ /* 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, #extraContainer2, #extraContainer3, #extraContainer4, h1, h2, h3, h4, h5, h6 { font-size: 100%; font: inherit; } /* ---main--- 16px=100% Content text 14px=0.875em */ #container { line-height: 1.6em; font-size: 0.875em;} #sidebarContainer { font-size: 0.906em; line-height: 1.6em; } /* ---classes--- */ h1 { font-size: 2.200em; line-height: 1.250em;} h2 { font-size: 1.850em; line-height: 1.250em;} h3 { font-size: 1.530em; line-height: 1.250em;} h4 { font-size: 1.313em; line-height: 1.250em;} h5 { font-size: 1.188em; line-height: 1.250em;} h6 { font-size: 1.000em; line-height: 1.250em;} /* ---elements--- */ #breadcrumbcontainer a { font-size: 0.875em; line-height: 1.1em; } #footer { font-size: 0.938em;} /* ---text--- */ #pageHeader h2 { letter-spacing: 1px; line-height: 1.27em; font-size: 1.4em; } #sidebarContainer .sideHeader {font-size: 1.3em;} .blog-entry-title a { font-size: 0.9em;} .blog-entry-date, .blog-entry-comments, p.blog-entry-tags a { font-size: 0.9em;} code {font-size: 0.875em;} blockquote p { font-size: 1.1em;} .standout, blockquote { font-size: 1.3em;} .standout, #sidebar blockquote { font-size: 1.1em;} .album-title { font-size: 1.125em; line-height: 1.313em; } .movie-page-title { font-size: 1.4em;} .movie-title { font-size: 1em;} .filesharing-item-title a {font-size: 1.3em;} .rw-sitemap ul a { font-size: 1.063em; } .rw-sitemap ul li li a { font-size: 0.938em;} .photo-title { letter-spacing: 1px; font-size: 1.3em; } .form-input-button, .form-input-field { font-size: 1em; } /* size in pixel below */ #viewingButton2 {font-size: 31px;} #breadcrumbcontainer2 { font-size: 16px; line-height: 70px; } .photo-links { font-size: 16px;} .movie-thumbnail-caption { font-size: 12px; line-height: 14px;} .thumbnail-caption { font-size: 13px; } /* @end */ /* www.multithemes.com */ /* controls where the navigation should appear */ #navigation_position { top: 1px !important; }