*/
.clearfix:before,
.clearfix:after{
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both; }
.clearfix {
zoom: 1; }
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*** END OF GLOBAL ***/
/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;}
h3, h4, h5, h6{margin-bottom:10px;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:20px;}
h4 {font-size:15px; line-height:20px;}
h5{font-size:14px; line-height:20px;}
h6 {font-size:13px; line-height:20px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'DroidSansRegular', sans-serif, Arial, Helvetica; color:#202020;}
.pagetitle{margin:0}
.uppercase{text-transform:uppercase;}
.smalltitle{font-size:13px; color:#4e4e4e; font-family:'DroidSansRegular', sans-serif, Arial, Helvetica; text-transform:capitalize}
.valignmiddle{vertical-align:middle; margin-bottom:25px}
/* links */
a, a:visited {text-decoration:none; font-weight:normal; color:#edbe01 }
a:hover{text-decoration:underline; color:#edbe01}
a img{border:none}
/* float align */
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 20px;
margin-top: 3px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 20px;
margin-top: 5px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignnone,
img.alignnone {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:3px;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
margin-bottom: 12px;
}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
margin-bottom:20px;
}
ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
ol {
list-style: decimal;
margin: 0 0 18px 2.2em;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
blockquote {
margin:0px 0 20px 0px;
padding:0px 10px 0px 50px;
background-image:url(../images/quote.png);
background-repeat:no-repeat;
background-position:0px 0px;
clear:both;
font-size:16px;
line-height:25px;
font-family:'Ubuntu', Georgia, Arial;
font-style:italic
}
blockquote.left, blockquote.right {
float:right;
letter-spacing:0px;
margin-bottom:20px;
margin-left:20px;
margin-top:0px;
padding:0px 20px 10px 60px;
width:43%;
background-position:0px 0px;
}
blockquote.left{
float:left;
margin-left:0px;
margin-right:20px;}
blockquote p{margin-bottom:0px; font-size:16px; line-height:20px}
/* code */
code {
font-family:Verdana, Arial;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #cfcfcf;
padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/
/*** FRONT (DEFAULT) PAGE MENU/LOGO ***/
#front-menu
{
height:52px;
position:fixed;
top: 90px;
right: 50px;
float:right;
font-family: 'arial', serif;
font-weight:normal;
font-size:16px;
text-transform: uppercase;
}
#front-menu .menu-item {
position:relative;
background-color:#f0f0f0;
float:left;
width:52px;
margin:0px 5px;
height:52px;
padding: 0px;
cursor:pointer;
overflow:hidden;
border:1px solid #ddd;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}
#front-menu .menu-link {
left:2px;
top:2px;
position:absolute;
width:48px;
height:48px;
}
#front-menu .icon-home {background:transparent url(../images/menu/home-icon.png) no-repeat center center;}
#front-menu .icon-paper{background:transparent url(../images/menu/paper-icon.png) no-repeat center center;}
#front-menu .icon-contact{background:transparent url(../images/menu/contact-icon.png) no-repeat center center;}
#front-menu .menu-item-content {
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px;
background:transparent;
display:none;
}
#front-menu .menu-item-content h2 {
color:#000;
background-color:transparent;
font-size: 13px;
font-weight:bold;
margin:0; padding:0;
margin-top: 2px;
text-shadow: 1px 1px 1px #fff;
}
#front-menu .menu-item-content span {
background-color:transparent;
margin:0; padding:0;
display:none;
}
#front-menu .menu-item-content ul {
background-color:transparent;
list-style-type:none;
margin:0; margin-top:-7px; padding:0;
display:none;
}
#front-menu .menu-item-content ul li {
background-color:transparent;
float:left;
margin: 3px 3px 3px 0;
padding: 0 5px 0 0;
font-size: 11px;
line-height: 20px;
color: #aaa;
}
#front-menu .menu-item-content ul li a {
color:#aaa;
text-shadow: 1px 1px 1px #fff;
text-decoration:none;
font-size: 11px;
line-height: 20px;
margin:0;
margin-right:5px;
}
#front-menu .menu-item-content ul li a:hover {color:#000; font-weight:bold;}
#front-content {width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:-1200; background:url(https://docs.google.com/uc?export=download&id=0BzsYzvNLuXTQUlNjUHB6VDdVRTg) repeat-x; display:none;}
#front-loader {position:fixed; top:40%; left:48%; margin:0; background:url(../images/loading.gif) no-repeat center center; width:64px; height:64px; z-index:999; display:none;}
#front-footer {width:100%; height:auto; position:fixed; left:0px; bottom:0px; z-index:-1; margin:0px;}
#front-footer img {position:relative; display:block; margin:auto; margin-top:0px; width:100%; height:auto;}
#front-footer-columns {position:relative; display:block; width:100%; height:auto; margin:0px; margin-top:-20px; padding:0 0 2px 0; background:#222222;}
#front-footer-columns .front-footer-column {display:inline-block; height:auto; color:#f0f0f0; margin:0; padding:0px 20px 0px 0px; vertical-align:middle;}
#front-footer-columns .front-footer-column > img {float:left; margin:auto; padding:0; width:110px; height:110px;}
#front-footer-columns .front-footer-column > h2 {float:left; text-align:left; width:auto; height:auto; margin:auto; padding:0; color:#f0f0f0; font: 15px 'LeagueGothicRegular'; font-weight:bold; text-shadow: 0px 1px 1px #4d4d4d;}
#front-footer-columns .front-footer-column > h2 span {color:#5b5b5b; font-weight:600;}
#front-footer-links {position:relative; display:block; width:100%; height:auto; margin:0; background:#222222; border-top: 1px solid #5b5b5b;}
#front-footer-links span#copyright {display:inline-block; color:#5b5b5b; font-weight:600; margin:0; padding:0 0 0 5px;}
#front-footer-links ul#footer-nav {display:inline-block; float:right; width:auto; list-style-type:none; margin:0; padding: 0 5px 0 0;}
#front-footer-links ul#footer-nav li {margin:0; padding:0; display:inline-block;}
#front-footer-links ul#footer-nav li > a {margin:0; padding:0; padding-left:5px; padding-right:5px; color:#5b5b5b; font-weight:600;}
#front-footer-links ul#footer-nav li > a:hover {font-weight:bold; color:#9d9c9c; text-decoration:none;}
#play {position:absolute; z-index: 999; right:40px; bottom:0px; cursor:pointer; width:37px; height:45px; visibility:hidden; /* kapalı */}
#play-icon {width:25px; height:25px; position:relative; top:5px; left:6px;}
.play-on {background: transparent url(../images/pause.png) no-repeat;}
.play-off {background: transparent url(../images/play.png) no-repeat;}
.play-on:hover {background: transparent url(../images/pause.png) bottom no-repeat;}
.play-off:hover {background: transparent url(../images/play.png) bottom no-repeat;}
#sound {position:absolute; z-index: 999; right:10px; bottom:0px; cursor:pointer; width:37px; height:45px;}
#sound-icon {width:25px; height:25px; position:relative; top:5px; left:6px;}
.sound-on {background: transparent url(../images/sound-on.png) no-repeat;}
.sound-off {background: transparent url(../images/sound-off.png) no-repeat;}
.sound-on:hover {background: transparent url(../images/sound-on.png) bottom no-repeat;}
.sound-off:hover {background: transparent url(../images/sound-off.png) bottom no-repeat;}
/* CIRCULAR MENU BUTTONS */
#connect-panels {position:absolute; display:none;}
#circular-buttons {display:block; position:relative; list-style-type:none;}
#circular-buttons li {display:block;}
#circular-buttons li a {text-decoration:none; cursor:pointer; width:100px; height:100px; font-size:20px; color:#fff; line-height:100px; text-align:center; background:#000; border-radius:50px; -ms-border-radius:50px;}
/*** CONTAINER ***/
#outer-container{background:url(../images/dot-bg.gif) repeat; margin:0px;}
* html #outer-container{height: 100%;}
#container{
width:100%;
height:100%;
margin:0px;
}
#container-shadow{
-webkit-box-shadow: 0px 0px 50px #000;
-moz-box-shadow: 0px 0px 50px #000;
-o-box-shadow: 0px 0px 50px #000;
-ms-box-shadow: 0px 0px 50px #000;
box-shadow: 0px 0px 50px #000;
}
#content{background:#fff;}
#footer{background:#282828; border-top:solid 3px #1e1e1e}
/* TOP PANEL */
#top-panel{}
#panel {
padding:5px 30px;
color: #aeaeae;
background:#edbe01;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
#toggle-panel{text-align:center !important; border-top:solid 6px #edbe01; height:11px; line-height:11px }
#toggle-panel a, #toggle-panel a:visited{}
#toggle-panel a:hover{text-decoration:none;}
#toggle-panel a{margin:0; height:11px; width:27px; display:inline-block}
#toggle-panel a#open{background:url(../images/panel-open.png) no-repeat left top;}
#toggle-panel a#close{background:url(../images/panel-close.png) no-repeat;}
#paneltext{color:#fff; text-align:center; font-family:"DroidSansRegular", Arial; font-size:13px}
/* HEADER */
#header{}
#logo{float:left; height:96px}
#logo h1{ font-size:40px; line-height:42px; margin-bottom:0}
#logo h1 a, #logo h1 a:visited{color:#fff;}
#logo h1{margin:10px 0 0 0; font-weight:bold}
#logo .desc{color:#fff}
#top-right{float:right; color:#a9a9a9; padding:30px 0 0 0}
#top-right a, #top-right a:visited{color:#fff;}
.top-panel{height:11px; line-height:11px; padding-top:3px; padding-bottom:3px; font-family:"DroidSansRegular", Arial; font-size:11px; background:#efc000 url(../images/bg-nav.gif) repeat-x;}
.top-panel span {display:inline; float:left; margin:0; padding:0; color:#fff;}
/* TOP PANELS */
#share-panel{position:relative; display:none; overflow:hidden; z-index:100; margin:0px; padding:0px; clear:both; background:#efc000; width:100%; height:70px; overflow:hidden;}
#share-panel a {display:block; float:right; top:auto; margin:auto; margin-top:5px; padding:0; padding-left:2px; padding-right:2px;}
#share-panel a#facebook {background:url(../images/icons/facebook-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
#share-panel a#google {background:url(../images/icons/google-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
#share-panel a#twitter {background:url(../images/icons/twitter-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
#container #nav.top-shadow {border-top:1px solid #efc000; box-shadow: 0px -5px 20px -5px #000;} /*-webkit-box-shadow: -5px 0 20px -5px #000; -moz-box-shadow: -5px 0 20px -5px #000; -o-box-shadow: -5px 0 20px -5px #000; -ms-box-shadow: -5px 0 20px -5px #000;}
*/
/* DROP-DOWN-NAV */
.drop-down-nav {display:block; position:absolute; margin:0; padding:5px 5px 5px 5px; background: #fff; border:2px solid #efc000; border-top:8px solid #efc000; width:400px; height:auto; left:auto; right:0px; top:auto; z-index:9999999; visibility:hidden;}
.drop-down-nav.shadow {-webkit-box-shadow: -8px 8px 10px -4px #a9a9a9; -moz-box-shadow: -8px 8px 10px -4px #a9a9a9; box-shadow: -8px 8px 10px -4px #a9a9a9;}
.drop-down-nav a.close {position:absolute; width:16px; height:16px; border:1px solid #efc000; margin:0px; padding:0px; top:6px; left:auto; right:6px; cursor:pointer; text-decoration:none; color:#fff; background: transparent url(../images/close.png) center center no-repeat;}
.drop-down-nav a.close:hover {}
.drop-down-nav.active {visibility:visible;}
.drop-down-nav:before {display:block; position:absolute; content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #efc000; top:-18px;}
.drop-down-nav[type='share']:before {right:70px;}
.drop-down-nav[type='mail']:before {right:48px;}
.drop-down-nav a {display:inline-block;}
.drop-down-nav a#facebook {background:url(../images/icons/facebook-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
.drop-down-nav a#google {background:url(../images/icons/google-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
.drop-down-nav a#twitter {background:url(../images/icons/twitter-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
.drop-down-nav a#linkedin {background:url(../images/icons/linkedin-share.png) center center no-repeat; width:56px; height:56px; text-indent:-9999px;}
/* */
/* #efc000 ---> rgb(239,192,0) */
#container #nav{position:relative; z-index:900; margin:0px 0px 0px 0px; clear:both; background:#efc000 url(../images/bg-nav.gif) repeat-x; height:43px; width:100%;}
#title-container{float:left; height:70px; width:auto; padding:0 5px; position:relative; margin: 0px 0px 0px 0px; z-index:9999;}
#gridmenucontainer{float:right; height:43px; background:url(../images/sep-menu.gif) repeat-y top left; padding:0 5px; position:relative; margin: 0 0 0 0;}
#searchcontainer{float:right; height:43px; background:url(../images/sep-menu.gif) repeat-y top left; padding:0 5px; position:relative; margin: 0 0 0 0;}
#searchcontainer ul {list-style-type:none;}
#searchcontainer ul li {position:relative; display:block; float:left; margin:0; padding:0; margin-right:0px;}
.sub-menu
{
position:absolute;
left:-9999em;
text-align:left;
height:150px;
width:300px;
margin:0;
padding-top:20px;
top:90%;
font-size:small;
background-color:#fff;
border:0px;
border-radius:0px 5px 5px 5px;
-moz-border-radius:0px 5px 5px 5px;
-webkit-border-radius:0px 5px 5px 5px;
-o-border-radius:0px 5px 5px 5px;
-ms-border-radius:0px 5px 5px 5px;
z-index:999999;
-webkit-box-shadow:0px 4px 10px -3px #a9a9a9; -moz-box-shadow:0px 4px 10px -3px #a9a9a9; box-shadow:0px 4px 10px -3px #a9a9a9;
display:none; visibility:hidden;
}
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}
.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid blue;
}
#topnav li.aboutme {background:#ada750;}
#topnav li.aboutme:hover {background:#ada750;}
#topnav li.paperlist > a {cursor:default; text-decoration:none; background:none; color:#fff;}
#topnav li.paperlist {background:#1b1b1b;}
#topnav li.paperlist:hover {background:#1b1b1b;}
#topnav li.paperlist > a {cursor:default; background:none; color:#fff;}
#topnav li.paperlist > a:hover {cursor:default; background:none; color:#fff; text-decoration:none;}
#topnav li.paperlist > a:before {display:block; position:absolute; content:''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; left:43%; top:0px;}
#topnav li[type='drop-down'] {display:none; visibility:hidden;}
#topnav li[type='drop-down'] div.up
{
top:auto;
bottom:90%;
padding-top:20;
border-radius:5px 5px 5px 0px;
-moz-border-radius:5px 5px 5px 0px;
-webkit-border-radius:5px 5px 5px 0px;
-o-border-radius:5px 5px 5px 0px;
-ms-border-radius:5px 5px 5px 0px;
-webkit-box-shadow:0px -4px 10px -3px #a9a9a9; -moz-box-shadow:0px -4px 10px -3px #a9a9a9; box-shadow:0px -4px 10px -3px #a9a9a9;
}
#topnav li[type='drop-down']:hover {background:#fff; -webkit-box-shadow:0px -2px 10px -1px #a9a9a9; -moz-box-shadow:0px -2px 10px -1px #a9a9a9; box-shadow:0px -2px 10px -1px #a9a9a9;}
#topnav li[type='drop-down']:hover a {color:#464646;}
#topnav li[type='drop-down']:hover .sub-menu {display:block; left:0;}
#topnav li[type='drop-down'] div > span {display:block; position:relative; color:#464646; height:25px; width:265px; margin:15px 10px 5px 10px; padding:0; padding-left:15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
#topnav li[type='drop-down'] div > span > a {display:inline-block; position:relative; text-decoration:none; cursor:pointer; height:25px; width:100%; margin:auto; padding:0; border:0; font-weight:normal; line-height:25px;}
#topnav li[type='drop-down'] span:hover {background-color:#efc000; -webkit-box-shadow:-1px 1px 10px 1px #a9a9a9; -moz-box-shadow:-1px 1px 10px 1px #a9a9a9; box-shadow:-1px 1px 10px 1px #a9a9a9;}
#topnav li a {cursor:pointer;}
#searchcontainer li[type='menu-button']:hover
{
background: #fff;
border:1px solid #fff;
border-bottom:none;
top:-10px;
padding-left:15px;
padding-right:15px;
border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
-o-border-radius:5px 5px 0px 0px;
-ms-border-radius:5px 5px 0px 0px;
}
#searchcontainer a
{
text-decoration:none;
font-family:'DroidSansRegular', sans-serif, Arial, Helvetica;
font-size:16px;
line-height:20px;
text-transform:uppercase;
text-align:left;}
a:hover#sharebutton {background:url(../images/icons/share-white.png) center center no-repeat;}
a:hover#mailbutton {background:url(../images/icons/mail-white.png) center center no-repeat;}
a:hover#webbutton {background:url(../images/icons/world-white.png) center center no-repeat;}
a:hover#gridbutton {background:url(../images/icons/mail-white.png) center center no-repeat;}
a:hover#disqusbutton {background:url(../images/icons/comments-white.png) center center no-repeat;}
#searchbutton{background:url(../images/search-icon.png) no-repeat; width:20px; height:17px; text-indent:-9999px; display:block; margin:13px 0 0 0}
#key-words-button{background:url(../images/compass-1.png) no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-5px 0 0 0; padding:0;}
#webbutton{background:url(../images/icons/world-black.png) center center no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-2px 0 0 0; padding:0;}
#mailbutton{background:url(../images/icons/mail-black.png) center center no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-2px 0 0 0; padding:0;}
#sharebutton{background:url(../images/icons/share-black.png) center center no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-2px 0 0 0; padding:0;}
#disqusbutton{background:url(../images/icons/comments-black.png) center center no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-2px 0 0 0; padding:0;}
#nav-contact{background:url(../images/digg.png) no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-1px 0 0 0; padding:0;}
#nav-discussion{background:url(../images/digg.png) no-repeat; width:48px; height:48px; text-indent:-9999px; clear: both; position:relative; display:inline-block; margin:-1px 0 0 0; padding:0;}
#gridbutton{background:url(../images/icons/mail-black.png) center center no-repeat; width:48px; height:48px; text-indent:-9999px; clear:both; position:relative; display:inline-block; margin:-2px 0 0 0; padding:0;}
#searchcontainer1{float:right; height:43px; background:url(../images/sep-menu.gif) repeat-y top left; padding:0 5px; position:relative; margin: 0 0 0 0;}
#search-box {
clear:both; position:relative; display:inline-block; margin:0; margin-top:-10px; padding:0; height:48px; width:150px;
}
#search-box input[type="text"] {
background: transparent url(../images/search-icon.png) no-repeat 10px 6px;
border: 0 none;
color: #fff;
width:150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#search-box input[type="text"]:focus {
background: #fff url(../images/search-icon.png) no-repeat 10px 6px;
color: #6a6f75;
width: 150px;
}
.searchbox {
background:url(../images/bg-searchtoggle.gif) repeat-x;
width: 205px;
clear: both;
position:absolute;
right:0;
top:44px;
}
.searchbox .searchcontent {
padding:5px;
}
.searchbox input#s{margin:0; width:185px; padding:8px 5px; border:0; background:#ffe991; color:#505050; font-size:12px;}
#topnav{
margin:0 0;
padding:0;
list-style-type:none;
overflow:visible;
position:relative;
float:left;
font-family:'DroidSansRegular', sans-serif, Arial, Helvetica;
font-size:16px;
line-height:20px;
text-transform:uppercase;
text-align:center;
}
#container #nav.fixed {position:absolute; display:block; top:auto; bottom:200px; margin:auto;}
#footer-logo {position:absolute; display:block; left:40px; bottom:100px; margin:auto; width:auto; height:auto; opacity:0.4;}
.sf-menu a {
text-decoration:none!important;
display: block;
position: relative;
padding:0 30px;
text-decoration:none;
font-weight:normal;
font-size:16px;
height:43px;
line-height:47px;
/* background:url(../images/sep-menu.gif) repeat-y top right */ /* İPTAL EDİLDİ! */
}
#topnav a, .sf-menu a, .sf-menu a:visited {color:#101010}
#topnav a:hover{color:#fff;}
#topnav li a:hover, #topnav .current > a, #topnav .current > a:hover {color:#fff;}
#topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color:#777; font-size:13px}
#topnav li li a:hover{color:#ccc;}
#topnav li li a:hover, #topnav li li.current > a, #topnav li li.current > a:hover {color:#ccc;}
#topnav li:hover, #topnav .current, #topnav .current:hover {background:url(../images/menu-selected.png) no-repeat center bottom}
#topnav li:hover, #topnav .current, #topnav .current:hover {background:#4c92b1;}
/* Drop down menu */
.sf-menu li li {
text-align:left;
line-height:20px;
margin:0;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height:100%;
position:absolute;
right:0;
bottom:0;
float:left;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 27em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
margin:0;
}
.sf-menu li li{margin:0px 0px;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: -2px;
top: 2.7em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: -1px;
margin-left: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: -1px;
}
.sf-menu ul li a{
padding:10px 30px!important;
height:auto;
line-height:20px;
background:transparent
}
.sf-menu ul li:hover{}
.sf-menu li ul {
padding:0px;
}
.sf-menu a.sf-with-ul {
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: 10px;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
#topnav li:hover ul,
#topnav li.sfHover ul {
background:#282828;
color:#777;
}
#topnav li li {
height:auto;
text-transform:capitalize;
font-family:'DroidSansRegular', Arial;
font-size:13px;
background:url(../images/sub-menu-line.gif) repeat-x left bottom;
}
#topnav li li:hover,
#topnav li li.current, #topnav li li.current:hover{
color:#ccc;
border:0;
margin:0;
background:url(../images/sub-menu-line.gif) repeat-x left bottom;
}
/* BREADCRUMB NAVIGATION */
.breadcrumb {
height: 26px;
display: block;
margin: 0;
padding: 0;
font-size: 10px;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0.3px;
background-color: rgba(0, 0, 0, 0.2);
border: 4px solid #1a1819;
-webkit-box-shadow: 0 0 0 1px #383838 inset;
-moz-box-shadow: 0 0 0 1px #383838 inset;
-o-box-shadow: 0 0 0 1px #383838 inset;
-ms-box-shadow: 0 0 0 1px #383838 inset;
box-shadow: 0 0 0 1px #383838 inset;
*zoom: 1;
}
.breadcrumb:before,
.breadcrumb:after {
display: table;
content: "";
line-height: 0;
}
.breadcrumb:after {
clear: both;
}
.breadcrumb .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb .active {
color: #999999;
}
.breadcrumb li
{
display: inline-block;
margin: auto;
padding: 0px 15px 0px 10px;
height: 26px;
float: left;
color: #b2b2b2;
text-shadow: 0 1px 0 #000000;
background: url("../images/breadcrumb-arrow.png") top right no-repeat;
}
.breadcrumb li .home {
background: url("../images/breadcrumb-home.png") center left no-repeat;
}
.breadcrumb li .active {
color: #b2b2b2;
}
.breadcrumb li:last-child {
background: none;
}
.breadcrumb li:first-child {
padding-bottom: 1px;
}
.breadcrumb li:first-child a {
font-size: 16px;
}
.breadcrumb a {
display: block;
color: #b2b2b2;
}
.breadcrumb a:hover {
color: #ffffff;
text-decoration: none;
}
/* Fallback for old browsers */
.no-rgba .breadcrumb {
background-color: #262425;
}
.breadcrumb li:hover > ul { display:block; }
.breadcrumb ul
{
display:none;
position:absolute;
left:10px;
top:60px;
text-align:left;
padding:10px 5px 10px 5px;
border-top:none;
height:100px;
width:200px;
background-color: rgba(0, 0, 0, 0.2);
border: 4px solid #1a1819;
-webkit-box-shadow: 0 0 0 1px #383838 inset;
-moz-box-shadow: 0 0 0 1px #383838 inset;
-o-box-shadow: 0 0 0 1px #383838 inset;
-ms-box-shadow: 0 0 0 1px #383838 inset;
box-shadow: 0 0 0 1px #383838 inset;
border-radius:5px 0px 5px 5px;
-moz-border-radius:5px 0px 5px 5px;
-webkit-border-radius:5px 0px 5px 5px;
-o-border-radius:5px 0px 5px 5px;
-ms-border-radius:5px 0px 5px 5px;
z-index:1000;
}
.breadcrumb ul li
{
display:inline-block;
color: #b2b2b2;
text-shadow: 0 1px 0 #000000;
}
/* TOOLBAR */
#toolbar {position:relative; height:42px; margin: 0px auto; margin-bottom:4px; background:url('../images/button-bg-yellow.gif') repeat-x;}
#toolbar div#toolbar-inner {padding:0; padding-left:25px; background:url(../images/icons/info.png) no-repeat;}
#toolbar div#toolbar-inner span#toolbar-info {float:left;}
#toolbar div#toolbar-inner span#toolbar-info:before {content:'|'}
#toolbar div#toolbar-inner ul {float:right; list-style-type:none;}
#toolbar div#toolbar-inner ul li {float:left; margin-bottom:auto; margin-top:auto; padding:0; padding-right:5px; padding-top:2px;}
#toolbar div#toolbar-inner ul li ul.toolbar-button-group {float:left; list-style-type:none;}
#toolbar div#toolbar-inner ul li ul.toolbar-button-group:before {background:url(../images/border-yellow.png) repeat-y top right;}
#toolbar div#toolbar-inner ul li ul.toolbar-button-group:after {background:url(../images/border-yellow.png) repeat-y top right;}
#toolbar div#toolbar-inner ul li ul.toolbar-button-group li {float:left; margin-bottom:auto; margin-top:auto; padding:0; padding-right:5px; padding-top:2px;}
#toolbar a {display:inline-block; width:36px; height:36px; text-indent:-9999px; clear: both; position:relative; margin: 0 0 0 0; padding:0;}
#toolbar a:hover {cursor:pointer; border:0; text-decoration:none;}
#toolbar a:focus {outline:0;}
#toolbar a#toolbar-button-key-words{background:url(../images/icons/cloud.png) no-repeat center center;}
#toolbar a#toolbar-button-toggle-papers{background:url(../images/icons/toggle.png) no-repeat center center;}
#toolbar a#toolbar-button-expand-all-papers{background:url(../images/icons/expand.png) no-repeat center center;}
#toolbar a#toolbar-button-collapse-all-papers{background:url(../images/icons/collapse.png) no-repeat center center;}
#toolbar a#toolbar-button-share{background:url(../images/icons/share.png) no-repeat center center;}
#toolbar a#toolbar-button-key-words:hover{background:transparent url(../images/icons/cloud.png) no-repeat center center;}
#toolbar a#toolbar-button-toggle-papers:hover{background:transparent url(../images/icons/toggle.png) no-repeat center center;}
#toolbar a#toolbar-button-expand-all-papers:hover{background:transparent url(../images/icons/expand.png) no-repeat center center;}
#toolbar a#toolbar-button-collapse-all-papers:hover{background:transparent url(../images/icons/collapse.png) no-repeat center center;}
#toolbar a#toolbar-button-share:hover{background:transparent url(../images/icons/share.png) no-repeat center center;}
/* FLEX SLIDER
-------------------------------------------------------------- */
#slider-container{
position:relative;
clear:both;
height:550px;
background:#fff;
background:#fff url(../images/content/relativity.jpg) no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}
/* #slider-container ul li {}
/* #slider-container ul li[slide-number='1'] {background:#fff url(../images/content/math1.png) no-repeat left center;} /* #BE5108 */
/* #slider-container ul li[slide-number='2'] {background:#fff url(../images/content/math2.png) no-repeat left center;} /* #4A8522 */
/* #slider-container ul li[slide-number='3'] {background:#fff url(../images/content/math3.png) no-repeat left center;} /* #1D4999 */
/* #slider-container ul li[slide-number='4'] {background:#fff url(../images/content/math4.png) no-repeat left center;} /* #D29500 */
/* #slider-container ul li[slide-number='5'] {background:#fff url(../images/content/math5.png) no-repeat left center;} /* #727272 */
/* #slider-container ul li[slide-number='6'] {background:#fff url(../images/content/math6.png) no-repeat left center;} /* #2E6CA4 */
/* #slider-container ul li img {opacity:0.5; visibility:visible;}
/* BEFORE CONTENT */
#before-content{padding:25px 30px;background:#fff url(../images/bg-beforecontent.gif) repeat-x bottom; border-bottom:solid 1px #d0d0d0;}
#before-content.inner{padding:20px 30px 15px 30px; border-top:solid 8px #101010}
#before-content.inner.withslider{border:0px;}
.slogantext{font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-style:italic; color:#454545; line-height:28px; text-align:center}
#before-content #breadcrumbs{float:right; color:#acacac; padding:2px 0 0 0}
#before-content #breadcrumbs a, #before-content #breadcrumbs a:visited{color:#acacac;}
#before-content .toolbox-container {float:left; width:auto; display:block; margin:15px 0 0 0}
#before-content .pagetitle{width:90%; display:block; margin:auto; margin-left:270px; margin-right:50px;}
#before-content .hline{display:block; width:90%; height:10px; margin:auto; margin-left:270px; margin-right:50px; background:transparent url('../images/multiline.gif') repeat-x;}
#before-content .home{float:right; background:url(../images/symbol/home.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#before-content .papers{float:right;background:url(../images/symbol/coffee.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#before-content .read{float:right;background:url(../images/symbol/coffee.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#before-content .library{float:right;background:url(../images/symbol/library2.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#before-content .about{float:right;background:url(../images/symbol/user.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:2px 0 2px 0}
#before-content .contact{float:right;background:url(../images/symbol/mail.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#before-content .error{float:right;background:url(../images/symbol/mail.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
/* CONTENT LAYOUT */
#content-layout {position:relative; width:auto; height:71%; margin:auto; margin-left:240px; padding:0px; overflow:hidden; background:#fff}
/* MAIN INDEX PAGE COVER */
#index-cover {position:relative; display:flex; width:auto; padding:0px; margin:0px; height:calc(100% - 65px); background-color:#1b1b1b; margin-left:280px;}
#index-cover > span {position:absolute; right:100px; bottom:120px; display:block; width:auto; height:auto; text-align:center; color:#efc000; font-size:40px; font-family:'Ubuntu', Georgia, Arial; font-weight:bolder; word-spacing:5px; padding:15px; padding-top:20px; padding-bottom:20px; margin:auto; background-color:#1b1b1b; text-shadow:-1px -1px 1px #fff, 1px 1px 1px #000;}
/* 3.2vw 3.2% of width of viewport */
/* 3.2vh 3.2% of height of viewport */
/* 3.2vmin Smaller of 3.2vw or 3.2vh */
/* 3.2vmax Bigger of 3.2vw or 3.2vh */
#index-cover > span {font-size: 3.2vmin;}
#index-cover > img {width:100%; object-fit:cover;}
/* CONTENT FLEX MENU */
.flex-menu {position:relative; display:flex; width:calc(100% - 280px); /* width:auto */ padding:0px; margin:0px; height:calc(100% - 265px); background-color:#1b1b1b; margin-left:280px;}
.flex-box {flex:1; overflow:hidden; transition:.5s; margin:0 2%; line-height:0; margin:0px; padding:0px;}
.flex-box > a {cursor:pointer; margin:0px; padding:0px;}
.flex-box > a > img {width:100%; height:calc(100% - 10vh); object-fit:cover; transition:.5s;}
.flex-box > span {display:block; height:10vh; line-height:2.6; color:#464646; font-size:35px; font-family:'Ubuntu', Georgia, Arial; text-align:center;}
.flex-box:hover {flex:1 1 50%;}
.flex-box:hover > img {width:100%; height:calc(100% - 10vh); filter: grayscale(50%);}
.flex-box > img:after {
content: 'url(../images/content/vangogh.jpg)';
height:fit-content;
left: 0;
top: 0;
width: 0px;
position: absolute;
display:block;
z-index:99999;
}
.flex-box:hover > img:after {
width: fit-content;
}
.flex-box:hover > span {color:#fff;}
/* CONTENT */
#content {position:relative; display:block; padding:35px; background:#fff; width:auto; min-height:calc(100% - 335px); margin:auto; margin-left:280px;}
#content > h2 {
position: relative;
display: block;
padding: 15px;
background: #fff;
width: auto;
height: auto;
margin: auto;
color: #464646;
border-bottom: 2px solid #464646;
letter-spacing: 15px;
text-transform: uppercase;
font-size: 25px;
font-family: 'Ubuntu', Georgia, Arial;
text-align: center;
}
#content.content-right-shadow {margin-right:0; float:left; width:80%; border:1px solid #fff; box-shadow: -5px 0 20px -5px #000; -webkit-box-shadow: -5px 0 20px -5px #000; -moz-box-shadow: -5px 0 20px -5px #000; -o-box-shadow: -5px 0 20px -5px #000; -ms-box-shadow: -5px 0 20px -5px #000;}
#content-logo {display:block; position:absolute; width:250px; height:250px; top:0px; right:0px; left:auto; opacity:0.6; z-index:100;}
#content-logo:before {content:""; width:255px; height:255px; background-color:#fff;}
#content-header {background:transparent; width:auto; display:block; margin-left:50px; margin-right:50px; margin-top:40px; margin-bottom:40px;}
#content-header .page-title {display:block; margin:25px auto 25px auto; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center; text-shadow: 0px 1px 1px #4d4d4d; letter-spacing:5px;}
#content-header .hline {display:block; height:10px; background: url('../images/multiline.png') repeat-x;}
#content-header .home {float:right; background:url(../images/symbol/home.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .papers {float:right;background:url(../images/symbol/coffee1.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .bibliography {float:right;background:url(../images/symbol/coffee1.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .read {float:right;background:url(../images/symbol/coffee1.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .manuscripts {float:right;background:url(../images/symbol/manuscripts.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:2px 0 2px 0}
#content-header .library {float:right;background:url(../images/symbol/library.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .notes {float:right;background:url(../images/symbol/puzzle1.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:2px 0 2px 0}
#content-header .about {float:right;background:url(../images/symbol/user.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:2px 0 2px 0}
#content-header .contact {float:right;background:url(../images/symbol/mail.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header .error {float:right;background:url(../images/symbol/error.png) no-repeat; width:64px; height:64px; text-indent:-9999px; display:block; margin:0 0 0 0}
#content-header.full-screen {display:none;}
#content-handlers {display:block; position:relative; width:auto; height:auto; margin:0; padding:0;}
#content-handlers li {display:inline-block; list-style-type:none; padding:5px 5px 5px 5px;}
#content-handlers li a[id="share-handler"] {background:url() center center no-repeat;}
/* efede6 f6f4f0 e7e4da */ /* efece6 */
/* SIDEBAR */
#sidebar{float:right; position:absolute; z-index:1000; width:300px; height:100%; right:0; margin:0; padding:0; background:#efede6; border-top:solid 8px #101010;}
#sidebar ul{
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}
#sidebar ul li
{
display:block;
list-style-type:none;
margin:0;
padding:0;
color:#8a8a8a;
background:#f6f4f0;
}
/* DRAGGER */
.dragger
{
position: absolute;
z-index: 1000;
margin-left: 32px;
margin-top: 44px;
}
.dragger > p
{
width: 150px;
margin-left: -75px;
color: white;
text-transform: uppercase;
font-family: museo-slab,serif;
font-style: normal;
font-weight: 800;
font-size: 11px;
height: 30px;
margin-top: -39px;
}
.dragger > p > span
{
font-weight: normal;
}
.dragger > div
{
margin-left: -21px;
background: url('../images/dragger-bg.png') top;
width: 42px;
padding-top: 12px;
height: 30px;
}
.dragger > div > .left-arrow,
.dragger > div > .right-arrow
{
position: absolute;
display: block;
width: 12px;
height: 17px;
background-repeat: no-repeat;
background-position: top;
-webkit-transition: margin-left .1s ease-out;
-moz-transition: margin-left .1s ease-out;
-o-transition: margin-left .1s ease-out;
transition: margin-left .1s ease-out;
}
.dragger > div > .left-arrow
{
background-image: url('../images/arrow-left-small-states.png');
margin-left: 9px;
}
.dragger > div > .right-arrow
{
background-image: url('../images/arrow-right-small-states.png');
margin-left: 21px;
}
.dragger > div:hover,
.dragger.dragging > div
{
background-position: bottom;
}
.dragger > div:hover > .left-arrow,
.dragger > div:hover > .right-arrow,
.dragger.dragging > div > .left-arrow,
.dragger.dragging > div > .right-arrow
{
background-position: bottom;
}
.dragger.dragging > div > .left-arrow
{
margin-left: 6px;
}
.dragger.dragging > div > .right-arrow
{
margin-left: 24px;
}
/*===============================================================*/
#twitter-search {width:auto; height:400px;}
#recentpost h2{font-size:16px; margin-bottom:10px;}
#recentpost h6{font-size:14px;}
#recentpost h6 a, #recentpost h6 a:visited{color:#101010}
#recentpost h6 a:hover{text-decoration:none;color:#edbe01}
#recentpost h6{margin-bottom:3px;}
#recentpost .entry-date{color:#9a9a9a; font-family:Georgia, "Times New Roman"; font-style:italic; display:block; padding-bottom:10px}
#recentpost a.boldtext, #recentpost a.boldtext:visited{color:#777777}
#recentpost a.boldtext:hover{color:#edbe01; text-decoration:none}
#recentproject{margin-bottom:20px;}
#recentproject h2{font-size:16px; margin-bottom:10px;}
/*==== List ====*/
.default-list{line-height:25px;}
.arrow-list{line-height:25px; list-style-type:none; padding:0; margin:0 0 20px 0;}
.arrow-list li{background:url(../images/list.png) no-repeat 0 8px; padding:0 0 0 25px}
/*==== Form & Button ====*/
form{margin:0; padding:0;}
input[type="text"],
textarea, input[type="password"], select{
font-size:11px;
padding:8px 5px;
background:#f6f6f6;
border:0;
color:#888;
}
select {
font-size:11px;
padding:4px 5px;
}
.button,
.button:visited,
input[type="submit"],
input[type="reset"],
button{
font-family:"DroidSansRegular";
font-size:14px;
background:url(../images/bg-button.gif) repeat-x;
display:inline-block;
color:#555555;
text-transform:uppercase;
padding:0 10px;
height:32px;
line-height:34px;
border:0;
margin:0
}
input[type="submit"],
input[type="reset"],
button{
height:32px;
}
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover{text-decoration:none; background:url(../images/bg-button-hover.gif) repeat-x; cursor:pointer; color:#101010}
a.more-link, a.more-link:visited{color:#555;}
a.more-link:hover{ text-decoration:none;}
.more-link{
font-family:"DroidSansRegular";
font-size:12px;
background:url(../images/bg-button.gif) repeat-x;
display:inline-block;
color:#555555;
text-transform:uppercase;
float:left;
padding:0 0 0 10px;
height:32px;
}
.more-link span.moretext{float:left; line-height:34px; padding-right:10px}
.more-link span.moresep{ background:url(../images/morelink-span.gif) no-repeat right top; width:33px; height:32px; float:left}
.more-link:hover{background:#ff9900 url(../images/bg-button-hover.gif) repeat-x; height:32px !important; color:#101010}
.more-link:hover span.moretext{color:#101010}
.more-link:hover span.moresep{ background:url(../images/morelink-span-hover.gif) no-repeat right top;}
/*==== Separator ====*/
.separator {
display:block;
height:30px;
padding:10px 0;
text-align:center;
width:100%;
clear:both;
}
.separator.line {
display:block;
text-align:center;
width:100%;
clear:both;
padding:0;
height:auto;
margin-bottom:20px
}
.separator.line div{
height:30px; display:block; clear:both; padding:10px 0;
background:url(../images/line-dotted.gif) repeat-x left center
}
/*==== Quote ====*/
.pullquote-right,.pullquote-left{
padding:0px 10px 0px 50px;
background-image:url(../images/quote.png);
background-repeat:no-repeat;
background-position:0px 0px;
float:right;
font-family:'Ubuntu', Georgia, Arial;
font-style:italic;
font-size:16px;
letter-spacing:0px;
line-height:22px;
margin:0px 2px 20px 20px;
width:50%;
}
.pullquote-left{float:left;margin-left:2px;margin-right:20px;}
/* == Dropcaps == */
.dropcap1{
text-shadow:1px 1px 0 #ededed;
display:block;
float:left;
font-size:35px;
line-height:35px;
margin:2px 8px 0 0;
}
.dropcap2{
display: block;
float:left;
font-size:35px;
line-height:45px;
width: 47px;
-moz-border-radius: 47px;
-webkit-border-radius: 47px;
-khtml-border-radius: 47px;
border-radius: 47px;
float:left;
text-align: center;
margin:8px 15px 0 0;
padding-top:3px;
background:#edbe01; color:#fff;
}
.dropcap3{
background:#edbe01; color:#fff;
display:block;
float:left;
font-size:35px;
line-height:40px;
width:47px;
height:40px;
text-align: center;
margin:6px 8px 0 0;
padding:5px 0
}
/*== Highlight ==*/
.highlight1{padding:2px 5px; background-color:#edbe01; border:solid 1px #ebebeb}
.highlight2{padding:2px 5px; background-color:#ebebeb; border:solid 1px #f7f7f7}
/*==== Tabs ====*/
.tabcontainer{position:relative; width: 100%; height:100%; margin: 0px auto 0px auto; z-index:9999;}
.tabcontainer.full-screen {position:fixed; top:50px; left:0; width:100%; height:100%; z-index:9999;}
.tabcontainer ul.tabs
{
margin: 0 0 -2px 0;
padding: 0 0 2px 0;
list-style: none;
height: 36px;
width: 100%;
background:transparent;
}
.tabcontainer ul.tabs li {
float:left;
margin: 0 0;
padding: 0 15px;
line-height:36px;
height:36px;
overflow: hidden;
position: relative;
text-transform:uppercase;
background:none;
}
.tabcontainer ul.tabs li.tabs-tab-item {
border-right:solid 1px #fff;
background:url(../images/bg-tab-active.gif) repeat-x; /* background:url(../images/bg-tab-active.gif) repeat-x */
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] {padding-right:8px; padding-left:8px;} /* for left icon layout */
.tabcontainer ul.tabs li.tabs-tab-item.first[tab-type='text'] {border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; -o-border-radius:5px 0 0 0; -ms-border-radius:5px 0 0 0;}
.tabcontainer ul.tabs li.tabs-tab-item.last[tab-type='text'] {border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0; -ms-border-radius:0 5px 0 0;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a {
text-decoration: none;
display: block;
padding: 0 0px;
outline: none;
color:#101010;
color:#4d4d4f; /* tab başlık rengi */
font-weight:500;
font-family:"DroidSansregular", Arial;
font-size:14px;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#abstract {background:url(../images/icons/abstract-24.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#cover {background:url(../images/icons/cover-24.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#cite {background:url(../images/icons/cite.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#references {background:url(../images/icons/references.png) no-repeat left center; padding-left:43px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#read {background:url(../images/icons/read.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#download {background:url(../images/icons/download.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#key-equations {background:url(../images/icons/key-equations.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#key-words {background:url(../images/icons/key-words.png) no-repeat left center; padding-left:28px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#notes {background:url(../images/icons/notes-24.png) no-repeat left center; padding-left:30px; text-align:left;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#comments {background:url(../images/icons/comments.png) no-repeat left center; padding-left:28px; text-align:left;}
/* notes count için... */
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='text'] a#notes > span {margin:0px; padding:0px; padding-left:5px; display:inline-block; font-weight:lighter; color:#777;}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] {
padding:0 5px;
border:none;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] a {
position:relative;
display:inline-block;
clear:both;
text-indent:-9999px;
width:24px; height:24px;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] a#download {
top:6px;
background:url(../images/icons/save.png) no-repeat center center;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] a#link {
top:6px;
background:url(../images/icons/link.png) no-repeat center center;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] a#comment {
top:6px;
background:url(../images/icons/comment.png) no-repeat center center;
}
.tabcontainer ul.tabs li.tabs-tab-item[tab-type='icon'] a#comments {
top:6px;
background:url(../images/icons/comments.png) no-repeat center center;
}
.tabcontainer ul.tabs li.tabs-toolbar-item {
float:right;
top:6px;
margin:auto;
padding:auto;
padding-left:1px;
padding-right:1px;
}
.tabcontainer ul.tabs li.tabs-toolbar-item a
{
position:relative;
margin:auto;
padding:auto;
display:inline-block;
clear:both;
width:40px; height:24px;
text-indent:-9999px;
}
.tabcontainer ul.tabs li.tabs-toolbar-item a {text-align:center; color:#464646; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.tabcontainer ul.tabs li.tabs-toolbar-item a:hover {text-decoration:none; cursor:pointer;}
.tabcontainer ul.tabs li.tabs-toolbar-item a#prev {background: #f2f2f2 url('../images/prev.png') no-repeat center center; padding-left:5px; padding-right:5px;}
.tabcontainer ul.tabs li.tabs-toolbar-item a#next {background: #f2f2f2 url('../images/next.png') no-repeat center center; padding-left:5px; padding-right:5px;}
.tabcontainer ul.tabs li.tabs-toolbar-item a#full {background:url(../images/icons/full.png) no-repeat center center;}
.tabcontainer ul.tabs li.tabs-toolbar-item:hover {background:none;}
.tabcontainer ul.tabs li.tabs-toolbar-item a.comment {}
.tabcontainer ul.tabs li.tabs-toolbar-item a.save {}
.tabcontainer ul.tabs li.tabs-toolbar-item-twitter
{
float:right;
margin: 4px -30px 0 0;
padding: 0 0px;
}
.tabcontainer ul.tabs li.tabs-toolbar-item-twitter a {}
.tabcontainer ul.tabs li.tabs-toolbar-item-twitter:hover {background:none;}
.tabcontainer ul.tabs li.tabs-notification-item {
float:right;
margin:0;
padding:0;
padding-left:8px;
padding-right:2px;
}
.tabcontainer ul.tabs li.tabs-notification-item a
{
position:relative;
margin:0;
padding:0;
top:3px;
display:inline-block;
clear:both;
text-indent:-9999px;
width:32px; height:32px;
}
.tabcontainer ul.tabs li.tabs-notification-item a#access {background:url(../images/loader.gif) no-repeat center center;}
.tabcontainer .tab-content {padding: 20px 0;}
.tabcontainer .tab-content {}
.tabcontainer ul.tabs li.tabs-tab-item:hover, .tabcontainer ul.tabs li.tabs-tab-item a:hover {}
.tabcontainer ul.tabs li.tabs-tab-item.active{background:#f2f2f2;} /* (eski tema): text color:#fff background:url(../images/bg-tab.gif */
html .tabcontainer ul.tabs li.tabs-tab-item.active a{} /* (eski tema): text color:#fff */
#tab-body
{
padding:0 20px;
background:#f2f2f2;
border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px;
}
/* TAB SMALL */
.tabsmall
{
display:block;
width :100%;
height :100%;
}
.tabsmall ul.tabbutton{
margin :0;
padding :0;
float :left;
list-style :none;
width :100%;
font-weight :bold;
}
.tabsmall ul.tabbutton li{
margin :0;
padding :0;
cursor :pointer;
border-radius :5px 5px 0 0;
background :none;
float :left;
margin-right :1px;
margin-bottom :-2px;
padding :5px 10px;
color :#555;
background-color :#eef2f7;
overflow :hidden;
position :relative;
}
.tabsmall ul.tabbutton li:hover,
.tabsmall ul.tabbutton li.active{
background :#8996a4;
color :#fff;
border-bottom :2px solid #8996a4;
}
.tabsmall ul.tabcontent{
margin :0;
padding :0;
border-top :2px solid #8996a4;
clear :both;
float :left;
width :100%;
list-style :none;
}
.tabsmall ul.tabcontent li{
display :none;
padding :10px 0;
background :none;
}
.tabsmall ul.tabcontent li li{
display :list-item;
list-style :disc;
padding :0;
}
/*==== jQuery Toggles ====*/
#toggle{position:relative; width: 100%; margin: 0px auto 0px auto; z-index:9999;}
h2.trigger {
padding: 12px 20px 12px 20px;
margin: 0 0 1px 0;
font-size:14px;
font-weight: normal;
text-transform:uppercase;
cursor:pointer;
background:url(../images/bg-toggle-active.gif) repeat-x;
}
h2.active {color:#fff; background:url(../images/bg-toggle.gif) repeat-x;}
h2.trigger span
{
position:relative;
text-decoration: none;
display: block;
color:#101010;
height:16px;
background: url(../images/icons/down-16.png) no-repeat right center;
padding-right:20px;
line-height:16px;
}
h2.active span{ background:url(../images/icons/up-16.png) no-repeat right center; color:#101010;}
h2.trigger span:hover {color:#101010;}
h2.trigger span span {position:relative; margin:auto 0px auto 0px; padding:0px; padding-right:15px; padding-left:15px; text-align:center; float:left; display:inline-block; background:url(../images/border-grey.png) repeat-y top right}
h2.trigger span span.paper-count{width:40px; text-align:center; padding-right:8px; padding-left:5px;}
h2.trigger span span.paper-count span {background:url(../images/icons/pages-16.png) left center no-repeat; padding-left:18px; padding-right:2px;}
h2.trigger span span.paper-state{width:80px; text-align:center; padding-right:8px; padding-left:5px;}
h2.trigger span span.paper-state span {background:none; padding-left:2px; padding-right:2px;}
h2.trigger span span.paper-update-date{width:90px; text-align:center; padding-right:10px; padding-left:5px;}
h2.trigger span span.paper-update-date span {background:url(../images/icons/calendar.png) left center no-repeat; padding-left:22px; padding-right:2px;}
h2.trigger span span.paper-year{width:40px; text-align:center; padding-right:12px; padding-left:12px;}
h2.trigger span span.paper-year span {background:none; padding-left:2px; padding-right:2px;}
h2.trigger span span.paper-name{width:auto; text-align:center; padding-right:14px; padding-left:12px;}
h2.trigger span span.paper-name span {background:none; padding-left:2px; padding-right:2px;}
h2.trigger span span.first {margin-left:2px; padding-right:15px;}
h2.trigger span span.last {background:none;}
h2.active span span {background:url(../images/border-yellow.png) repeat-y top right}
h2.trigger span a {display:inline-block; width:25px; height:15px; text-indent:-9999px; clear: both; position:relative; margin: 0 0 0 0; padding:0;}
h2.trigger span a:hover {cursor:pointer; border:0; text-decoration:none;}
h2.trigger span a:focus {outline:0;}
h2.trigger span a.trigger-button-info {background:url(../images/icons/info.png) no-repeat center center;}
h2.trigger span a.trigger-button-key-words {background:url(../images/icons/key-words.png) no-repeat center center;}
h2.trigger span a.trigger-loader {background:url(../images/loader.gif) no-repeat center center;}
h2.trigger span a.trigger-button-box {outline:none;}
h2.trigger span a.trigger-button-box strong {line-height:30px;}
h2.trigger span a.trigger-button-box span {z-index:10; display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:240px; line-height:16px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #ccc; -webkit-box-shadow: 5px 5px 8px #ccc; box-shadow: 5px 5px 8px #ccc;}
h2.trigger span a.trigger-button-box:hover span{display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
.toggle_container {
margin: 0 0 2px 0;
padding: 0px 0px;
overflow: hidden;
clear: both;
background:#f2f2f2;
}
.toggle_container .block {
padding: 5px 5px 5px 5px;
border:0;
border-left:3px solid #f2f2f2;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); /* FF3.6 */
background: -ms-linear-gradient(top, #f2f2f2, #f2f2f2); /* IE10 */
background: -o-linear-gradient(top, #f2f2f2, #f2f2f2); /* Opera 11.10+ */
background: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2');
}
.toggle_container .block:hover {
cursor:default;
border-left:3px solid #efc000;
background: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #e5e5e5, #e5e5e5); /* FF3.6 */
background: -ms-linear-gradient(top, #e5e5e5, #e5e5e5); /* IE10 */
background: -o-linear-gradient(top, #e5e5e5, #e5e5e5); /* Opera 11.10+ */
background: linear-gradient(to bottom, #e5e5e5, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5');
}
.toggle_container .block h5 {
padding: 3px 0 3px 0px;
margin: auto;
margin-left: 0px;
margin-right: 5px;
text-align: left;
border-bottom: 2px inset #e5e5e5;
font-family:"DroidSansregular", Arial;
font-size:14px;
height:auto;
}
.toggle_container .block h5 > span {color:#101010; font-family:"DroidSansregular", Arial; font-size:14px; font-weight:bold;}
.toggle_container .block h5 > span[data-column='name'] {padding:0 5px 0 19px; border-right: 1px inset #e5e5e5;}
.toggle_container .block h5 > span[data-column='date'] {padding:0 0 0 25px; background:url(../images/icons/calendar.png) no-repeat 5px center; font-weight:lighter;}
.toggle_container .block h5 > span[data-column='number'] {padding:0 0 0 23px; background:url(../images/icons/document.png) no-repeat 5px center; font-weight:lighter;}
.toggle_container .block h5 > label {position:fixed; left:-40px;}
.toggle_container table {width:100%; height:100%; border:0px; margin: 0 0 0 0;}
.toggle_container table tr {width:auto; height:auto; border:0px; margin: 0 0 0 0;}
.toggle_container table tr td {position:relative; width:auto; height:auto; border:0px; margin:0px; padding:0px; padding-left:5px; padding-right:5px; min-width:145px;}
.toggle_container table tr td p
{
position:relative;
display:block;
padding: 0px 20px 0px 0px;
width:100%;
vertical-align:middle;
border-right: 1px inset #e5e5e5;
text-align: justify;
color:#101010;
font-family:"DroidSansregular", Arial;
font-size:14px;
margin:0px;
margin-bottom:2px; margin-top:7px;
}
.toggle_container table tr td a.read
{
display:inline-block;
vertical-align:middle;
padding:0px;
color: #3a3a3c;
text-align: center;
text-transform:uppercase;
cursor: pointer;
font-family: 'Oswald', sans-serif;
color: #fff;
font-size: 13px;
height: 30px;
width:80px;
line-height: 30px;
background:url('../images/button-bg-black.png') repeat-x;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.toggle_container table tr td a.access
{
display:inline-block;
vertical-align:middle;
width:32px; height:32px;
margin:0px; padding:0px; margin-left:5px;
color: #3a3a3c;
text-align: center;
text-transform:uppercase;
cursor: pointer;
font-size:11px;
font-family: 'Oswald', sans-serif;
background: url('../images/loader.gif') no-repeat center center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.toggle_container .block:hover a.read {color: #fff; text-decoration:none; background: url('../images/button-bg-yellow.gif') repeat-x;}
.toggle_container table tr td a.read:hover {color: #fff; text-decoration:none; background: url('../images/button-bg-yellow.gif') repeat-x;}
/*==== jQuery Accordion ====*/
#accordion{position:relative; margin: 0 0 0 0;}
h2.accordion-trigger {
padding: 12px 20px 14px 20px;
margin: 0 0 0px 0;
font-size:14px;
font-weight: normal;
text-transform:uppercase;
background:url(../images/bg-toggle.gif) repeat-x;
}
h2.accordion-trigger span {
text-decoration: none;
display: block;
color:#101010;
height:11px;
padding-right:20px;
cursor:pointer;
line-height:12px;
}
h2.accordion-active span{ color:#101010; }
h2.accordion-trigger a:hover {
color: #101010;
}
h2.accordion-active {
background:url(../images/bg-toggle-active.gif) repeat-x;
}
.accordion-container {
margin: 0 0 0px 0;
padding: 0px 0px;
overflow: hidden;
clear: both;
background:#f2f2f2;
}
/* PAPER (PREV - NEXT) ACCORDION */
ul.paper-nav-accordion{
list-style:none;
position:relative;
display:inline-block;
font-family: Cambria, serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
margin:5px;
padding:0px;
}
ul.paper-nav-accordion li{
width:115px;
height:200px;
display:block;
float:right;
position:relative;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
cursor:pointer;
-moz-box-shadow:1px 3px 15px #555;
-webkit-box-shadow:1px 3px 15px #555;
box-shadow:1px 3px 15px #555;
}
ul.paper-nav-accordion li.prev{
background-image:url(../images/1.jpg);
}
ul.paper-nav-accordion li.next{
background-image:url(../images/2.jpg);
}
ul.paper-nav-accordion li.bleft{
border-left:2px solid #fff;
}
ul.paper-nav-accordion li .heading{
background-color:#fff;
padding:10px;
margin-top:60px;
opacity:0.9;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
font-size:14px;
color:#444;
text-align:center;
text-shadow:-1px -1px 1px #ccc;
}
ul.paper-nav-accordion li .description{
position:absolute;
width:480px;
height:175px;
bottom:0px;
left:0px;
display:none;
}
ul.paper-nav-accordion li .description h2{
display:block;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
font-size:14px;
color:#444;
text-align:left;
margin:0px 0px 15px 20px;
text-shadow:-1px -1px 1px #ccc;
}
ul.paper-nav-accordion li .description p{
display:block;
line-height:14px;
margin:10px 22px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.6em;
}
ul.paper-nav-accordion li .description a{
position:absolute;
display:block;
bottom:5px;
left:20px;
text-transform:uppercase;
font-style:normal;
font-size:11px;
text-decoration:none;
color:#888;
}
ul.paper-nav-accordion li .description a:hover{
color:#333;
text-decoration:underline;
}
/* a tiny tab system (ana sayfa footer için) */
.ntabs {
position: relative;
display:block;
height:170px;
width:100%;
clear: both;
margin:auto;
padding:auto;
margin-left:-10px;
}
.ntabs .ntab {
float: left;
}
.ntabs .ntab label {
background:#1b1b1b;
padding: 10px;
padding-left:25px;
padding-right:25px;
height:24px;
width:100px;
margin-left:-1px;
position:relative;
left:1px;
cursor:pointer;
border-bottom:2px solid #1b1b1b;
outline: none;
color:#464646;
font-family:'Ubuntu', Georgia, Arial;
font-size:11px;
}
.ntabs .ntab [type=radio] {
display: none;
height:24px;
width:100px;
}
.ntabs .ntab .ncontent {
position: absolute;
display:none;
top: 28px;
left: 0;
background:transparent;
right: 0;
bottom: 0;
padding: auto;
padding-top:15px;
border:0;
border-top:1px solid #1b1b1b;
border-bottom:0px solid #fff;
-webkit-box-shadow: 0px 0px 95px 10px rgba(0,0,0,0.92);
-moz-box-shadow: 0px 0px 95px 10px rgba(0,0,0,0.92);
box-shadow: 0px 0px 95px 10px rgba(0,0,0,0.92);
}
.ntabs .ntab .ncontent div.ncontent-column {display:inline-block; padding:auto; margin:auto; height:100%;}
.ntabs .ntab .ncontent span {display:block; position:relative; color:#464646; margin: 0px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.ntabs .ntab [type=radio]:checked ~ label {
background:#fff;
font-weight:bold;
z-index: 2;
-webkit-box-shadow: 0px -8px 95px -8px rgba(0,0,0,0.92);
-moz-box-shadow: 0px -8px 95px -8px rgba(0,0,0,0.92);
box-shadow: 0px -8px 95px -8px rgba(0,0,0,0.92);
}
.ntabs .ntab [type=radio]:checked ~ label:after {
content:'';
position:absolute;
display:block;
top:32px;
left:45%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
}
.ntabs .ntab [type=radio]:checked ~ label ~ .ncontent {
z-index: 1; display:block;
}
/*Sliding Text and Icon Menu Style*//* STI-MENU */
/* Teşekkürler Mary Lou (Manoela Ilic) */
.sti-menu
{
position:relative;
top:-60px;
width:auto;
height:300px;
margin:0 auto 0 auto;
font-family: 'PT Sans Narrow', Arial, sans-serif;
font-size:13px;
}
.sti-menu li{
float:left;
width:200px;
height:300px;
margin:1px;
}
.sti-menu li a{
display:block;
overflow:hidden;
background:#fff;
text-align:center;
height:100%;
width:100%;
position:relative;
-moz-box-shadow:1px 1px 2px #ddd;
-webkit-box-shadow:1px 1px 2px #ddd;
box-shadow:1px 1px 2px #ddd;
}
.sti-menu li a h2{
color:#000;
font-family:'Wire One', arial, serif;
font-size:42px;
font-weight:bold;
text-transform:uppercase;
position:absolute;
padding:10px;
width:180px;
top:140px;
left:0px;
text-shadow: 0px 1px 1px black;
}
.sti-menu li a h3{
font-family:Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:18px;
font-style:italic;
color: #111;
position:absolute;
top:248px;
left:0px;
width:180px;
padding:10px;
}
.sti-icon{
width:100px;
height:100px;
position:absolute;
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
left:50px;
top:30px;
}
.sti-icon-care{
background-image:url(../images/care.png);
}
.sti-icon-alternative{
background-image:url(../images/alternative.png);
}
.sti-icon-family{
background-image:url(../images/family.png);
}
.sti-icon-info{
background-image:url(../images/info.png);
}
.sti-icon-technology{
background-image:url(../images/technology.png);
}
/* CD-DROPDOWN */
/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase; border-bottom: 1px solid #f1f1f1;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
border: 1px solid #f1f1f1;
border-bottom:0;
text-align: left;
margin: 0 -1px 24px 0;
width: 100%;
}
tr th,
thead th {
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-bottom: 1px solid #f1f1f1;
padding: 6px 24px;
}
tr.odd td {
background: #F2F7FC;
}
/*==== Column ====*/
.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth {margin-right: 4%; margin-left:0; position:relative; float:left;}
.one_half { width:48%; }
.one_third { width:30.6666%;}
.one_fourth { width:22%; }
.one_fifth { width: 16.8%;}
.one_sixth { width: 13.3333%;}
.two_third { width: 65.3332%;}
.two_fourth { width: 48%;}
.two_fifth { width: 37.6%;}
.two_sixth { width: 30.6666%;}
.three_fourth { width:74%;}
.three_fifth { width: 58.4%;}
.three_sixth { width: 47.9998%;}
.four_fifth { width: 79.2%;}
.four_sixth { width: 65.3332%;}
.five_sixth { width: 82.6665%;}
.firstcols { margin-left:0px !important; }
.last, .lastcols { margin-right:0px !important; clear:right; }
/*==== Testimonial ====*/
.ts-testimonial{padding:0 0 20px 0; margin-bottom:50px; border-bottom:solid 1px #ededed}
.testi-desc{margin:0; font-size:12px; font-style:italic}
/*==== Portfolio ====*/
#ts-display-pf-filterable{list-style-type:none; padding:0; margin:0;}
.ts-display-pf{border-top:solid 3px #191919;}
.ts-display-pf:hover{border-top:solid 3px #dbaf01;}
.ts-display-pf-img{
width:220px;
height:164px;
position:relative;
overflow: hidden !important;
position: relative;
background:#212121;
}
.ts-display-pf-img img {
width: 220px;
height: 164px;
position: absolute;
top: 0;
left: 0;
border: 0;
z-index:10;
}
.caption_slide{text-align:center; padding:60px 0 0 0}
.caption_slide h2{font-size:16px; line-height:18px; color:#fff; margin-bottom:5px;}
.caption_slide h2 a, .caption_slide h2 a:visited{color:#fff;}
.caption_slide p{color:#a4a4a4; font-size:13px; font-family:"DroidSansRegular",Arial}
#filter-control{background:url(../images/line-dotted.gif) repeat-x left top; padding:5px 0 0 0 }
#filter{line-height:22px; list-style-type:none; padding:0 0 5px 0; margin:0 0 30px 0; float:left; width:100%; background:url(../images/line-dotted.gif) repeat-x left bottom }
#filter li{list-style-type:none; float:left; padding:0 15px; background:url(../images/sep-filternav.gif) no-repeat left center}
#filter li:first-child{padding:0 15px 0 0; background:transparent}
#filter li a, #filter li a:visited{color:#101010; padding:0}
#filter li a:hover, #filter li.selected-1 a{text-decoration:none; color:#edbe01}
.image-grid { width: 940px; float:left;}
.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
margin:0;
padding:0;
list-style-type:none;
}
.image-grid li {
width: 220px;
margin: 0 20px 20px 0;
float: left;
height:210px;
overflow: hidden;
}
.image-grid li.nomargin{margin-right:0 !important;}
#ts-display-pf-filterable .more-link{
font-family:"DroidSansRegular";
font-size:14px;
background:url(../images/bg-button.gif) repeat-x;
display:inline-block;
color:#101010;
text-transform:uppercase;
float:left;
padding:0 0 0 20px;
height:32px;
width:200px;
}
#ts-display-pf-filterable .more-link span.moretext{float:left; line-height:34px; padding-right:10px}
#ts-display-pf-filterable .more-link span.moresep{ background:url(../images/morelink-span.gif) no-repeat right top; width:33px; height:32px; float:right}
#ts-display-pf-filterable .more-link:hover{background:url(../images/bg-button-hover.gif) repeat-x; color:#101010}
#ts-display-pf-filterable .more-link:hover span.moretext{color:#101010}
#ts-display-pf-filterable .more-link:hover span.moresep{ background:url(../images/morelink-span-hover.gif) no-repeat right top;}
#ts-display-pf-filterable li:hover .more-link{background:url(../images/bg-button-hover.gif) repeat-x !important;}
#ts-display-pf-filterable li:hover .more-link span.moresep{ background:url(../images/morelink-span-hover.gif) no-repeat right top !important;}
/* jCarousel Option */
#tscarousel .more-link{
font-family:"DroidSansRegular";
font-size:14px;
background:url(../images/bg-button.gif) repeat-x;
display:inline-block;
color:#101010;
text-transform:uppercase;
float:left;
padding:0 0 0 20px;
height:32px;
width:200px;
}
#tscarousel .more-link span.moretext{float:left; line-height:34px; padding-right:10px}
#tscarousel .more-link span.moresep{ background:url(../images/morelink-span.gif) no-repeat right top; width:33px; height:32px; float:right}
#tscarousel .more-link:hover{background:url(../images/bg-button-hover.gif) repeat-x; color:#101010}
#tscarousel .more-link:hover span.moretext{color:#101010}
#tscarousel .more-link:hover span.moresep{ background:url(../images/morelink-span-hover.gif) no-repeat right top;}
#tscarousel li:hover .more-link{background:url(../images/bg-button-hover.gif) repeat-x !important;}
#tscarousel li:hover .more-link span.moresep{ background:url(../images/morelink-span-hover.gif) no-repeat right top !important;}
#tscarousel-button a{ width:20px; height:19px; text-indent:-9999px; float:left; display:block; cursor:pointer;}
#tscarousel-prev{background:url(../images/prev.gif) no-repeat; margin-right:2px}
#tscarousel-prev:hover{background:url(../images/prev-hover.gif) no-repeat;}
#tscarousel-next{ background:url(../images/next.gif) no-repeat;}
#tscarousel-next:hover{ background:url(../images/next-hover.gif) no-repeat;}
/*==== Pricing Box ====*/
.list-box-container{
padding:0 0 0 0;
margin-top:0;
}
.list-box-content{ margin:0px 0px; padding:0 15px;}
.list-box-content ul{margin:0px auto; padding:0; list-style-type:none;}
.list-box-content ul li{margin:0; padding:6px; list-style-type:none; text-align:left; border-top:1px solid #e2e2e2; text-align:center}
ul.pricing-box{margin:0 0 10px 0; padding:0; list-style-type:none; list-style-position:outside; width:940px; float:left}
ul.pricing-box > li{
background-color:#f5f5f5;
border:solid 1px #fff;
border-width:0 1px 0 0;
float:left;
width:233px;
text-align:center;
padding:0;
margin:0;
position:relative;
z-index:2
}
ul.pricing-box li.noborder{border:0;}
ul.pricing-box li.current{border:0; z-index:4}
ul.pricing-box li.last{margin-right:0; background:#ededed}
ul.pricing-box .currency{font-size:22px;}
ul.pricing-box .price-text{
margin:0; color:#202020; padding:22px 0 19px 0; vertical-align:top;
}
ul.pricing-box .price-text h1{font-size:22px; text-transform:uppercase; margin:0; font-family:"DroidSansBold",Arial}
ul.pricing-box .price{font-size:22px;}
ul.pricing-box .priceper{color:#9c9c9c; font-size:16px; text-transform:lowercase}
ul.pricing-box li.current{
margin-top:-19px;
-moz-box-shadow: 0px 0px 18px #a1a1a1;
-webkit-box-shadow: 0px 0px 18px #a1a1a1;
box-shadow: 0px 0px 18px #a1a1a1;
background:#fff;
padding-bottom:20px
}
.list-box-button{background:#e1e0e0; padding:17px 0; text-align:center !important; margin:0 auto}
.list-box-button .more-link{float:none;}
ul.pricing-box li.current .list-box-button{background:transparent; padding:40px 0 17px 0}
ul.pricing-box .more-link{
font-family:"DroidSansRegular";
font-size:16px;
background:url(../images/bg-button-large.gif) repeat-x;
display:inline-block;
color:#555555;
text-transform:uppercase;
float:none;
padding:0 0 0 10px;
height:39px;
}
ul.pricing-box .more-link span.moretext{float:left; line-height:41px; padding-right:10px}
ul.pricing-box .more-link span.moresep{ background:url(../images/morelink-span-large.gif) no-repeat right top; width:33px; height:39px; float:left}
ul.pricing-box .more-link:hover{background:#ff9900 url(../images/bg-button-large-hover.gif) repeat-x; height:39px !important; color:#101010}
ul.pricing-box .more-link:hover span.moretext{color:#101010}
ul.pricing-box .more-link:hover span.moresep{ background:url(../images/morelink-span-large-hover.gif) no-repeat right top;}
/*==== Pricing Table ====*/
.table-box-container{ width:940px; margin-bottom:20px}
.table-box-container ul{ margin:0px; padding:0;float:left; }
.table-box-container ul li{ float:left; list-style-type:none; padding:0; margin:0; color:#212121 !important; width:175px; border-left:1px solid #fff; }
.table-box-container ul li h4{ margin:0px; font-size:13px;}
.table-box-container ul li.one{width:195px; padding-left:20px; padding-right:20px}
.table-box-container ul li.two{text-align:center}
.table-box-container ul li.three{text-align:center;}
.table-box-container ul li.four{text-align:center;}
.table-box-container ul li.five{text-align:center;}
ul.table_header li.one{}
ul.tbl-odd{ background-color:#f1f1f1; float:left; border-top:1px solid #fff; }
ul.tbl-odd li{width:175px; padding:7px 0; border-left:1px solid #fff;}
ul.tbl-even{ background-color:#ededed; float:left; border-top:1px solid #fff; }
ul.tbl-even li{width:175px; padding:7px 0; border-left:1px solid #fff; }
ul.tbl-even.noborder{ border-bottom:0px;}
ul.tbl-btn{float:left; border-top:1px solid #fff; }
ul.tbl-btn li{width:175px; padding:16px 0; border-left:1px solid #fff; background-color:#ededed; }
ul.tbl-btn.noborder{ border-bottom:0px;}
ul.tbl-btn li.one.nobg{background:transparent !important; min-height:0px !important}
ul.tbl-price{ border:0px; font-size:18px;}
ul.tbl-price a, ul.tbl-price a:visited{ color:#707070; text-decoration:underline; font-size:12px;}
ul.tbl-price a:hover{ text-decoration:none;}
ul.tbl-odd li.one, ul.tbl-even li.one{border-left:solid 1px #fff}
.table-box-container .title-box{margin-bottom:0; padding:3px 0; background:#2a2a2a; color:#c9c9c9; font-size:13px; text-transform:uppercase}
.table-box-container li.three .title-box{ background:#353535; color:#c9c9c9}
.table-box-container .title-box.current{ background:#e4b700; color:#212121; font-size:16px; margin-top:-20px; padding:13px 0;}
.table-box-container .price-text{
margin:0; color:#fff;
background:#353535;
padding:17px 0 7px 0;
}
.table-box-container li.three .price-text{ background:#4b4b4b; }
.table-box-container .price-text.current{ background:#f6c500; color:#fff}
.table-box-container .price{font-size:40px; line-height:25px; font-family:"DroidSansRegular", Arial}
.table-box-container .price span.pertext{display:block; font-size:13px; color:#737373}
.table-box-container .price-text.current .price span.pertext{color:#3f3f3f}
.table-box-container .more-link{
font-family:"DroidSansRegular";
font-size:16px;
background:url(../images/bg-button-large.gif) repeat-x;
display:inline-block;
color:#555555;
text-transform:uppercase;
float:none;
padding:0 0 0 10px;
height:39px;
}
.table-box-container .more-link span.moretext{float:left; line-height:41px; padding-right:10px}
.table-box-container .more-link span.moresep{ background:url(../images/morelink-span-large.gif) no-repeat right top; width:33px; height:39px; float:left}
.table-box-container .more-link:hover{background:#ff9900 url(../images/bg-button-large-hover.gif) repeat-x; height:39px !important; color:#101010}
.table-box-container .more-link:hover span.moretext{color:#101010}
.table-box-container .more-link:hover span.moresep{ background:url(../images/morelink-span-large-hover.gif) no-repeat right top;}
/* tags widget */
#tag-cloud{margin-bottom:40px; float:left}
#tag-cloud .tag{margin:0 10px 10px 0;}
#tag-cloud .tag, #tag-cloud .tag span{display:block; float:left; height:26px; line-height:25px}
#tag-cloud .tag .left{background:url(../images/tag-middle-hover.png) repeat-x; width:10px;}
#tag-cloud .tag .middle{background:url(../images/tag-middle-hover.png) repeat-x; padding:0 10px 0 0}
#tag-cloud .tag .right{background:url(../images/tag-right-hover.png) no-repeat; width:21px;}
#tag-cloud .tag a, #tag-cloud .tag a:visited{color:#444444;}
#tag-cloud .tag a:hover{text-decoration:none; color:#636363}
/* TS Recent Posts */
.latestpost{margin:0; padding:0; list-style-type:none;}
.latestpost li{padding:10px 0 10px 0 !important; margin:0 !important; background:transparent !important; clear:both;}
.latestpost li:first-child{padding:0 0 10px 0 !important;}
.latestpost li img{padding:2px; border:solid 1px #484848;}
.latestpost .post-date{font-size:12px; color:#888; display:block; padding:4px 0 0 0; overflow:hidden}
.latestpost .post-title{font-family:'DroidSansBold', Arial; font-size:13px; display:block}
#sidebar .latestpost li a{color:#f84864}
#sidebar .latestpost li a:hover{text-decoration:underline;}
.recentproject li{padding:0 !important; background:transparent !important; border:0 !important;}
/* AFTER CONTENT */
#after-content{
clear:both;
padding:10px 30px;
background: #daaf01 url(../images/bg-aftercontent.gif) repeat-x;
}
#twitter_update_list{list-style-type:none; padding:0 15px; margin:0; text-align:center}
#twitter_update_list li{font-size:12px; line-height:32px; font-weight:bold; font-style:italic; font-family:Georgia, Arial; background:url(../images/tweet.png) no-repeat 0 5px; padding:0; text-align:center; padding:0 0 0 20px; color:#101010}
#twitter_update_list li a, #twitter_update_list li a:visited{color:#fff;}
/* FOOTER */
#footer{background:#1b1b1b; border-top:solid 3px #0e0e0e; margin:0px; margin-left:280px; padding:0px; height:200px; display:block;}
#main-footer{padding:30px 30px 0px 30px; color:#777;}
#main-footer .footcol1 {float:left; width:20%; margin: 0 0 0 0;}
#main-footer .footcol2 {float:left; width:80%; margin: 0 0 0 0;}
#main-footer ul{list-style-type:none; margin:0; padding:0;}
#main-footer li.widget-container{list-style-type:none; display:inline-block; margin:0 0 30px 0; padding:0; border:0px;}
#main-footer li.footer-column{list-style-type:none; display:inline-block; position:relative; margin:auto; padding:auto; padding-bottom:20px; padding-top:20px; border:0px; height:100%; width:auto;}
#main-footer li.footer-column > span {display:block; position:relative; color:#464646; margin: 0px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
#main-footer .widget-title{font-size:14px; padding:0; line-height:18px; margin-bottom:15px !important; text-align:left; text-transform:uppercase; color:#fff}
#main-footer ul#footer-testimonial {height:180px; list-style-type:none; background: url(../images/quote-top.png) top left no-repeat;}
#main-footer li.quotation{ margin:0px 0 20px 0px; padding:0px 10px 0px 50px; clear:both; border:0px; width:auto; height:180px; position:relative; display:none;}
#main-footer li.quotation p {font-size:21px; font-family:Arizonia, 'Oswald', sans-serif; text-align:justify; color: #b1b1b1; float:left; width:100%}
#main-footer li.quotation span {font-size:21px; font-family:Arizonia, 'Oswald', sans-serif; text-align:left; color: #b1b1b1; float:right;}
#main-footer li li{ background:url(../images/line.gif) repeat-x left bottom; padding:0 0 8px 0px; margin:0 0 6px 0; }
#main-footer li a{color:#777; padding:0px; margin:0px;}
#main-footer li a:hover{ text-decoration:none; color:#ddd}
.info-column {
display: inline-block;
position: relative;
width: 120px;
height: 200px;
border: 0px;
border-top: 1px solid;
border-bottom: 1px solid;
}
.info-column[id='red'] {border-color:#B22222;}
.info-column[id='blue'] {border-color:#483D8B;}
.info-column[id='yellow'] {border-color:#F0E68C;}
.info-column[id='green'] {border-color:#BDB76B;}
.info-column[id='gray'] {border-color:#808080;}
#copyright{font-size:12px; color:#777; /* #777 #464646 */}
#copyright a, #copyright a:visited{color:#949393;}
#main-footer ul.sub-menu, #main-footer ul.children, #main-footer ul ul ul{margin:3px 0 0 10px; }
#main-footer ul.sub-menu li, #main-footer ul.children li, #main-footer ul ul ul li{margin-bottom:2px; padding-bottom:2px; border:0}
#main-footer ul.sub-menu li:last-child, #main-footer ul.children li:last-child, #main-footer ul ul ul li:last-child{padding-bottom:0px; margin-bottom:0; border:0; }
.footer-before{display:block; position:relative; padding:30px 30px 0px 30px; color:#777; background:#1b1b1b; background-size:cover; height:200px; width:auto; border-top:solid 3px #0e0e0e;}
#sn{padding:0}
#sn ul{list-style-type:none; margin:0 0 0 0; padding:0;}
#sn ul li{list-style-type:none; margin:0; padding:0 10px 0 0; display:inline}
.sn span{height:32px; width:32px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 0;}
#main-footer #searchform input.inputsearch, #main-footer input[type=text],
#main-footer textarea, #main-footer input[type="password"], #main-footer select{border:0; background:#202020; width:95%}
/*** AFTER FOOTER ***/
#after-footer{
display:block;
height:40px;
margin:0px;
margin-left:280px;
background:#121212;
padding:10px 30px 9px 30px;
border-top:solid 3px #0e0e0e;
}
#copyright{font-size:12px; color:#777; padding:0 0 0 0}
#copyright{ padding:8px 0 0 0}
#copyright a, #copyright a:visited{color:#949393;}
#sn{float:right; padding:0 0 0 0}
#sn ul{list-style-type:none; margin:4px 0 0 0; padding:0;}
#sn li{list-style-type:none; margin:0; padding:0 0 0 6px; display:inline}
.sn span{height:27px; width:27px; display:inline;display:inline-block}
.icon-img{background-position:0 0 !important;}
.icon-img:hover{background-position:0 -27px !important;}
/* CONTENT FLOW */
.content-flow {text-align:left; background:#1b1b1b; border-top:solid 1px #0e0e0e; height:500px; width:100%; margin:0; font-size:small; z-index:0;}
.content-flow .flow-header {position:absolute; height:500px; width:500px; margin:auto; left:0; right:auto; padding:0; border-right:1px solid #0e0e0e; box-shadow:9px 0px 20px 4px #0e0e0e; z-index:20;}
.content-flow .flow-header img {display:block; height:500px; width:500px; margin:auto; background:transparent;}
.content-flow .flow-header h2 {display:block; margin:auto; padding:auto; width:100%; color:#464646; font-family:'Ubuntu', Georgia, Arial; font-size:15px; text-align:center; vertical-align:middle;}
.content-flow .flow-footer {position:absolute; height:250px; width:25px; margin:auto; left:auto; right:0; border-left:1px solid #0e0e0e; box-shadow:-9px 0px 20px 4px #0e0e0e; z-index:20;}
.content-flow .flow-footer img {display:block; height:250px; width:25px; margin:auto; background:transparent;}
.content-flow .flow-list {position:relative; margin:auto; padding:auto; height:250px; width:100%; background:#fff; z-index:10;}
.content-flow .flow-list li {height:250px; width:auto;}
.content-flow .flow-list li span {}
/* LIBRARY CONTAINER */
#library-content{position:relative; margin: 20px 0 0 0;}
#library-content ul.library-categories {float:left; list-style-type:none; padding: 0px; padding-bottom: 15px; margin: 0px;}
#library-content ul.library-categories li {float:left;margin-right:2px;margin-top:2px;}
#library-content ul.library-categories li a {text-transform:uppercase;font:12px;font-family:'DroidSerifItalic', Arial, Tahoma, Verdana, sans-serif;color:#909090;background:#e1e1e1;padding:3px 6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#library-content ul.library-categories li a:hover span, #library-categories ul.library-categories li a span {padding-bottom:10px;}
#library-content ul.library-categories li a:hover, #library-categories ul.library-categories li a {color:#fff;background:#4d4d4d;text-decoration:none;}
#library-content ul.library-categories li a.active-category{color:#fff;background:#4d4d4d;}
#library-content table {width:100%; height:100%; border:0px; margin: 0 0 0 0;}
#library-content table tr {width:auto; height:auto; border:0px; margin: 0 0 0 0; border: 0px;}
#library-content table tr td.library-category-column {width:20%; vertical-align:top; margin: 0 0 0 0; padding: 0px; padding-right: 2px;}
#library-content table tr td.library-category-column iframe {margin: 0 0 0 0; padding:0px; border: 0px; width:100%; height:700px;}
#library-content table tr td.library-content-column {width:80%; vertical-align:middle; margin: 0 0 0 0; padding: 0px;}
#library-content table tr td.library-content-column iframe {margin: 0 0 0 0; padding:0px; border: 0px; width:100%; height:700px;}
#library-category-pane {vertical-align:top;margin: 0;padding: 0;display:block;background:#f2f2f2; width:100%;height:100%;}
#library-category-pane h3 {
color: #fff;
font-size: 13px;
height: 35px;
line-height: 35px;
text-transform:uppercase;
text-align: center;
background: url('../images/button-bg-black.png') repeat-x;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#library-category-pane ul {list-style-type:none;margin: 0;padding: 0;}
#library-category-pane ul li {
display:list-item;
padding: 0px 0px 0px 0px;
border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;
background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); /* FF3.6 */
background: -ms-linear-gradient(top, #f2f2f2, #f2f2f2); /* IE10 */
background: -o-linear-gradient(top, #f2f2f2, #f2f2f2); /* Opera 11.10+ */
background: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2');
}
#library-category-pane ul li:hover {
background: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #e5e5e5, #e5e5e5); /* FF3.6 */
background: -ms-linear-gradient(top, #e5e5e5, #e5e5e5); /* IE10 */
background: -o-linear-gradient(top, #e5e5e5, #e5e5e5); /* Opera 11.10+ */
background: linear-gradient(to bottom, #e5e5e5, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5');
}
#library-category-pane ul li a {}
#library-category-pane ul li a span {font-family:"DroidSansregular", Arial;font-size:14px;text-align:justify;color:#101010;}
#library-category-pane ul li a span i { }
#library-category-pane ul li a:hover {text-decoration:none;cursor:default;}
/*** BUTTONS ***/
.gray-btn {
border: none;
width: 112px;
cursor: pointer;
height: 40px;
color: #bdbdbd;
float: right;
font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif;
background: url(../images/gray-btn.png) bottom no-repeat; }
.read:hover { background-position: top; }
.white-btn
{
background: url(../images/white-btn.png) top no-repeat;
display: block;
color: #3a3a3c !important;
font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif;
text-shadow: 1px 1px 0px #fff;
text-align: center;
width: 112px;
height: 40px; }
.white-btn:hover { background-position: bottom; color: #3a3a3c; }
.yellow-btn
{
margin: 0px 0px 30px;
float: right;
display: block;
color: #3a3a3c;
font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif;
text-shadow: 1px 1px 0px #ccc;
text-align: center;
width: 112px;
height: 40px;
border: none;
background: url(../images/yellow-btn.png) top no-repeat; }
.yellow-btn:hover { background-position: bottom; }
a.buttonsmall {
border-radius: 4px;
display: inline-block;
cursor: pointer;
line-height: normal;
box-shadow:0px 0px 3px #b4b4b4;
display:inline-block;
padding:6px 10px 6px 10px;
font-size:11px;
color:#4c4c4c !important;
text-transform:uppercase;
background:#eaeaea;
border:#bbbbbb solid 1px;
text-shadow:1px 1px #fff;
font-family: 'Oswald', sans-serif;
}
a.buttonsmall:hover {
color: #222;
background: #ddd; /* Old browsers */
background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
border: 1px solid #888;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
/*----------------------------------------------*/
/* Testimonial */
/*----------------------------------------------*/
.testimonial-wrap{
width: 100%;
margin: 0 auto;
padding: 0;
background: #ececec;
overflow:hidden;
border-bottom: 1px dashed #cfcfcf;
border-top: 1px dashed #cfcfcf;
position: relative;
clear: both;
}
.testimonial{
width: 900px;
padding: 15px 0 15px 0;
margin-top: 0;
vertical-align: middle;
overflow:hidden;
min-height: 43px;
}
.testimonial p{
vertical-align: middle;
font-family: Georgia, Times, serif;
font-size: 17px;
color:#888888;
font-style: italic;
text-align: center;
line-height: 27px;
}
/*** PAPER LIST ***/
.papers-list li { position: relative; height: 50px; width: 80%; padding: 15px 15px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;
background: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3.6 */
background: -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE10 */
background: -o-linear-gradient(top, #ffffff, #e5e5e5); /* Opera 11.10+ */
background: linear-gradient(to bottom, #ffffff, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
}
.papers-list li:hover {
background: -webkit-linear-gradient(top, #e5e5e5, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #e5e5e5, #ffffff); /* FF3.6 */
background: -ms-linear-gradient(top, #e5e5e5, #ffffff); /* IE10 */
background: -o-linear-gradient(top, #e5e5e5, #ffffff); /* Opera 11.10+ */
background: linear-gradient(to bottom, #e5e5e5, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
}
.papers-list li h3 { color: #1d1d1d; font: 18px/30px "DroidSansBold", Arial, Helvetica, sans-serif; }
.papers-list li h3 a { color: #1d1d1d; text-decoration: none; }
.papers-list li p { color: #1d1d1d; font: 12px/24px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.papers-list li a { color: #1d1d1d; }
.papers-list li span { position: absolute; top: 25%; right: 10px; display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-right.png) top no-repeat; }
.papers-list li:hover span { background-position: bottom; }
.papers-list div:last-child { margin-right: 0px; }
/*** ACCORDION ***/
.ac-container{
width: 90%;
margin: 10px auto 30px auto;
text-align: left;
}
.ac-container label{
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
padding: 5px 20px;
position: relative;
z-index: 20;
display: block;
height: 30px;
cursor: pointer;
color: #777;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
line-height: 33px;
font-size: 19px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #c6e1ec;
color: #3d7489;
text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 7px;
background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after
{
background-image: url(../images/arrow_up.png);
}
.ac-container input{
display: none;
}
.ac-container .ac-content{
background: #ffffff;
margin-top: -1px;
overflow: scroll;
overflow-x: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container .ac-content p{
font-style: italic;
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ .ac-content{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ .ac-content{
height: 250px;
}
/*** EQUATIONS ***/
.equation {}
/*** SCROLLABLE-AREA ***/
.scrollable-area{position:relative; display:block;}
/*** LOADING BOX ***/
div.loading-box {background:#000 url(../images/loader-content.gif) no-repeat center center;
height: 50px;
width: 50px;
position: fixed;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 1000;
}
/*** SCROLL TOP ***/
#scroll-to-top {position: fixed; bottom: 15px; right: 5px; display: none; background: url(../images/to-top.png); width: 43px; height: 43px; opacity: 1; z-index: 1000;}
/*** KEY-WORD ELEMENTS ***/
a.key-word {display:inline-block; float:left; background:url(../images/tag-left.png) no-repeat; margin-right: 9px; padding-left: 21px; margin-bottom: 8px; height:26px; line-height:25px; vertical-align:middle;}
a.key-word span {display:inline-block; float:left; height:26px; line-height:25px; padding-left: 4px; padding-right: 4px; text-align:center; color: #afafaf; font-size: 11px; background:url(../images/tag-span.png) repeat-x;-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
a.key-word:hover, a.key-word.active {color:#188Ec4; cursor:pointer; text-decoration:none; background:url(../images/tag-left-hover.png) no-repeat;}
a.key-word:hover span, a.key-word.active span {background:url(../images/tag-span-hover.png) repeat-x; color: #fff;}
div#key-words-panel {display:none; width:100%; height:100px; margin:0; padding:0;}
div#key-words-panel ul {list-style-type:none;}
div#key-words-panel ul li {float:left; padding-right:5px;}
/*** COMMENT BOX ***/
.comment-box {position:relative; margin: 25px auto 5px auto;}
.comment-box form {position:relative; width:990px;}
.comment-box form textarea {font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:18px; font-style:normal; padding:7px 5px 7px 28px; margin-bottom:10px; background:#fbfbfc url(../images/contact/input-comment-black.png) 6px 7px no-repeat; outline:none; border:1px solid #e7e7e7; width:800px; height: auto; overflow:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.comment-box form textarea:focus {background:#fbfbfc url(../images/contact/input-comment-black.png) 6px 7px no-repeat;}
.comment-box form textarea a {float:left; display:inline-block;}
/*** CONTACT CONTAINER ***/
.contact-container {display:block; position:relative; height:auto; margin:auto; margin-left:50px; margin-right:50px; min-height:400px;}
.contact-container span {display:block; margin:auto; margin-top:3px; padding:0 8px 0 0; color: #464646; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.contact-container span[contact-type='mail'] {padding-left:25px; background:url(../images/icons/mail.png) no-repeat left center; font-weight:lighter;}
.contact-form {position:relative; display:block; width:100%; margin: 25px auto 5px auto;}
.contact-form form {position:relative; width:990px;}
.contact-form form fieldset {position:relative; width:auto; height:auto; border-style:none;}
.contact-form form label {display:block; float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px; font-size:18px;}
.contact-form form label:after {content: ":"; padding-left: 4px; padding-right: 5px;}
.contact-form form input {position:relative; font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:18px; font-style:normal; font-weight:normal;}
.contact-form form input[type=text] {font-style:italic; vertical-align:middle; padding:7px 5px 7px 28px; margin:0; margin-bottom:10px; outline:none; border:1px solid #e7e7e7; width:600px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contact-form form input[type=text]:focus {font-style:normal;}
.contact-form form input[type=text]#name {background:#fbfbfc url(../images/contact/input-name-grey.png) 6px no-repeat;}
.contact-form form input[type=text]#mail {background:#fbfbfc url(../images/contact/input-mail-grey.png) 6px no-repeat;}
.contact-form form input[type=text]#subject {background:#fbfbfc url(../images/contact/input-subject-grey.png) 6px no-repeat; width:800px;}
.contact-form form input[type=text]#name:focus {background:#fbfbfc url(../images/contact/input-name-red.png) 6px no-repeat;}
.contact-form form input[type=text]#mail:focus {background:#fbfbfc url(../images/contact/input-mail-red.png) 6px no-repeat;}
.contact-form form input[type=text]#subject:focus {background:#fbfbfc url(../images/contact/input-subject-red.png) 6px no-repeat;}
.contact-form form textarea {font-family: Arial, Helvetica, sans-serif; color:#a5a4a4; font-size:18px; font-style:italic; padding:7px 5px 7px 28px; margin-bottom:10px; background:#fbfbfc url(../images/contact/input-message-grey.png) 6px 7px no-repeat; outline:none; border:1px solid #e7e7e7; width:800px; height: 400px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contact-form form textarea:focus {font-style:normal; background:#fbfbfc url(../images/contact/input-message-red.png) 6px 7px no-repeat;}
.contact-form form input[type=submit], .contact-form form input[type=reset] {font-family:"DroidSansRegular"; font-size:12px; font-weight:lighter; color: #464646; text-transform:uppercase; float:right; padding:0 10px; height:25px; line-height:25px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; margin:0; margin-right:5px; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.contact-form form input[type=submit]:hover, .contact-form form input[type=reset]:hover {text-decoration:none; cursor:pointer; color:#fff; background:#efc000 url('../images/button-bg-yellow.png') repeat-x;}
/*** PAPER NAVIGATIONS ***/
#paper-nav {display:inline-block; float:right; position:relative; height:42px; margin: 0px auto; margin-bottom:15px; z-index:99999;}
#paper-nav span {display:inline-block; margin:0; margin-bottom:1px; padding:0; font-size:small; font-family:'Ubuntu', Georgia, Arial; width:200px;}
#paper-nav a {position:relative; display:block; text-align:center; color: #464646; padding: 5px 5px 5px 5px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
#paper-nav span a:hover {text-decoration:none; cursor:pointer;}
#paper-nav span.prev a {background: #f2f2f2 url('../images/prev.png') no-repeat left center; padding-left:20px;}
#paper-nav span.next a {background: #f2f2f2 url('../images/next.png') no-repeat right center; padding-right:20px;}
#paper-nav span span {display:block; position:absolute; font-size:medium; margin:0; padding:2px 2px 2px 2px; margin-top:12px; border:1px solid #f3f3f3; border-top:8px solid #f3f3f3; width:400px; left:0px; background-color:#fff; z-index:999999; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
#paper-nav span span:before {display:block; position:absolute; content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f3f3f3; top:-18px;}
#paper-nav span.prev span:before {left:100px;}
#paper-nav span.next span:before {left:300px;}
#paper-nav span.prev span {visibility:hidden;}
#paper-nav span.next span {visibility:hidden;}
#paper-nav span.only span {left:auto; right:0px;}
#paper-nav span.only span:before {left:300px;}
#paper-nav span span i {display:block; margin:0; padding:0; font-size:16px; font-family:'Ubuntu', Georgia, Arial; font-style:normal;}
#paper-nav span span i[data-column='title'] {padding-left:25px; background:url(../images/icons/title.png) no-repeat left center;}
#paper-nav span span i[data-column='number'] {padding-left:25px; background:url(../images/icons/home.png) no-repeat left center;}
#paper-nav span.prev:hover span {visibility:visible;}
#paper-nav span.next:hover span {visibility:visible;}
/*** RELATED PAPERS ***/
#related-papers {display:inline-block; float:right; position:relative; height:42px; margin: 0px auto; margin-bottom:15px; margin-top:-15px; z-index:99999;}
#related-papers a {display:block; position:relative; color: #464646; font-size:medium; margin:0; padding:2px 2px 2px 2px; margin-top:12px; border:1px solid #f3f3f3; border-top:8px solid #f3f3f3; width:400px; left:0px; background-color:#fff; z-index:999999; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
#related-papers a:hover {text-decoration:none; cursor:pointer;}
#related-papers a i {display:block; margin:0; padding:0; font-size:16px; font-family:'Ubuntu', Georgia, Arial; font-style:normal;}
#related-papers a i[data-column='title'] {padding-left:25px; background:url(../images/icons/title.png) no-repeat left center;}
#related-papers a i[data-column='number'] {padding-left:25px; background:url(../images/icons/home.png) no-repeat left center;}
/***** arow styles */
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}
.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid blue;
}
/* BOOK CONTENT NAVIGATION */
#book-content {position:fixed; left:0; top:0; bottom:auto; height:100%; width:400px; margin:0 auto; background:#fff; z-index:999; opacity:0.01; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 0px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 0px 7px rgba(0,0,0,0.3);}
#book-content:hover {opacity:0.9}
/*** PAPER TAG ***/
.paper-tags {margin:20px 0 0 0; list-style-type:none;}
.paper-tags li {background:url(../images/paper-tag-left.png) no-repeat; float:left; margin:0 8px 5px 0; padding:0 0 0 15px;}
.paper-tags a {background:url(../images/paper-tag-right.png) no-repeat; font-size:10px; color:#797979; height:19px; display:block; padding:4px 10px 0 4px; float:left;}
.paper-tags a:hover {text-decoration:none; color:#db8100; cursor:pointer;}
/*** PAPER TAG (ALTERNATİF) ***/
.paper-tags2 {line-height:1.7em; font-style:italic; background:#0f0f0f; padding:15px; list-style-type:none;}
.paper-tags2 li {float:left; margin:0 8px 5px 0; padding:0 0 0 15px;}
.paper-tags2 a {display:inline-block; color:#0f0f0f; background:#595959; font-size:13px; padding:0 4px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:4px 2px}
.paper-tags2 a:hover {background:#888;}
/* PAPER-COVER-LIST SLIDER */
#paper-covers {position:relative; display:inline-block; height:300px; width:auto; overflow:auto;}
#paper-covers ul {display:block; height:300px; width:100%; padding:0; margin:0; background:transparent; list-style:none;}
#paper-covers ul li {display:block; float:left; padding:0 1px;}
#paper-covers a {display:block; text-decoration:none;}
#paper-covers span {display:block; margin-top:3px; text-align:center; font-size:12px; color:#fff;}
#paper-covers img {margin:auto; padding:0; width:212px; height:300px;}
#paper-covers a:hover img {filter:alpha(opacity=50); opacity:0.5;}
/* BOOK NAVIGATION */
#book-nav {position:fixed; display:inline-block; left:40px; top:80px; right:auto; height:auto; width:auto; margin:0 auto; background:transparent; z-index:800; opacity:0.09;}
#book-nav span {position:relative; display:block; margin:auto; padding:0px; margin-top:30px; background:transparent; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center;}
#book-nav span a {position:relative; text-decoration:none; cursor:pointer; color:#464646; margin:auto; padding:0px; text-shadow: 0px 1px 1px #4d4d4d; letter-spacing:5px;}
#book-nav span a:hover:before {position:absolute; content:url(../images/icons/check-lg-24.png); margin-top:-3px; margin-left:-28px; background-color:transparent;}
#book-nav span a.active:before {position:absolute; content:url(../images/icons/check-g-24.png); margin-top:-3px; margin-left:-28px; background-color:transparent;}
/*** BOOKS CONTAINER ***/
.books-container {display:block; position:relative; margin:auto; margin-left:50px; margin-right:50px; min-height:400px;}
.books-container > div.description {display:block; position:relative; margin:auto; margin-bottom:20px; padding:auto; padding-left:15px; padding-top:15px; color:#464646; font-size:20px; font-family:'Ubuntu', Georgia, Arial; font-weight:lighter; letter-spacing:2px; text-align:justify; line-height:1.2em;}
.books-container > .book-list {list-style:none; display:flex; flex-direction:row; margin:auto; padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:50px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; scroll-behavior:smooth;}
.books-container > .book-list > li {display:inline-flex; margin:15px; margin-top:auto; margin-bottom:25px; -webkit-perspective: 440px; -moz-perspective: 440px; perspective: 440px;}
.books-container > .book-list > li .front {width: 100%; height: 100%; float: none; position: absolute; top: 0; left: 0; z-index: 2; background: #8c53a6; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.books-container > .book-list > li .back {width: 100%; height: 100%; float: none; position: absolute; top: 0; left: 0; z-index: 1; background: #743790; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.books-container > .book-list > li .back > div {padding: 20px;}
.books-container > .book-list > li .back > div h2 {margin-top: 0; margin-bottom: 5px; font-size: 20px; color: #FFF; font-weight: bold;}
.books-container > .book-list > li .back > div h3 {margin-top: 0; margin-bottom: 5px; font-size: 14px; color: #FFF; font-weight: normal;}
.books-container > .book-list > li .back > div .spot {font-size: 12px; color: #f8f8f8; line-height: 1.3em;}
.books-container > .book-list > li .back > div .spot > i {display:inline-block; margin:0px; padding:0 2px 0 2px;}
.books-container > .book-list > li .back > div .spot p {margin: 0; padding: 0;}
.books-container > h2 {position:relative; display:block; padding:15px; background:#fff; width:auto; height:auto; margin:auto; color:#464646; border-bottom:2px solid #25678e; word-spacing: 4.75em; text-transform:uppercase; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center;}
/*YATAY SCROLL HARAKETİ İÇİN SHIFT TUŞU+MOUSE TEKERLEĞİ*/
.books-container > .book-list::-webkit-scrollbar {height:7px; background-color:#ccc; border-radius:10px;}
.books-container > .book-list::-webkit-scrollbar-track {border-radius:7px; border:4px solid #f2f2f2;}
.books-container > .book-list::-webkit-scrollbar-track-piece {background-color:#f2f2f2;}
.books-container > .book-list::-webkit-scrollbar-thumb {border-radius:1px; background-color:#1b1b1b; border:1px solid #1b1b1b; background-clip:content-box;}
.books-container > .book-list::-webkit-scrollbar-thumb:hover {background-color:#1b1b1b;}
/*.books-container > .book-list > li .back > div a {width: 180px; height: 36px; line-height: 36px; display: block; text-decoration: none; background: #efc000 url(../images/bg-nav.gif) repeat-x; color: white; text-align: center; font-size: 12px; position: absolute; left: 50%; bottom: 20px; margin-left: -90px; -webkit-border-radius: 3px; border-radius: 3px;}
.books-container > .book-list > li .back > div a:hover {background: #da9000;}*/
.books-container > .book-list > li .back > a {
width: 180px;
font-family: 'Ubuntu', Georgia, Arial;
font-size: 1.4em !important;
text-align: center;
text-decoration: none;
cursor: pointer;
display: block;
padding: .75em 1.5em;
margin: auto;
position: absolute;
left: 50%;
bottom: 15px;
margin-left: -116px;
color: #3f1200;
border: 1px solid #efc999;
background: #efc000;
background: -webkit-gradient(linear, left top, left bottom, from(#efc000), to(#efc000));
background: -webkit-linear-gradient(#efc000, #efc000);
background-image: -moz-linear-gradient(top, #efc000, #efc000);
background-image: -moz-gradient(top, #efc000, #efc000);
opacity: 0.8;
}
.books-container > .book-list > li .back > a:before {position:absolute; content:''; display:block; left:85%; top:18%; border-top:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #3f1200;}
.books-container > .book-list > li .back > a:after {position:absolute; content:''; display:block; left:85%; top:30%; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #efc000;}
.books-container > .book-list > li .back > a:hover {color: #fff;}
.books-container > .book-list > li .back > a:hover:before {border-left:15px solid #fff;}
.books-container > .book-list > li.flip .front {z-index: 2; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); border-color: #eee;}
.books-container > .book-list > li.flip .back {z-index: 3; /* background: #743790; */ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);}
.books-container > .book-list > li img {width: auto; height: 450px; margin: 0; padding: 0; display: block; filter:drop-shadow(10px 10px 10px gray);}
.books-container > .book-list > li .front {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.books-container > .book-list > li .front:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transform: scale(1);
transform: scale(1);
z-index:1000;
}
/*** DOCUMENT CONTAINER ***/
.doc-container {width:auto; height:calc(100% - 102px); display :flex; flex-direction :column; margin:auto; margin-left:280px; padding:20px; background-color:#fff; z-index:500;} /* for any paper */ /* paper-header da background kullanmazsan: margin: 5px auto 15px auto; padding: 3px 6px 3px 6px; */
.doc-container.book {height:calc(100% - 102px); flex-direction :row;}
.doc-container > img {height: 100%; width: auto; margin: auto; padding-right: 20px; padding-left: 20px; filter: drop-shadow(5px 5px 5px gray);}
.doc-container > div#doc-info {display:flex; flex-direction:column; height: 90%; margin:auto; padding:25px;}
.doc-container > div#doc-info > span {
display: block;
margin: auto;
padding: 20px;
width: fit-content;
margin-bottom: 30px;
font-family: Courier New, monospace;
letter-spacing: normal;
font-size: 35px;
line-height: 45px;
word-spacing: normal;
font-weight: normal;
text-align: start !important;
overflow-x: hidden;
overflow-y: auto;
}
.doc-container > div#doc-info > span::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #ccc;}
.doc-container > div#doc-info > span::-webkit-scrollbar {width: 5px; background-color: #ccc;}
.doc-container > div#doc-info > span::-webkit-scrollbar-thumb {background-color: #292a33;}
.doc-container > div#doc-info > a {display:block; width:140px; height:auto; margin:auto; padding:18px; background-color:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center; text-decoration:none; cursor:pointer; color:#464646; text-shadow: 1px 1px 1px #4d4d4d; border: 1px ridge #fff; letter-spacing:5px;}
.doc-container > div#doc-info > a:hover {color:#464646}
.doc-container .document {display:block; position:relative; width:100%; height:100%; margin:auto; padding:0px; margin-top:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:2px 2px 4px 0 #ccc;}
.doc-container .document iframe {display:block; width:100%; height:100%; background-color:#cccccc;}
.doc-container .document.loading {background:url(../images/loader-content.gif) no-repeat center center;}
.doc-container .document.fullscreen {position:fixed; top:0; left:0; width:100%; height:100%; transition: all 0.4s ease; z-index:9999999; pointer-events:none; cursor:default;}
.doc-container .document iframe {}
.doc-container .document iframe.fade {opacity:0.4;}
.doc-container .document ul#document-nav {display:block; position:absolute; top:40px; left:auto; right:50px; margin:auto; height:auto; width:auto; list-style-type:none; background-color:transparent; opacity:0.8;}
.doc-container .document ul#document-nav li {display:inline-block; margin:0px; margin-bottom:5px; padding:0px;}
.doc-container .document ul#document-nav li a {width:48px; height:48px; text-indent:-9999px; position:relative; display:block; margin:0px 0 0 0; padding:0; cursor:pointer;}
.doc-container .document ul#document-nav li a.disabled {opacity: 1; pointer-events: none;cursor: default;}
.doc-container .document ul#document-nav li a[id='refresh']{background:url(../images/icons/refresh48.png) center center no-repeat;}
.doc-container .document ul#document-nav li a[id='pdf']{background:url(../images/icons/pdf4.png) center center no-repeat;}
.doc-container #copyright {position:relative; display:block; width:100%; margin:auto; padding:0px; padding-top:5px; font-size:9pt;}
.doc-container #copyright span {display:block; text-align:center; width:100%;}
/*** WORKS CONTAINER ***/
.works-container {display:display; position:relative; margin:auto; min-height:400px;}
.works-container > span {display:display; width:250px; height:auto; margin:auto; padding:25px; background:transparent; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; letter-spacing:15px; text-align:center; background-color:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; border:1px ridge #fff;}
.works-container > span > a {text-decoration:none; cursor:pointer; color:#464646; margin:auto; text-shadow: 1px 1px 1px #4d4d4d; letter-spacing:15px;}
ul#works-menu {position:absolute; left:0px; top:40px; list-style:none; display:flex; flex-direction:row; margin:0; padding:0; width:100%; height:100%; border:1px solid #101010;}
ul#works-menu > li {display:inline-flex; margin:0; padding:0; border:1px solid #101010; width:50%;}
ul#works-menu > li > a {width:100%; border:1px solid #101010; background: url(../images/content/works.png) no-repeat; background-size: cover; background-color:aqua;}
ul#works-menu > li > a.left {background: url(../images/content/works.png) no-repeat;}
/*NEW PAPERS LIST*/
/* #008299 #AC193D #D24726 #7f8c8d #2c3e50 #34495e #8e44ad #f39c12 #2980b9 #16a085 */
*/#plist-container {position:relative; display:block; margin:auto; height:auto; width:auto;}
#plist-container > .paper-list {list-style:none; margin:auto; height:auto; width:auto; padding-left:15px; padding-right:15px; padding-bottom:5px; padding-top:15px; background:#1b1b1b; z-index:901; clear:both; border-top:solid 3px #0e0e0e;}
/*.paper-list:after {content:'NEWSSSSSSSS'; position:absolute; z-index:901; height:60px; width:170px; top:-55px; right:140px; background:#1b1b1b; color:#fff;}*/
#plist-container > .paper-list li {width: ayto; height: auto; /*overflow:hidden;*/ float: left; margin-bottom: 10px; position: relative; -webkit-perspective: 440px; -moz-perspective: 440px; perspective: 440px;}
#plist-container > .paper-list li .front {width: 100%; height: 100%; float: none; position: absolute; top: 0; left: 0; z-index: 2; background: #8c53a6; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
#plist-container > .paper-list li .back {width: 100%; height: 100%; float: none; position: absolute; top: 0; left: 0; z-index: 1; background: #743790; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
#plist-container > .paper-list li .back > div {padding: 20px;}
#plist-container > .paper-list li .back > div h2 {margin-top: 0; margin-bottom: 5px; font-size: 20px; color: #FFF; font-weight: normal;}
#plist-container > .paper-list li .back > div h3 {margin-top: 0; margin-bottom: 5px; font-size: 14px; color: #e0a023; font-weight: normal;}
#plist-container > .paper-list li .back > div .spot {font-size: 12px; color: #f8f8f8; line-height: 1.3em;}
#plist-container > .paper-list li .back > div .spot > i {display:inline-block; margin:0px; padding:0 2px 0 2px;}
#plist-container > .paper-list li .back > div .spot p {margin: 0; padding: 0;}
#plist-container > .paper-list li .back > div a {width: 180px; height: 36px; line-height: 36px; display: block; text-decoration: none; background: #efc000 url(../images/bg-nav.gif) repeat-x; color: white; text-align: center; font-size: 12px; position: absolute; left: 50%; bottom: 20px; margin-left: -90px; -webkit-border-radius: 3px; border-radius: 3px;}
#plist-container > .paper-list li .back > div a:hover {background: #da9000;}
#plist-container > .paper-list li.flip .front {z-index: 2; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); border-color: #eee;}
#plist-container > .paper-list li.flip .back {z-index: 3; /* background: #743790; */ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg);}
#plist-container > .paper-list li img {width: 247px; height: 350px; margin: 0; padding: 0; display: block;}
/*** GRID ***/
#grid {position:relative; display:block; background:#efc000; height:100%; width:100%; min-height:600px; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; background:transparent;}
#grid ul#grid-filter {display:block; list-style-type:none; padding:15px auto 15px; margin:0px; background:#efc000 url(../images/bg-nav.gif) repeat-x; vertical-align:middle; width:100%; height:auto; background:transparent;}
#grid ul#grid-filter li {display:inline-block; margin-right:2px; margin-top:2px; margin-bottom:2px;}
#grid ul#grid-filter li a {text-transform:uppercase; font:12px; font-family:'DroidSerifItalic', Arial, Tahoma, Verdana, sans-serif; color:#909090; background:#e1e1e1; padding:3px 6px; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#grid ul#grid-filter li a:hover span, #grid-container ul.grid-filter li a span {padding-bottom:10px;}
#grid ul#grid-filter li a:hover, #grid-container ul.grid-filter li a {color:#fff;background:#4d4d4d;text-decoration:none;}
#grid ul#grid-filter li a.active{color:#fff;background:#4d4d4d;}
#grid-items {display:block; position:relative; width:100%; height:100%; margin:0px; margin:15px 5px 15px 5px; padding:0px; z-index:11; background:transparent;}
#grid-items .grid-item {display:inline-block; position:relative; width:200px; height:60px; padding:0px; margin-right:5px; margin-bottom:5px; border:1px solid #e6e6e6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #e6e6e6;}
#grid-items .grid-item h3 {display:inline-block; position:relative; width:80px; height:100%; border-right:1px dashed #d3d3d3; padding:15px 0; text-indent:15px;}
#grid-items .grid-item span {display:inline-block; position:relative; width:110px; height:100%;}
#grid-items .grid-item a {float:right; background:url(../images/icons/read.png) center center no-repeat; margin:21px 15px 0 0; display:block; width:24px; height:16px;}
#grid-items .grid-item a:hover {text-decoration:none;}
/*** ISOTOPE ***/
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*** PAPER SLIDER ***/
#paper-slider{width:auto; position:absolute; right:4px; top:40px; width:auto; height:auto; color: #b1b1b1; display:block; padding: 10px; margin:0px 20px 0px 20px; font-size:16px; font-family:'Oswald', sans-serif;}
#paper-slider img {display:block; margin:auto; padding:0; padding-right:8px; width:200px; height:auto; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
#paper-slider img:before {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
#paper-slider img:after {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
#paper-slider a {position:relative; display:block; text-align:center; color: #464646; width:100px; text-transform:uppercase; padding: 5px 5px 5px 5px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
#paper-slider a:hover {text-decoration:none; cursor:pointer;}
/* PAGE NAVIGATION */
#page-nav {position:fixed; display:inline-block; left:0px; top:0px; right:auto; height:100%; width:240px; margin:0 auto; padding:20px; background-color:#1b1b1b; z-index:800; opacity:1; border-right:5px solid #efc000;}
#page-nav:after{content:''; position:absolute; left:0px; right:0px; bottom:30%; color:#efc000; font-size:25px; letter-spacing:3px; font-family:'Ubuntu', Georgia, Arial; line-height:30px; text-align:center;}
#page-nav:before{content: ''; position: absolute; top:0px; left:0px; right:0px; bottom:0px; background-image: url('../images/vangogh00.jpg'); background-repeat:no-repeat; background-position:47% 90%; background-size:180px auto; opacity:1.0;}
#page-nav h2 {margin:auto; padding:10px; background:transparent; color:#efc000; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-family:'Ubuntu', Georgia, Arial; line-height:25px; text-align:left; border-bottom:1px solid #efc000;}
#page-nav h2.ellipsis {display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#page-nav h3 {position:relative; margin:auto; margin-top:15px; margin-bottom:35px; padding:0px; background:transparent; color:#efc000; font-size:25px; letter-spacing:3px; font-family:'Ubuntu', Georgia, Arial; line-height:30px; text-align:center;}
#page-nav > h3 > a {cursor:pointer; text-decoration:none !important;}
#page-nav span {position:relative; display:block; margin:auto; padding:0px; padding-top:15px; padding-bottom:15px; background:transparent; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; word-spacing:-4px; text-align:center;}
#page-nav span.separator {height:1px; width:100%; border-bottom:2px solid #464646; margin-top:-15px; margin-bottom:15px;}
#page-nav span.active {background-color:#efc000;}
#page-nav span.hline {height:10px; width:100%; background:url('../images/multiline.png') repeat-x; padding:0px; margin-top:15px; margin-bottom:15px;}
#page-nav span a i {display: inline-block; font-family: 'Open Sans', 'Ubuntu', Arial, sans-serif; font-weight:400; transform:scaleX(-1); transition:transform 0.3s ease;}
#page-nav span:hover a i {transform:scaleX(1);}
#page-nav span#qrcode {position:absolute; display:inline; left:79px; bottom:70px; padding:0px; margin:auto;}
#page-nav span a {text-decoration:none; cursor:pointer; color:#464646; margin:auto; padding:auto; text-shadow: 0px 1px 1px #4d4d4d; letter-spacing:5px;}
#page-nav span a.arrow:before {position:absolute; content:''; display:block; left:90%; top:50%; border-top:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #464646;}
#page-nav span a.arrow:after {position:absolute; content:''; display:block; left:90%; top:60%; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #fff;}
#page-nav span a:hover {color:#fff;}
#page-nav span.active a:hover {color:#464646;}
#page-nav span.book-cover {position:relative; display:block; width:100%; height:auto; margin:auto; margin-bottom:-5px; padding:0px; font-family:'Arial'; font-size:9pt; text-align:center; color:#b1b1b1; letter-spacing:1px; border:0px solid #fff;}
#page-nav span.book-cover > img {position:relative; display:block; width:190px; height:auto; margin:auto; border:0px solid; padding-top:23px; padding-bottom:3px; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
#page-nav img {}
#page-nav img#paper-cover {position:relative; display:block; width:190px; height:auto; margin:auto; border:0px solid; padding-top:30px; border-color:#f3f3f3 #bbb #bbb #f3f3f3; margin-bottom:40px;}
#page-nav img#book-cover {position:relative; display:block; width:190px; height:auto; margin:auto; border:0px solid; padding-top:30px; border-color:#f3f3f3 #bbb #bbb #f3f3f3; margin-bottom:40px;}
#page-nav img#page-logo {position:absolute; width:180px; height:auto; bottom:10%; left:16%;}
/*** PAPERS CONTAINER ***/
/* efede6 f6f4f0 e7e4da */
.papers-container {display:block; position:relative; margin:auto; margin-left:50px; margin-right:50px;} /* for all papers */
.papers-container > div.title {display:block; position:relative; margin:0px; margin-bottom:20px; padding:auto; padding-left:5px; font-size:20px; font-family:'Ubuntu', Georgia, Arial; font-weight:lighter; letter-spacing:2px; color:#545454; text-align:justify; line-height:1.2em;}
.papers-container > div.title > p {display:inline-block; position:relative; margin:auto; margin-right:30px; margin-bottom:10px; padding:auto;}
.papers-container > div.title > a {position:relative; display:inline-block; text-align:center; color: #464646; margin:auto; margin-bottom:10px; padding:1px 5px 1px 5px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.papers-container > div.title > a:hover {text-decoration:none; cursor:pointer;}
.papers-container .block {position:relative;}
.papers-container .block > span {display:inline-block; position:relative; margin:auto; padding:auto; color:#464646; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left; height:40px; width:auto; line-height:40px;}
.papers-container .block > span[data-column='title'] {padding-left:25px; background:url(../images/icons/page-16.png) no-repeat 5px center; font-weight:lighter;}
.papers-container .block > span[data-column='author'] {padding-left:25px; background:url(../images/icons/author-16.png) no-repeat 5px center; font-weight:lighter;}
.papers-container .block > span[data-column='date'] {padding-left:25px; background:url(../images/icons/calendar.png) no-repeat 5px center; font-weight:lighter;}
.papers-container .block > span[data-column='number'] {padding-left:5px; background:transparent; font-weight:bold;}
.papers-container .block > span[data-column='number']:before {content:'(';}
.papers-container .block > span[data-column='number']:after {content:')';}
.papers-container .block > span[data-column='year'] {padding-left:5px; background:transparent; font-weight:lighter;}
.papers-container .block > span[data-column='lock'] {position:absolute; left:auto; right:15px;}
.papers-container .block > span[data-column='abstract'] {position:absolute; left:auto; right:55px;}
.papers-container .block > span > a.read {display:block; padding:auto; margin:5px auto 5px auto; color:#3a3a3c; text-align:center; text-transform:uppercase; cursor:pointer; font-family:'Oswald', sans-serif; color:#fff; font-size:13px; height:30px; width:80px; line-height:30px; background:#e5e5e5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
.papers-container .block > span > a.access {display:block; width:32px; height:32px; margin:3px auto 5px auto; padding:auto; margin-left:5px; color:#3a3a3c; text-align:center; text-transform:uppercase; cursor:pointer; font-size:11px; font-family:'Oswald', sans-serif; background:transparent url('../images/loader.gif') no-repeat center center; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; border-radius:0px;}
.papers-container .block:hover a.read {color:#fff; text-decoration:none; background:#edbe01;}
.papers-container .block > span > a.read:hover {color:#fff; text-decoration:none; background:#edbe01;}
.papers-container > h2 {position:relative; display:block; padding:15px; background:#fff; width:auto; height:auto; margin:auto; color:#464646; border-bottom:2px solid #25678e; text-transform:uppercase; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center;}
.papers-container > .paper-list {list-style:none; display:flex; flex-direction:row; min-height:482px; margin:auto; padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:50px; overflow-x:scroll; overflow-y:hidden; white-space: nowrap; scroll-behavior: smooth;}
.papers-container > .paper-list > li {display:inline-flex; margin:15px; margin-top:auto; margin-bottom:25px; -webkit-perspective: 440px; -moz-perspective: 440px; perspective: 440px;}
.papers-container > .paper-list::-webkit-scrollbar {height:7px; background-color:#ccc; border-radius:10px;}
.papers-container > .paper-list::-webkit-scrollbar-track {border-radius:7px; border:4px solid #f2f2f2; height:7px;}
.papers-container > .paper-list::-webkit-scrollbar-track-piece {background-color:#f2f2f2;}
.papers-container > .paper-list::-webkit-scrollbar-thumb {border-radius:2px; width:10px; height:1px; background-color:#1b1b1b; border: 2px solid #1b1b1b;}
.papers-container > .paper-list::-webkit-scrollbar-thumb:after{position:absolute; content:''; left:50%; top:50%; height: 15px; width: 15px; background-color: #bbb; border-radius: 50%;}
.papers-container > .paper-list > li img {width: auto; height: 450px; margin: 0; padding: 0; display: block; filter:drop-shadow(10px 10px 10px gray);}
span.bbutton {display:inline-block; position:relative; width:auto; height:auto; margin:auto; font-weight:lighter; margin-top:25px; padding:0px; background:none;}
span.bbutton > a {
font-size: 1.285em !important;
text-decoration: none;
text-align: center;
width:200pt;
height:85pt;
cursor: pointer;
display: block;
position: relative;
padding: .75em 1.5em;
margin:auto;
color: #3f1200;
border: 1px solid #efc999;
background: #efc000;
background: -webkit-gradient(linear, left top, left bottom, from(#efc000), to(#efc000));
background: -webkit-linear-gradient(#efc000, #efc000);
background-image: -moz-linear-gradient(top, #efc000, #efc000);
background-image: -moz-gradient(top, #efc000, #efc000);
}
span.bbutton > a:before {position:absolute; content:''; display:block; left:85%; top:25%; border-top:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #3f1200;}
span.bbutton > a:after {position:absolute; content:''; display:block; left:85%; top:33%; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #efc000;}
span.bbutton > a:hover {color: #fff;}
span.bbutton > a:hover:before {border-left:15px solid #fff;}
/*** PAPER CONTAINER ***/
.paper-container #doc-header #doc-meta-data > a {position:absolute; display:block; text-align:center; bottom:0px; color: #464646; margin:auto; margin-bottom:10px; padding:1px 5px 1px 5px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.paper-container #doc-header #doc-meta-data > a:hover {text-decoration:none; cursor:pointer;}
/*.paper-container > .paper-container-left, .paper-container > .paper-container-right {position:static;left:0;top:72px;bottom:0;right:0;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.paper-container > .paper-container-left {right:50%;z-index:60}
.paper-container > .paper-container-right {z-index:50;left:50%;}
@media only screen and (max-width: 1447px){.paper-container-left{right:60%}.paper-container-right{left:40%}}
@media only screen and (max-width: 1327px){.paper-container-left{right:55%}.paper-container-right{left:45%}}
@media only screen and (max-width: 1071px){.paper-container-left,.paper-container-right{overflow-y:hidden}
.paper-container > .paper-container-left, .paper-container > .paper-container-right {margin:auto;}*/
@media only screen and (min-width: 1024px){} /*GENİŞ EKRAN*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {} /*TABLET*/
@media only screen and (min-width: 480px) and (max-width: 767px) {} /*YATAY CEP TELEFONU*/
@media only screen and (max-width: 479px){} /*CEP TELEFONU*/
@media only screen and (device-width: 1024px){}
@media only screen and (orientation: portrait){}
@media only screen and (orientation: landscape){}
/* PAPERS CYCLE - jcarousel */
.jcarousel {position:relative; display:block; width:90%; margin:auto; padding:0px; overflow:hidden;}
.jcarousel ul {width:20000em; position:relative; list-style:none; margin:auto; padding:40px;}
.jcarousel li {position:relative; float:left; overflow:hidden !important; margin:10px; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
.jcarousel li.phantom1 {margin:0px;}
.jcarousel li img {display:block; margin:0px; padding:0px; width:auto; height:454px; border:0px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.jcarousel li img:before {content:''; position:absolute; width:302px; height:426px; border:1px solid #f3f3f3;}
.jcarousel li img:after {content:''; position:absolute; width:302px; height:426px; border:1px solid #f3f3f3;}
/*.jcarousel li img:hover {-webkit-transform: scale(1.2); transform: scale(1.2);}*/
.jcarousel li:last-child {margin-right:30px;}
.jcarousel-control-prev, .jcarousel-control-next {position:absolute; top:55%; width:64px; height:64px; text-decoration:none;}
.jcarousel-control-prev {left:0px; background:url("../images/icons/left-64.png");}
.jcarousel-control-next {right:0px; background:url("../images/icons/right-64.png");}
.jcarousel-control-prev:hover {background:url("../images/icons/left-hover-64.png");}
.jcarousel-control-next:hover {background:url("../images/icons/right-hover-64.png");}
.jcarousel-pagination {position:absolute; bottom:-50px; left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; margin-bottom:25px;}
.jcarousel-pagination a {text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C;}
.jcarousel-pagination a.active {background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7;}
.jcarousel-pagination a:hover {background: #EFC000;}
/***OLD*/
#pcover {display:inline-block; position:relative; width:auto; height:auto; margin:auto; margin-top:-30px; padding:auto; vertical-align:middle; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
#pcover img {display:block; margin:auto; padding:0; padding-right:8px; width:220px; height:310px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
#pcover img:before {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
#pcover img:after {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
.ptabs {display:inline-block; position:relative; vertical-align:top; height:280px; width:60%; margin:auto; margin-top:-10px; padding:auto; margin-left:55px; background:transparent;}
.ptabs .ptab {display:inline-block; margin:auto;}
.ptabs .ptab label {background:url(../images/bg-tab-active.gif) repeat-x; padding:10px; padding-left:25px; padding-right:25px; height:50px; width:150px; margin-left:-1px; position:relative; left:1px; cursor:pointer; border-bottom:0px solid #1b1b1b; outline:none; color:#464646; font-family:'Ubuntu', Georgia, Arial; font-size:11px;}
.ptabs .ptab [type=radio] {display:none; height:50px; width:150px;}
.ptabs .ptab .pcontent {
position: absolute;
display:none;
top: 28px;
left: 0px;
background:transparent;
right: 0;
bottom: 0;
padding:auto;
padding-top:15px;
border:0;
border-top:0px solid #1b1b1b;
border-bottom:0px solid #fff;
}
.ptabs .ptab .pcontent span {display:block; margin:auto; margin-top:3px; padding:0 8px 0 0; color: #464646; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.ptabs .ptab .pcontent span[data-column='title'] {padding-left:25px; background:url(../images/icons/title.png) no-repeat left center; font-weight:lighter;}
.ptabs .ptab .pcontent span[data-column='author'] {padding-left:25px; background:url(../images/icons/author.png) no-repeat left center; font-weight:lighter;}
.ptabs .ptab .pcontent span[data-column='date'] {padding-left:25px; background:url(../images/icons/calendar.png) no-repeat left center; font-weight:lighter;}
.ptabs .ptab .pcontent span[data-column='number'] {padding-left:25px; background:url(../images/icons/home.png) no-repeat left center; font-weight:lighter;}
.ptabs .ptab [type=radio]:checked ~ label {
background:#edbe01;
font-weight:bold;
z-index: 2;
}
.ptabs .ptab [type=radio]:checked ~ label:after {
content:'';
position:absolute;
display:block;
top:32px;
left:45%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #edbe01;
}
.ptabs .ptab [type=radio]:checked ~ label ~ .pcontent {
z-index: 1; display:block;
}
.paper-container {width:100%; height:500px; display:block; position:relative; margin: 20px auto 5px auto; z-index:500;} /* for any paper */ /* paper-header da background kullanmazsan: margin: 5px auto 15px auto; padding: 3px 6px 3px 6px; */
.paper-container:after {content:''; display:block; clear:both;}
.paper-container #paper-header {display:block; position:relative; width:auto; height:auto; margin:auto; margin-left:-12px; padding:1px 6px 20px 6px; background:transparent; border:0px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
.paper-container #pnav {display:inline-block; position:absolute; right:20px; height:42px; margin: 0px auto; margin-bottom:15px; z-index:99999;}
.paper-container #pnav span {display:inline-block; margin:0; margin-bottom:1px; padding:0; font-size:x-small; font-family:'Ubuntu', Georgia, Arial; width:70px;}
.paper-container #pnav span > a {position:relative; display:block; text-align:center; color: #464646; padding:1px 5px 1px 5px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.paper-container #pnav span > a:hover {text-decoration:none; cursor:pointer;}
.paper-container #paper-container-table {width:100%; height:100%; margin:auto; border:0px;}
.paper-container #paper-container-left, #paper-container-right {position:relative; margin:0px; padding:0px; height:800px; border:0px;}
.paper-container #paper-container-left {width:10%;}
.paper-container #paper-container-right {padding-left:25px; width:90%;}
.paper-container #paper-container-right.slide {padding-left:0px; width:100%;}
.paper-container #paper-container-right div#abs-slider {display:block; position:absolute; z-index:9999; cursor:pointer; width:64px; height:64px; left:3%; top:45%; margin:0px; padding:0px; background:transparent url(../images/icons/left-64.png) center center no-repeat; opacity:0.05;}
.paper-container #paper-container-right div#abs-slider.clicked {left:0.6%; background:transparent url(../images/icons/right-64.png) center center no-repeat;}
.paper-container #paper-container-right div#abs-slider:hover {}
.paper-container .left-inner {display:block; position:relative; margin:0px; padding-right:15px; width:100%; height:800px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.paper-container #copyright {position:relative; display:block; width:100%; margin:0px auto 0px auto; padding:0px; font-size:9pt;}
.paper-container #copyright span {display:block; text-align:center; width:100%;}
.tabcontainer{position:relative; width:570px; height:auto; margin: 0px auto 0px auto;}
.paper-container .hline {position:relative; display:block; width:100%; height:10px; margin:auto; margin-bottom:10px; margin-top:10px; background:url('../images/multiline.gif') repeat-x;}
.paper-container #paper-meta-data {display:inline-block; position:relative; height:270px; width:312px; margin:auto; margin-left:20px; padding:0px; vertical-align:middle;}
.paper-container #paper-meta-data span {position:relative; margin:auto; padding:0px; margin-bottom:5px; width:auto; height:auto; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left; color:#444;}
.paper-container #paper-meta-data span[data-column='title'] {display:block; margin:auto; padding:0; font-family: times, Times New Roman, times-roman, georgia, serif; background:none; font-size:large; font-weight:normal; padding-bottom:15px; border:0px; line-height:normal; letter-spacing:1px;}/*#cccccc*/
.paper-container #paper-meta-data span[data-column='title'] > i {display:block; margin:auto; margin-top:-4px; padding:0; font-style:normal; font-family:'Ubuntu', Georgia, Arial; background:none; font-size:50px; font-weight:normal; padding-bottom:5px; border:0px; color:#cccccc; line-height:55px;}
.paper-container #paper-meta-data span[data-column='author'] {display:block; font-weight:lighter; padding-left:25px; margin-right:7px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='date'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='year'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='number'] {display:block; font-weight:lighter; padding-left:25px; margin-right:8px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='isbn'] {display:block; font-weight:lighter; padding-left:25px; margin-right:7px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='isbn-10'] {display:block; font-weight:lighter; padding-left:25px; margin-right:7px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='isbn-13'] {display:block; font-weight:lighter; padding-left:25px; margin-right:7px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='isnn'] {display:block; font-weight:lighter; padding-left:25px; margin-right:7px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='publisher'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='language'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/home-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='dimension'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='pages'] {display:block; font-weight:lighter; padding-left:25px; margin-right:0px; background:url(../images/icons/box-16.png) no-repeat left center;}
.paper-container #paper-meta-data span[data-column='author2']:before {content:'Yazar: ';}
.paper-container #paper-meta-data span label {display:inline-block; font-weight:normal; padding-right:5px;}
.paper-container #paper-meta-data span label:after {content:':';}
.paper-container #paper-meta-data span[data-column='copyright'] {display:block; font-weight:lighter; margin:0; padding:0px; padding-left:-25px; background:none;}
.paper-container #paper-meta-data span[data-column='button'] {display:block; font-weight:lighter; margin:auto; margin-top:25px; padding:0px; background:none;}
.paper-container #paper-meta-data span[data-column='button'] > a {
font-size: 1.285em !important;
text-decoration: none;
text-align: center;
cursor: pointer;
display: block;
position: relative;
padding: .75em 1.5em;
margin:auto;
color: #3f1200;
border: 1px solid #efc999;
background: #efc000;
background: -webkit-gradient(linear, left top, left bottom, from(#efc000), to(#efc000));
background: -webkit-linear-gradient(#efc000, #efc000);
background-image: -moz-linear-gradient(top, #efc000, #efc000);
background-image: -moz-gradient(top, #efc000, #efc000);
}
.paper-container #paper-meta-data span[data-column='button'] > a:before {position:absolute; content:''; display:block; left:85%; top:25%; border-top:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #3f1200;}
.paper-container #paper-meta-data span[data-column='button'] > a:after {position:absolute; content:''; display:block; left:85%; top:33%; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #efc000;}
.paper-container #paper-meta-data span[data-column='button'] > a:hover {color: #fff;}
.paper-container #paper-meta-data span[data-column='button'] > a:hover:before {border-left:15px solid #fff;}
.paper-container #paper-meta-data img {display:block; margin:auto; width:100px; height:100px;}
.paper-container #paper-meta-data a#url-pdf {display:block; cursor:pointer; text-indent:-9999px; margin-top:25px; margin-right:7px; float:right; background:url(../images/icons/pdf-64.png) center center no-repeat; width:64px; height:64px; opacity:0.8;}
.paper-container #paper-cover {display:inline-block; position:relative; width:auto; height:auto; margin:auto; padding:0px; vertical-align:middle; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
.paper-container #paper-cover img {display:block; margin:auto; padding:0px; width:220px; height:310px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
.paper-container #paper-cover img.auto-width {width:auto} /* SADECE KİTAPLAR İÇİN */
.paper-container #paper-cover img:before {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
.paper-container #paper-cover img:after {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
.paper-container #paper-cover #zoom {display:block; background:url(../images/icons/zoom-in.png) no-repeat left center;}
.paper-container #paper-info {display:inline-block; position:relative; width:auto; height:auto; margin:0px; padding:0px; padding-left:25px; vertical-align:top;}
.paper-container #paper-info span {display:block; margin:auto; margin-top:3px; padding:0 8px 0 0; color: #464646; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.paper-container #paper-info span[data-column='title'] {padding-left:25px; background:url(../images/icons/title.png) no-repeat left center; font-weight:lighter;}
.paper-container #paper-info span[data-column='author'] {padding-left:25px; background:url(../images/icons/author.png) no-repeat left center; font-weight:lighter;}
.paper-container #paper-info span[data-column='date'] {padding-left:25px; background:url(../images/icons/calendar.png) no-repeat left center; font-weight:lighter;}
.paper-container #paper-info span[data-column='number'] {padding-left:25px; background:url(../images/icons/home.png) no-repeat left center; font-weight:lighter;}
.paper-container #paper-info span[data-column='mail'] {padding-left:25px; margin-top:25px; background:url(../images/icons/mail.png) no-repeat left center; font-weight:lighter;}
.paper-container #equation-box {display:inline-block; position:relative; width:auto; height:auto; margin:0px; padding:0px; padding-left:25px; vertical-align:top; height:200px; width:600px; border:#d7d7d7 solid 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.paper-container #equation-box:before {content:'THE KEY EQUATIONS'; color:#afafaf; position:absolute; left:25px; top:-16px; width:300px; padding:0px; padding-right:2px; padding-left:2px; padding-bottom:5px; padding-top:4px; text-align:center; font-size:small; background-color:#fff; border:#d7d7d7 solid 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.paper-container #equation-box span {margin:25px 5px 5px 5px;}
.paper-container .abstract {width:auto; position:relative; color:#464646; margin:15px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify; line-height:24px;}
.paper-container .abstract div.legend {background:url(../images/bg-legend.png) center center repeat-x; text-align:left; margin-top:20px;}
.paper-container .abstract div.legend span {background:#f2f2f2; margin: 0 auto 0 35px ; padding: 0 15px 2px 15px; display:inline-block; font-weight:bold; text-transform:uppercase; color: #464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial;}
.paper-container .abstract div.abstract-box {position:relative; padding:0px 5px 0px 5px; min-height:100px; margin:0px; margin-bottom:15px; border:#d7d7d7 solid 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.paper-container .abstract div.abstract-box.tr, .paper-container .abstract div.abstract-box.en {padding:0px 5px 0px 20px; border-left:#d7d7d7 solid 1px;}
.paper-container .abstract div.abstract-box.tr {display:block; padding-left:20px;}
.paper-container .abstract div.abstract-box.tr:before {content:'tr'; color:#afafaf; cursor:pointer; position:absolute; left:-11px; top:20px; width:20px; padding:0px; padding-right:2px; padding-left:2px; padding-bottom:5px; padding-top:4px; text-align:center; font-size:small; background-color:#f2f2f2; border:#d7d7d7 solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.paper-container .abstract div.abstract-box.en:before {content:'en'; color:#afafaf; cursor:pointer; position:absolute; left:-11px; top:20px; width:20px; padding:0px; padding-right:2px; padding-left:2px; padding-bottom:5px; padding-top:4px; text-align:center; font-size:small; background-color:#f2f2f2; border:#d7d7d7 solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.paper-container .abstract div.abstract-box-tr {display:none; position:relative; padding:0px 5px 0px 5px; margin:0px; margin-bottom:15px; margin-top:15px; border:#d7d7d7 solid 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.paper-container .abstract div.abstract-box-en {display:none; position:relative; padding:0px 5px 0px 5px; margin:0px; margin-bottom:15px; margin-top:15px; border:#d7d7d7 solid 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.paper-container .abstract div.abstract-box-tr.active, .paper-container .abstract div.abstract-box-en.active {display:block;}
.paper-container .abstract span {}
.paper-container .abstract span > i {display:inline-block; margin:0px; padding:0 2px 0 2px;}/*özet kısmında inline $...$ eşitlik yazmak için*/
.paper-container .abstract .lang-handler {display:inline-block; position:relative; cursor:pointer; background:none; background-color:transparent; padding:5px; padding-left:5px; padding-right:5px; height:30px; width:90px; margin:auto; cursor:pointer; border-bottom:0px solid #1b1b1b; outline:none; text-align:center; color:#afafaf; font-family:'Ubuntu', Georgia, Arial; font-size:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.paper-container .abstract .lang-handler.active {background-color:#fff; border-color:#cccccc; color:#afafaf;}
.paper-container .abstract .lang-handler.active:after {content:''; position:absolute; display:block; top:30px; left:35px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff;}
.paper-container .key-words {width:auto; color:#464646; margin:10px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify; padding-bottom:5px;}
.paper-container .key-words ul {display:block; list-style-type:none; margin:0; padding:0;}
.paper-container .key-words ul li {display:inline-block; height:26px; line-height:25px; padding-right:5px; font-size:14px; font-family:'Ubuntu', Georgia, Arial; text-align:center; color:#636363;}
.paper-container .key-words .key-words-content {display:block; margin:0px; margin-top:15px; padding:0px 0px 0px 0px; height:auto; width:100%;}
.paper-container .key-words .key-words-content span {display:block; position:relative; margin:10px 0px 0px 0px; padding:0px; padding-left:25px; color:#464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:left; background:transparent url('../images/icons/paper-pin.png') no-repeat left center;}
.paper-container .key-words .key-words-content span:hover {background:transparent url('../images/icons/paper-unpin.png') no-repeat left center;}
.paper-container .key-words .key-words-content span a {display:inline-block; text-align:center; color:#464646; width:100px; padding:2px; margin:0px; margin-left:10px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background: #f2f2f2 url('../images/button-bg-gray.png') repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.paper-container .key-words .key-words-content span a:hover {text-decoration:none; cursor:pointer;}
.paper-container .cite {width:auto; position:relative; color: #464646; margin:10px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.paper-container .cite span {position:relative; clear:both; text-align:left;}
.paper-container .references {width:auto; position:relative; color: #464646; margin:10px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.paper-container .references ol {list-style-type:none; margin:0; padding:0; padding-left:2.5em; counter-reset:reference; text-indent:-1.3em;}
.paper-container .references ol li {display:block; padding-bottom:5px; line-height:24px;}
.paper-container .references ol li:before {display:inline-block; content:"[" counter(reference, decimal) "]"; counter-increment:reference; width:1em; font-weight:bold; color:#afafaf;}
.paper-container .references ol li span {position:relative; clear:both; text-align:left; padding-left:5px;}
.paper-container .references ol li a {text-decoration:none; padding-left:10px; cursor:pointer; color:#999999;}
.paper-container .references ol li a:before {content:"("} .paper-container .references ol li a:after{content:")"}
.paper-container .key-equations {width:auto; position:relative; color: #464646; margin:10px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.paper-container .key-equations p {display:block; position:relative; width:auto; height:auto; font-size:16px; margin:0px; padding:0px; vertical-align:middle; font-family:'Ubuntu', Georgia, Arial; text-align:right; border-bottom:1px solid #d7d7d7;}
.paper-container .key-equations p:before {position:absolute; content:'[' attr(equation-number) ']'; top:44%; left:auto; margin:-10px auto; padding:0px; width:auto; height:auto; font-weight:bold;}
.paper-container .key-equations p:last-child {border:0px solid #d7d7d7;}
.paper-container .document {display:block; position:relative; width:100%; height:100%; margin:auto; margin-top:-15px; padding:0;}
.paper-container .document iframe {display:block; width:100%; height:100%; background-color:#cccccc;}
.paper-container .document.loading {background:url(../images/loader-content.gif) no-repeat center center;}
.paper-container .document.fullscreen {position:fixed; top:0; left:0; width:100%; height:100%; transition: all 0.4s ease; z-index:9999999; pointer-events:none; cursor:default;}
.paper-container .document iframe {}
.paper-container .document iframe.fade {opacity:0.4;}
.paper-container .document ul#document-nav {display:block; position:absolute; top:40px; left:auto; right:50px; margin:auto; height:auto; width:auto; list-style-type:none; background:rgba(255, 255, 255, 0.25); opacity:0.8;}
.paper-container .document ul#document-nav li {display:block; margin:0px; margin-bottom:5px; padding:0px;}
.paper-container .document ul#document-nav li a {width:48px; height:48px; text-indent:-9999px; position:relative; display:block; margin:0px 0 0 0; padding:0; cursor:pointer;}
.paper-container .document ul#document-nav li a.disabled {opacity: 1; pointer-events: none;cursor: default;}
.paper-container .document ul#document-nav li a[id='refresh']{background:url(../images/icons/refresh48.png) center center no-repeat;}
.paper-container .document ul#document-nav li a[id='slide']{background:url(../images/icons/left-arrow-48.png) center center no-repeat;}
.paper-container .document ul#document-nav li a[id='download']{background:url(../images/icons/download48.png) center center no-repeat;}
.paper-container .document ul#document-nav li a[id='screen']{background:url(../images/icons/screen.png) center center no-repeat; display:none;}
.paper-container .document ul#document-nav li a[id='close']{background:url(../images/icons/close.png) center center no-repeat; display:none;}
.paper-container .document ul#document-nav li a[id='pdf']{background:url(../images/icons/pdf4.png) center center no-repeat;}
.paper-container .document ul#document-nav li a[id='djvu']{background:url(../images/icons/pdf.png) center center no-repeat; display:none;}
.paper-container ul.notes {list-style-type:none; width:auto; height:auto; position:relative; color:#464646; margin:15px 20px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.paper-container ul.notes li {display:block; height:auto; margin:auto; margin-bottom:15px; padding:0px; padding-left:42px; line-height:24px; background: transparent url(../images/icons/notes-bullet.png) left top no-repeat;}
.paper-container ul.notes li span {}
.paper-container ul.notes li.eq-inline {display:inline-block; margin:0; padding:0 2px 0 2px;}
.paper-container ul.notes li.eq-display {display:block; margin:0 0 20px; padding:9px 20px 9px 30px;}
.paper-container ol.sections {position:relative; width:auto; list-style-type:none; margin:10px 15px 10px 15px; padding:0; padding-left:2.5em; counter-reset:section; text-indent:-1.3em; color:#464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.paper-container ol.sections li {display:block; padding-bottom:5px; line-height:24px;}
.paper-container ol.sections li:before {display:inline-block; content:"[" counter(section, decimal) "]"; counter-increment:section; width:1em; font-weight:normal; color:#afafaf;}
.paper-container ol.sections li span {position:relative; text-align:left; line-height:24px; padding-left:5px;}
.paper-container div.cover {display:block; width:100%; height:auto; padding:0px;margin:0px; border:0px;}
.paper-container div.cover img {display:block; position:relative; width:100%; max-width:100%; height:auto; width:auto\9; /* ie8 */}
.paper-container .abstabs {width:auto; position:relative; color:#464646; margin:15px 15px 10px 15px; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify; line-height:24px; background:transparent;}
.paper-container .abstabs .abstab {display:inline-block; margin:auto;}
.paper-container .abstabs .abstab label {background:none; background-color:transparent; padding:10px; padding-left:25px; padding-right:25px; height:50px; width:150px; margin-left:-1px; position:relative; left:1px; cursor:pointer; border-bottom:0px solid #1b1b1b; outline:none; color:#464646; font-family:'Ubuntu', Georgia, Arial; font-size:11px;}
.paper-container .abstabs .abstab [type=radio] {display:none; height:50px; width:150px;}
.paper-container .abstabs .abstab .abscontent {
position:absolute;
display:none;
top: 28px;
left: 0px;
background:transparent;
right: 0;
bottom: 0;
padding:auto;
padding-top:15px;
border:0;
border-top:0px solid #1b1b1b;
border-bottom:0px solid #fff;
}
.paper-container .abstabs .abstab .abscontent span {display:block; position:relative; margin:auto; margin-top:3px; padding:0 8px 0 0; color:#464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify; line-height:24px;}
.paper-container .abstabs .abstab [type=radio]:checked ~ label {
background:none;
background-color:#fff;
font-weight:normal;
z-index: 2;
}
.paper-container .abstabs .abstab [type=radio]:checked ~ label:after {
content:'';
position:absolute;
display:block;
top:32px;
left:45%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
}
.paper-container .abstabs .abstab [type=radio]:checked ~ label ~ .abscontent {
z-index: 1; display:block;
}
#mmain-footer {
padding: 30px 30px 0px 30px;
color: #777;
background-color: #CCCCC4;
}
#main-footer ul#footer-canvas {
width: 100%;
height: 160px;
max-width: 100%;
display: block;
list-style-type: none;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
scroll-behavior: smooth;
scrollbar-width: thin; /*Firefox için*/
}
#main-footer ul#footer-canvas > li {
display: inline-block;
margin:0;
padding: 0;
padding: 2px;
width: auto;
height: 150px;
background: #1b1b1b;
cursor: pointer;
}
#main-footer ul#footer-canvas > li:last-child {
padding-right: 0;
}
#main-footer ul#footer-canvas > li:first-child {
padding-left: 0;
}
#main-footer ul#footer-canvas > li > img {
width: auto;
height: 150px;
margin: 0;
padding: 0;
}
#main-footer ul#footer-canvas > li.active {
background: #fff;
}
#footer-canvas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #292a33;
}
#footer-canvas::-webkit-scrollbar {
height: 2px;
background-color: #292a33;
}
#footer-canvas::-webkit-scrollbar-thumb {
background-color: #ccc;
}
#docview {
width: auto;
display: block;
position: relative;
z-index: 500;
min-height: calc(100% - 265px);
margin: auto;
background-color: #fff;
margin-left: 280px;
}
#docview > #page-canvas-container {
position: absolute;
top: 58px;
left: 5px;
margin: auto;
padding:0px;
width: calc(100% - 6px);
height: calc(100% - 116px);
border: 0px solid;
overflow-x: auto;
overflow-y: auto;
white-space: nowrap;
}
#docview > #page-canvas-container > #page-canvas {
display: block;
margin: auto;
padding: 0px;
background-color: transparent;
background-size: cover;
}
#docview > div#page-canvas > img {
position: relative;
display:block;
margin: auto;
width: 900px;
height: auto;
}
#docview > div#page-canvas > img.fit {
width: auto;
height: calc(100% - 42px);
}
#docview > div#page-canvas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #f3f3f3;
}
#docview > div#page-canvas::-webkit-scrollbar {
width: 15px;
background-color: #f3f3f3;
}
#docview > div#page-canvas::-webkit-scrollbar-thumb {
background-color: #CCCCC4;
box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 300px rgba(222,198,122,0.7);
}
#docview > div.canvasbar {
position: absolute;
margin: auto;
padding: 12px 20px 12px 20px;
width: calc(100% - 42px);
height: 32px;
background-color: #DADADA;
box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 300px rgba(222,198,122,0.7);
list-style-type: none;
border: 1px solid rgba(111,99,61,0.4);
}
#docview > div.canvasbar .top {
top: 0px;
}
#docview > div.canvasbar.bottom {
bottom: 0px;
}
#docview > div.canvasbar > span {
position: relative;
margin: auto;
display: inline;
color: #fff;
text-transform: uppercase;
text-decoration: none;
color: #101010;
width: auto;
height: 32px;
padding-right: 20px;
line-height: 32px;
vertical-align: middle;
letter-spacing: 4px;
}
#docview > div.canvasbar > span#full-screen {
float: right;
width: 32px;
background: url(../images/icons/down-16.png) no-repeat center;
}
#docview > div.canvasbar > span#one-page-view {
float: right;
width: 32px;
background: url(../images/icons/down-16.png) no-repeat center;
}
#docview > div.canvasbar > span#two-page-view {
float: right;
width: 32px;
background: url(../images/icons/down-16.png) no-repeat center;
}
#docview > div.canvasbar > span#refresh {
float: right;
width: 32px;
background: url(../images/icons/refresh32.png) no-repeat center;
cursor:pointer;
}
/* SVG ICONS */
/* https://icons.getbootstrap.com/ */
/* https://flowbite.com/icons/ */
/* stroke-linecap="round" stroke-linejoin="round" stroke-width="0.1" */
#docview > div.canvasbar > span#zoomin {
float: right;
width: 32px;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M4 .5H1.5a1 1 0 00-1 1V4M6 .5h3m2 0h2.5a1 1 0 011 1V4M.5 6v3m14-3v3m-14 2v2.5a1 1 0 001 1H4M14.5 11v2.5a1 1 0 01-1 1H11m-7-7h7m-5 7h3' stroke='currentColor' stroke-width='0.1' %3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
/*transition: background-image 1000ms linear;*/
}
#docview > div.canvasbar > span#zoomin:hover {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M4 .5H1.5a1 1 0 00-1 1V4M6 .5h3m2 0h2.5a1 1 0 011 1V4M.5 6v3m14-3v3m-14 2v2.5a1 1 0 001 1H4M14.5 11v2.5a1 1 0 01-1 1H11m-7-7h7m-5 7h3' stroke='currentColor' stroke-width='1.0' %3E%3C/path%3E%3C/svg%3E");
}
#docview > div.canvasbar > span#zoomout {
float: right;
width: 32px;
cursor: pointer;
background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="30" height="30"%3E%3Cpath d="M4 .5H1.5a1 1 0 00-1 1V4M6 .5h3m2 0h2.5a1 1 0 011 1V4M.5 6v3m14-3v3m-14 2v2.5a1 1 0 001 1H4M14.5 11v2.5a1 1 0 01-1 1H11M7.5 4v7M4 7.5h7m-5 7h3" stroke="currentColor"%3E%3C/path%3E%3C/svg%3E');
background-repeat:no-repeat;
}
#docview > div.canvasbar > span#createpdf {
float: right;
width: 32px;
cursor: pointer;
background: url("data:image/svg+xml;utf8,
");
background-repeat: no-repeat;
}
#docview > div.canvasbar > span#expand {
margin: auto;
float: right;
width: 32px;
cursor: pointer;
}
#docview > div.canvasbar > span#collapse {
float: right;
width: 32px;
cursor: pointer;
}
#docview > div.canvasbar > span#prev {
float: right;
width: 32px;
cursor: pointer;
background: url("data:image/svg+xml;base64,[M2.5 6.5V6H2v.5h.5zm4 0V6H6v.5h.5zm0 4H6v.5h.5v-.5zm7-7h.5v-.207l-.146-.147-.354.354zm-3-3l.354-.354L10.707 0H10.5v.5zM2.5 7h1V6h-1v1zm.5 4V8.5H2V11h1zm0-2.5v-2H2v2h1zm.5-.5h-1v1h1V8zm.5-.5a.5.5 0 01-.5.5v1A1.5 1.5 0 005 7.5H4zM3.5 7a.5.5 0 01.5.5h1A1.5 1.5 0 003.5 6v1zM6 6.5v4h1v-4H6zm.5 4.5h1v-1h-1v1zM9 9.5v-2H8v2h1zM7.5 6h-1v1h1V6zM9 7.5A1.5 1.5 0 007.5 6v1a.5.5 0 01.5.5h1zM7.5 11A1.5 1.5 0 009 9.5H8a.5.5 0 01-.5.5v1zM10 6v5h1V6h-1zm.5 1H13V6h-2.5v1zm0 2H12V8h-1.5v1zM2 5V1.5H1V5h1zm11-1.5V5h1V3.5h-1zM2.5 1h8V0h-8v1zm7.646-.146l3 3 .708-.708-3-3-.708.708zM2 1.5a.5.5 0 01.5-.5V0A1.5 1.5 0 001 1.5h1zM1 12v1.5h1V12H1zm1.5 3h10v-1h-10v1zM14 13.5V12h-1v1.5h1zM12.5 15a1.5 1.5 0 001.5-1.5h-1a.5.5 0 01-.5.5v1zM1 13.5A1.5 1.5 0 002.5 15v-1a.5.5 0 01-.5-.5H1z]");
background-repeat: no-repeat;
}
#docview > div.canvasbar > span#next {
float: right;
width: 32px;
cursor: pointer;
}
/*** NEW PAPER - BOOK CODES ***/
ul#docu-list {display:block; position:relative; width:auto; height:auto; margin:auto; padding:1px 6px 5px 5px; background:transparent; border:0px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
ul#docu-list li.docu-item {position:relative; display:inline-block; list-style:none; margin:auto; margin-bottom:20px; padding:0px;}
ul#docu-list li.docu-item .docu-cover {display:inline-block; position:relative; width:auto; height:auto; margin:auto; padding:0px; vertical-align:middle; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
ul#docu-list li.docu-item .docu-cover img {display:block; margin:auto; padding:0px; width:220px; height:310px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3;}
ul#docu-list li.docu-item .docu-cover img:before {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
ul#docu-list li.docu-item .docu-cover img:after {content:''; position:absolute; width:202px; height:283px; border:1px solid #f3f3f3;}
ul#docu-list li.docu-item .docu-meta {display:inline-block; position:relative; height:270px; width:300px; margin:auto; margin-left:25px; padding:0px; padding-right:20px; vertical-align:middle;}
ul#docu-list li.docu-item .docu-meta span {position:relative; display:block; margin:auto; padding:0px; margin-bottom:25px; width:auto; height:auto; text-align:left; font-family: "Lucida Console",Monaco,monospace;
font-size: 19px;
letter-spacing: 1.4px;
word-spacing: -5px;
color: #747474;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;}
ul#docu-list li.docu-item .docu-meta span i {margin:auto; padding-right:10px; font-weight:lighter;}
ul#docu-list li.docu-item .docu-meta span i:before {content:'(';}
ul#docu-list li.docu-item .docu-meta span i:after {content:')';}
ul#docu-list li.docu-item .docu-meta a {display:block; text-decoration:none; position:relative; margin:auto; font-size:22px; color:#747474; vertical-align:middle;}
/*** NEWS CONTAINER ***/
.news-container {position:relative; display:block; margin-left:50px; margin-right:50px; min-height:400px;}
/*** NOTES CONTAINER ***/
.notes-container {position:relative; display:block; margin-left:50px; margin-right:50px; min-height:400px;}
/*** OLD ***/
.notes-container .note {display:block; position:relative; width:auto; margin:15px 0px 0px 0px; padding:10px 10px 15px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:medium; font-weight:lighter; letter-spacing:2px; line-height:26px; color:#545454; text-align:justify; border:0px solid #464646; border-radius: 0.333em; -moz-border-radius: 0.333em; -webkit-border-radius: 0.333em; -o-border-radius: 0.333em; -ms-border-radius: 0.333em;}
.notes-container .note > span.date {display:block; position:absolute; bottom:-15px; right:60px; margin:auto; padding:auto; width:40px; font-weight:bolder; letter-spacing:normal; text-align:center; color:#c0c0c0;}
.notes-container .note > span.date:before {content:''; position:absolute; background:url(../images/icons/icon-notes.png) center center no-repeat; left:-25px; top:1px; width:24px; height:24px; opacity:0.5;}
.notes-container .note > p {display:block; margin:0px; padding:0px; padding-left:0px; font-weight:normal; color:#464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial;}
.notes-container .note > p.two-column {-o-column-count: 2; -o-column-gap: 1em; -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em;}
.notes-container .note > p.three-column {-o-column-count: 3; -o-column-gap: 1em; -moz-column-count: 3; -moz-column-gap: 1em; -webkit-column-count: 3; -webkit-column-gap: 1em; column-count: 3; column-gap: 1em;}
.notes-container .note > p.four-column {-o-column-count: 4; -o-column-gap: 1em; -moz-column-count: 4; -moz-column-gap: 1em; -webkit-column-count: 4; -webkit-column-gap: 1em; column-count: 4; column-gap: 1em;}
.notes-container .note > p:first-letter {font-size:60px; font-family: Arizonia, Helvetica, sans-serif; text-shadow: 3px 3px 3px #fff;}
.notes-container .note > img {position:relative; display:block; width:100%; height:auto;}
.notes-container span.eq-inline {display:inline-block; font-size:12px; line-height:19px; margin:0; padding:0 2px 0 2px;}
.notes-container span.eq-display {display:block; font-size:14px; line-height:15px; margin:0 0 20px; padding: 9px 20px 9px 30px; border-left: 3px solid #ddd;}
.notes-container .note > p > a, .notes-container .note > p > strong {height:auto; font-family:Menlo, Monaco, monospace; padding:3px 1px 1px 3px; margin:0px; margin-bottom:-1px; margin-left:-1px; position:relative; top:0px; font-size:12px; text-decoration:none; border:0px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; background:#eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.notes-container .note > p > strong {color:#464646; font-weight:bold; white-space:pre; overflow:auto; /*important*/}
.notes-container .note > p > i {font-style:italic; font-weight:bold; color:Black; font-family:Menlo, Monaco, monospace;}
.notes-container .note.antique-paper {background-color:rgb(252,237,201);} /* alternatif renk (sarı kağıt renginde) */
/*** NEW ***/
.notes-container #notes-container-table {width:100%; height:100%; margin:auto; border:0px;}
.notes-container #notes-container-left, #notes-container-right {position:relative; margin:0px; padding:0px; height:100%; border:0px;}
.notes-container #notes-container-left {width:10%;}
.notes-container #notes-container-right {padding-left:15px; padding-right:20px; width:90%;}
.notes-container #notes-container-right.slide {padding-left:0px; width:100%; height:640px;}
.notes-container #notes-container-right div#abs-slider {display:block; position:absolute; z-index:9999; cursor:pointer; width:64px; height:64px; left:3%; top:45%; margin:0px; padding:0px; background:transparent url(../images/icons/left-64.png) center center no-repeat; opacity:0.05;}
.notes-container #notes-container-right div#abs-slider.clicked {left:0.6%; background:transparent url(../images/icons/right-64.png) center center no-repeat;}
.notes-container #notes-container-right div#abs-slider:hover {}
.notes-container ul#note-list {display:block; position:relative; list-style:none; width:300px; height:640px; margin:auto; padding:10px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.notes-container ul#note-list > li {display:block; position:relative; width:220px; height:220px; padding:2em; margin:auto; margin-bottom:20px; opacity:0.5; background-color:#fff; border:1px solid #ccc; box-shadow:inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);}
.notes-container ul#note-list > li.active {opacity:1.0;}
.notes-container ul#note-list > li a {display:block; width:220px; height:220px; margin:0px; padding:0px; cursor:pointer;}
.notes-container ul#note-list > li img {width:220px; height:auto; margin:20% auto; border: 0px solid #4aad36; }
.notes-container > .document {display:block; position:relative; width:100%; height:100%; margin:auto;}
.notes-container > .document iframe {display:block; width:100%; height:100%; background-color:#cccccc;}
.notes-container > .document iframe.fade {opacity:0.4;}
.notes-container > .document.loading {background:url(../images/loader-content.gif) no-repeat center center;}
.notes-container > .document ul#document-nav {display:block; position:absolute; top:40px; left:auto; right:50px; margin:auto; height:auto; width:auto; list-style-type:none; background:rgba(255, 255, 255, 0.25); opacity:0.8;}
.notes-container > .document ul#document-nav li {display:block; margin:0px; margin-bottom:5px; padding:0px;}
.notes-container > .document ul#document-nav li a {width:48px; height:48px; text-indent:-9999px; position:relative; display:block; margin:0px 0 0 0; padding:0; cursor:pointer;}
.notes-container > .document ul#document-nav li a[id='refresh']{background:url(../images/icons/refresh48.png) center center no-repeat;}
/* YENİ KODLAR */
.notes-container > .note-list {list-style:none; display:flex; flex-wrap:wrap; align-content:flex-start; max-height:520px; min-height:520px; margin:auto; margin-top:20px; margin-bottom:-15px; padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:15px; overflow-y:scroll; overflow-x:hidden; white-space:nowrap; scroll-behavior:smooth;}
.notes-container > .note-list > li {display:inline-flex; margin:15px; margin-top:auto; margin-bottom:25px; -webkit-perspective: 440px; -moz-perspective: 440px; perspective: 440px;}
.notes-container > .note-list > li img {width: auto; height: 250px; margin: 0px; padding: 0px; display: block; filter:drop-shadow(10px 10px 10px gray);}
.notes-container > .note-list::-webkit-scrollbar {width:7px; background-color:#ccc; border-radius:10px;}
.notes-container > .note-list::-webkit-scrollbar-track {border-radius:7px; border:4px solid #f2f2f2;}
.notes-container > .note-list::-webkit-scrollbar-track-piece {background-color:#f2f2f2;}
.notes-container > .note-list::-webkit-scrollbar-thumb {border-radius:1px; background-color:#1b1b1b; border:1px solid #1b1b1b; background-clip:content-box;}
.notes-container > .note-list::-webkit-scrollbar-thumb:hover {background-color:#1b1b1b;}
/*** NOTES CONTAINER BOXES ***/
.shadowed {box-shadow: 0.000em 0.125em 0.250em rgba(0,0,24,0.500); } /* shadowed */
.pillowed {box-shadow: 0.000em 0.125em 0.250em rgba(0,0,24,0.500), inset 0.000em 0.250em 0.250em rgba(248,248,255,0.500); } /* pillowed */
.browned {box-shadow: 0.000em 0.125em 0.250em rgba(0,0,24,0.500), inset 0.000em 0.000em 6.000em rgba( 24, 0, 0,0.250); } /* browned edges */
.faded {box-shadow: 0.000em 0.125em 0.250em rgba(0,0,24,0.500), inset 0.000em 0.000em 6.000em rgba(248,248,255,0.500); } /* faded edges */
/*** NOTEBOOKS CONTAINER KODLARI ***/
.notebooks-container {position:relative; display:block; margin-left:50px; margin-right:50px; min-height:400px;}
.notebooks-container > .notebook-list {list-style:none; display:flex; flex-wrap:wrap; align-content:flex-start; margin:auto; padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:50px; overflow-x:scroll; overflow-y:hidden; white-space: nowrap; scroll-behavior: smooth;}
.notebooks-container > .notebook-list > li {display:inline-flex; margin:15px; margin-top:auto; margin-bottom:25px; -webkit-perspective: 440px; -moz-perspective: 440px; perspective: 440px;}
.notebooks-container > .notebook-list > li img {width: auto; height: 450px; margin: 0; padding: 0; display: block; filter:drop-shadow(10px 10px 10px gray);}
.notebooks-container > .notebook-list::-webkit-scrollbar {height:7px; background-color:#ccc; border-radius:10px;}
.notebooks-container > .notebook-list::-webkit-scrollbar-track {border-radius:7px; border:4px solid #f2f2f2;}
.notebooks-container > .notebook-list::-webkit-scrollbar-track-piece {background-color:#f2f2f2;}
.notebooks-container > .notebook-list::-webkit-scrollbar-thumb {border-radius:1px; background-color:#1b1b1b; border:1px solid #1b1b1b; background-clip:content-box;}
.notebooks-container > .notebook-list::-webkit-scrollbar-thumb:hover {background-color:#1b1b1b;}
/*** BLOG CONTAINER ***/
.blog-container {position:relative; display:block; margin-left:270px; margin-right:50px; min-height:400px;}
.blog-container .twitter-timelins {position:relative; display:block; text-align:center;}
.twitter-timeline-rendered {
margin: auto;
}
/*** ART CONTAINER ***/
.art-container {position:relative; display:block; margin-left:50px; margin-right:50px; margin-bottom:25px; min-height:400px;}
.flow {column-count: 4; column-gap: 1em; margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; -moz-column-rule: 0px solid #eee; -webkit-column-rule: 0px solid #eee; column-rule: 0px solid #eee; font-size: .85em;}
.flow > img {background-color: #eee; display: inline-block; width: 100%; min-height:460px; background: #e5e5e5; padding: 1em; margin: 0 0 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; max-width: 100%; vertical-align: bottom; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-image: url('images/loading.gif'); background-repeat: no-repeat; background-position: 50% 50%;}
.flow > img {background-image: url(../images/loader-content.gif); background-repeat: no-repeat; background-position: 50% 50%;}
.flow > img:hover {opacity: .75; -o-filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.flow > i {display:block; text-align:center; letter-spacing:1px; width:100%; height:auto; color:#464646; text-shadow: 0px 0.2px 0.2px #4d4d4d; font-style:normal; font-size:smaller; padding:0px; margin:auto; margin-top:-15px; margin-bottom:5px;}
@media only screen and (max-device-width: 800px) and (orientation: portrait) {.flow {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}}
@media only screen and (max-device-width: 1280px) and (orientation: landscape) {.flow {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {.flow {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {.flow {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) {.flow {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}}
.artjcarousel {position:relative; margin-top:20px; margin-bottom:50px; margin-left:100px; margin-right:100px; overflow:hidden; border:0px solid #101010;}
.artjcarousel ul {width:20000em; position:relative; list-style:none; margin:auto; padding:0px;}
.artjcarousel li {position:relative; float:left; overflow:hidden !important; margin:10px; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
.artjcarousel li img {background-color: #eee; display:block; margin:0px; padding:0px; width:auto; height:600px; min-height:600px; min-width:250px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.artjcarousel li img {background-image: url(../images/loader-content.gif); background-repeat: no-repeat; background-position: 50% 50%;}
.artjcarousel li img:before {content:''; position:absolute; width:302px; height:426px; border:1px solid #f3f3f3;}
.artjcarousel li img:after {content:''; position:absolute; width:302px; height:426px; border:1px solid #f3f3f3;}
.artjcarousel li:last-child {margin-right:30px;}
.artjcarousel-control-prev, .artjcarousel-control-next {position:absolute; top:45%; width:64px; height:64px; text-decoration:none;}
.artjcarousel-control-prev {left:10px; background:url("../images/icons/left-64.png");}
.artjcarousel-control-next {right:10px; background:url("../images/icons/right-64.png");}
.artjcarousel-control-prev:hover {background:url("../images/icons/left-hover-64.png");}
.artjcarousel-control-next:hover {background:url("../images/icons/right-hover-64.png");}
.art-container > p {display:block; position:relative; margin:auto; text-align:center;}
.art-container > p > a {cursor:pointer; text-decoration:none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; letter-spacing:2px; color:#545454;}
/*** BIBLIOGRAPHY CONTAINER ***/
.bibliography-container {position:relative; width:90%; margin:25px auto 0px auto; counter-reset:reference;}
.bibliography-container > iframe {display:block; position:relative; width:100%; height:600px;}
.bibliography-container .reference {display:block; position:relative; text-indent:-3em; line-height:2em; width:100%; margin:0px auto 10px auto; padding:0px; background:fff; border:0px solid #f2f2f2; border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -o-border-radius:0 5px 5px 5px; -ms-border-radius:0 5px 5px 5px;}
.bibliography-container .reference > div, .bibliography-container .reference > span {display:inline; position:relative; width:auto; margin:auto; margin-bottom:10px; color: #464646; font-size:medium; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
.bibliography-container .reference > div.counter {margin:auto; padding:auto; border:0px solid #464646;}
.bibliography-container .reference > div.counter:after {content:"[" counter(reference, decimal) "]"; counter-increment:reference; margin:auto; text-align:left; color:#f2f2f2; font-weight:bold;}
.bibliography-container .reference > div.counter {padding-right:10px;}
.bibliography-container .reference > span.title, .bibliography-container .reference > span.pages {font-weight:bold;}
.bibliography-container .reference > span:after {font-weight:normal;}
.bibliography-container .reference > span.author:after, span.title:after {content:",";}
.bibliography-container .reference > span.year:before {content:"(";}
.bibliography-container .reference > span.year:after {content:")";}
.bibliography-container .reference > span:empty {display:none; visibility:hidden;}
.bibliography-container .reference > p.content {display:block; width:95%; margin:auto; color: #464646; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.bibliography-container .reference > p.content span.inline-equation {display:inline-block; position:relative; margin:auto; padding:5px auto 5px auto;}
.bibliography-container .reference > p.content span.display-equation {display:block; position:relative; margin:auto; vertical-align:middle; padding: 25px auto 25px auto;}
/*** ABOUT CONTAINER ***/
.about-container {display:block; position:relative; height:auto; margin:auto; margin-left:50px; margin-right:50px; min-height:400px;}
.about-container > p {display:block; padding-bottom:5px; padding-top:5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; letter-spacing:2px; color:#545454; line-height:1.2em;}
.about-container > p.itext {margin-top:30px; font-family: "Lucida Console"; font-size:22px; text-align:left;}
.about-container > span {position:relative; display:block; float:left; width:600px; height:auto; margin: 0px auto 0px auto; margin-right:25px; margin-bottom:-5px; padding:0px; font-size:9pt; text-align:center;}
.about-container > span > img {margin:auto; margin-top:20px; padding:auto; border:0px solid #464646;}
.about-container > span > img.author {width:auto; height:519px;}
.about-container > span > img.about {width:600px; height:auto;}
.about-container > img {margin:auto; margin-bottom:15px; padding:0px; border:1px solid; border-color:#f3f3f3 #bbb #bbb #f3f3f3; width:80%; height:auto; display:block; box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -moz-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -o-box-shadow: 9px 9px 7px rgba(0,0,0,0.3); -ms-box-shadow: 9px 9px 7px rgba(0,0,0,0.3);}
.about-container .contact {display:inline-block; margin:auto auto 30px auto; padding:0; width:auto; height:auto; vertical-align:top;}
.about-container .contact li {list-style-type:none; display:block; height:25px; margin:0; padding:0; margin-top:10px;}
.about-container .contact li a {display:block; margin-bottom:30px; margin-left:25px;}
.about-container .contact li span {display:block; margin:auto; margin-top:3px; margin-left:25px; padding:0 8px 0 0; color: #464646; font-size:large; font-family:'Ubuntu', Georgia, Arial; text-align:left; line-height:24px;}
.about-container .contact li span[contact-type='mail'] {padding-left:40px; background:url(../images/icons/email.png) no-repeat left center;}
.about-container .contact li span[contact-type='phone'] {padding-left:40px; background:url(../images/icons/phone.png) no-repeat left center;}
.about-container .contact li span[contact-type='web'] {padding-left:40px; background:url(../images/icons/web.png) no-repeat left center;}
/*** PINTEREST CONTAINER ***/
.pinterest-container {position:relative; display:block; margin-left:50px; margin-right:50px; min-height:400px;}
.pinterest-container > span {position:relative; display:block; box-shadow: none !important; min-width: 100%; overflow: hidden;}
/*** DISQUS CONTAINER ***/
.disqus-container {position:relative; width:95%; margin:25px auto 15px auto;}
.disqus-info {}
.disqus_thread {position:relative; display:block;}
/* ARTICLE CONTENT NAVIGATION */
#article-nav {position:fixed; left:20px; top:80px; right:auto; height:auto; width:auto; margin:0 auto; background:transparent; z-index:800; opacity:0.6;}
#article-nav span {position:relative; display:block; margin:auto; padding:0px; padding-top:30px; background:transparent; color:#464646; font-size:25px; font-family:'Ubuntu', Georgia, Arial; text-align:center;}
#article-nav span a {text-decoration:none; cursor:pointer; color:#464646; margin:auto; padding:auto; text-shadow: 0px 1px 1px #4d4d4d; letter-spacing:5px;}
#article-nav span:hover a {}
/*** ARTICLE CONTAINER ***/
#article-layout {position:relative; width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden; background:#fff;}
#article-content-logo {display:block; position:absolute; width:320px; height:180px; top:0px; right:0px; left:auto; opacity:0.6; z-index:100;}
.article-container {position:relative; width:95%; height:auto; margin: 45px auto 25px auto; z-index:500;}
.article-section {position:relative; width:90%; height:auto; margin:25px auto 25px auto; padding:auto; padding-left:15px; padding-right: background:transparent;}
.article-section h1 {margin:auto auto 30px auto; padding:0; height:auto; color:#464646; font-size:22px; font-family:'Ubuntu', Georgia, Arial; text-align:left; font-weight:lighter;}
.article-section h3 {display:block;}
.article-section a { text-decoration:none; font-size:18px; font-weight:lighter;}
.article-section p {position:relative; font-size:18px; font-weight:lighter; letter-spacing:2px; line-height:18px; color:#545454; text-align:justify; line-height:25px;}
.article-section p span {display:inline-block; position:relative; margin:auto; padding:auto; font-weight:lighter;}
.article-section p p {display:inline-block; position:relative; float:right; margin:auto; padding:auto; width:50%;}
.article-section p img {position:relative; display:inline-block; height:auto; width:auto; margin:auto;}
.article-section p img.left {float:left;}
.article-section p img.right {float:right;}
.article-section img {position:relative; display:block; height:auto; width:auto; margin:auto;}
/*** TEXT CONTAINER ***/
.text-container {position:relative; width:95%; height:auto; margin: 25px auto 25px auto;}
.text-container h1 {margin:auto auto 30px auto; padding:0; height:auto; color:#464646; font-size:22px; font-family:'Ubuntu', Georgia, Arial; text-align:left; font-weight:lighter;}
.text-container h3 {display:block;}
.text-container a { text-decoration:none; font-size:18px; font-weight:lighter;}
.text-container p {position:relative; width:95%; height:auto; margin: 25px auto 25px auto; padding:auto; padding-left:15px; padding-right:25px; font-size:18px; font-weight:lighter; letter-spacing:2px; line-height:18px; color:#545454; text-align:justify;}
.text-container img {position:relative; display:block; height:auto; width:auto; margin:auto;}
/*** LANGUAGE SELECTOR ***/
.language-box {position:relative; padding: 0px 5px 0px 15px; margin:0px; margin-bottom:15px; border:#d7d7d7 solid 0px; border-left:#d7d7d7 solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.language-box:before {content:'tr'; color:#afafaf; position:absolute; left:-11px; top:20px; width:20px; padding:0px; padding-right:2px; padding-left:2px; padding-bottom:5px; padding-top:4px; text-align:center; font-size:small; background-color:#f2f2f2; border:#d7d7d7 solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.language-box[selector-position='top'] {}
/*** HISTORY CONTAINER ***/
#history-container {position:relative; width:95%; margin: 25px auto 5px auto;}
#history-container.position-right {float:right; padding:0 0 0 30px}
#history-container.position-left { float:left; padding:0 30px 0 0;}
#timeline {position:relative; width:auto; float:left; padding:0px 0px 20px 0px; border-top:#efc000 solid 1px; border-bottom:#efc000 solid 1px; background:url(../images/yellow.gif) repeat-y 33px 0px;}
#timeline > .top-bullet {position:absolute; left:17px; top:-16px; width:32px; height:32px; background:url(../images/bullet-yellow.png) no-repeat;}
#timeline > .bottom-bullet {position:absolute; left:17px; bottom:-16px; width:32px; height:32px; background:url(../images/bullet-yellow.png) no-repeat;}
#timeline ul {position:relative; float:left; width:auto; list-style-type:none;}
#timeline ul li {width:auto; float:left; padding:20px 20px 0px 0px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#timeline ul li > .date {width:61px; margin:-6px -16px; float:left; text-align:center; position:absolute;}
#timeline ul li > .date span {position:relative; display:inline-block; width:34px; height:34px; margin:10px 0px 14px 0px; background:#fff url(../images/calendar.png) no-repeat center center;}
#timeline ul li > .date h2 {position:relative; display:inline-block; background:#fff; color: #464646; width:34px; padding:2px 5px 2px 5px; border:#efc000 solid 1px; overflow:hidden; font-size:x-small; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
#timeline ul li > .content {padding:0px 0px 0px 61px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#timeline ul li > .content > .content-in {position:relative; float:left; width:796px; background:#fff; border:#d7d7d7 solid 1px; border-left:#d7d7d7 solid 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#timeline ul li > .content > .content-in > .pointer {position:absolute; left:-12px; top:15px; width:7px; height:14px; display:inline-block; background:url(../images/pointer.gif) no-repeat;}
#timeline ul li > .content > .content-in > .bottom-shadow {position:absolute; height:15px; width:796px; background:url(../images/drop-shadow2.png) no-repeat; left:-5px; bottom:-15px;}
#timeline ul li > .content > .content-in h2 {padding:15px 15px 5px 15px; color: #464646; font-size:16px; font-weight:bold; font-family:'Ubuntu', Georgia, Arial; text-align:left;}
#timeline ul li > .content > .content-in p {padding:15px 15px 15px 15px; color: #464646; font-size:16px; font-family:'Ubuntu', Georgia, Arial; text-align:justify;}
.scrollup {position: fixed; bottom: 45px; right: 2px; display: none; background: url(../images/to-top.png); width: 43px; height: 43px; opacity: 1; z-index: 1000;}
/*** ERROR PAGES (400,401,403,404,500) CONTAINER ***/
.error-container {position:relative; display:block; margin:5px; min-height:400px;}
.error-container > img {width:auto; height:600px; margin:auto;}
/* SCROLLER-NAV */
.scroller-nav {position:absolute; left:40px; top:322px; width:122px; height:100px; margin:0; border:5px solid #eee; background:#bbb; padding:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.scroller-nav .scroller-nav-container {position:absolute;}
.scroller-nav .scroller-nav-items {position:relative; height:auto; margin:0; margin-bottom:40px; left:0; top:0; display:inline-block; *display:inline;}
.scroller-nav .scroller-nav-items a {display:block; float:left; border:5px solid #ddd; margin:0 6px 10px 6px; background:#fff; width:100px; overflow:hidden; opacity:0.7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.scroller-nav .scroller-nav-items a:hover {border-color:#fff; opacity:1;}
.scroller-nav .scroller-nav-items a:first-child {margin-left:10px; margin-top:50px;}
/* DOC-READER KODLARI */
#docreader {
width: auto;
display: block;
position: relative;
z-index: 500;
min-height: 100%;
background-color: transparent;
padding: 0px;
}
#docreader > #docreader-thumbnail {
position: absolute;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
left: 0px;
top: 0px;
right: auto;
height: calc(100% - 40px);
width: 240px;
padding: 20px;
background-color: transparent;
z-index: 800;
opacity: 1;
border-right: 1px solid #efc000;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
scroll-behavior: smooth;
}
#docreader > #docreader-thumbnail::-webkit-scrollbar {
width: 7px;
background-color: #ccc;
border-radius: 10px;
}
#docreader > #docreader-thumbnail::-webkit-scrollbar-track {
border-radius: 7px;
border: 4px solid #f2f2f2;
}
#docreader > #docreader-thumbnail::-webkit-scrollbar-track-piece {
background-color: #f2f2f2;
}
#docreader > #docreader-thumbnail::-webkit-scrollbar-thumb {
border-radius: 1px;
background-color: #1b1b1b;
border: 1px solid #1b1b1b;
background-clip: content-box;
}
#docreader > #docreader-thumbnail::-webkit-scrollbar-thumb:hover {
background-color: #1b1b1b;
}
#docreader > #docreader-thumbnail > span {
position: relative;
display: inline-flex;
margin: auto;
padding: 0px;
padding-top: 15px;
padding-bottom: 15px;
background: transparent;
color: #464646;
font-size: 25px;
font-family: 'Ubuntu', Georgia, Arial;
word-spacing: -4px;
text-align: center;
}
#docreader > #docreader-thumbnail > span > img {
position: relative;
display: block;
width: 190px;
height: auto;
margin: auto;
border: 0px solid;
padding-top: 30px;
border-color: #f3f3f3 #bbb #bbb #f3f3f3;
margin-bottom: 40px;
}
#docreader > #docreader-canvas {
position: absolute;
top: 58px;
left:280px;
margin: auto;
width: calc(100% - 280px);
height: calc(100% - 116px);
border: 0px solid;
overflow-x: auto;
overflow-y: auto;
white-space: nowrap;
background-color: #fff; /*#1b1b1b*/
}
#docreader > #docreader-toolbar {
position: absolute;
left: 280px;
padding: 12px 20px 12px 20px;
width: calc(100% - 320px);
height: 32px;
background-color: #DADADA;
/* box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 300px rgba(222,198,122,0.7); border: 1px solid rgba(111,99,61,0.4);*/
list-style-type: none;
}
#docreader > #docreader-toolbar.top {
top: 0px;
}
#docreader > #docreader-toolbar.bottom {
bottom: 0px;
}