/* Overthrow CSS:
Enable overflow: auto on elements with overthrow class when html element has overthrow-enabled class */
.overthrow-enabled .overthrow {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.overthrow-enabled #content.overthrow {
height: 90%;
width: 100%;
}
/* End Overthrow CSS*/
​.magloading {
direction:rtl;
position:absolute;
top:50%;
margin-top:-50px;
font-family: "B Koodak", BKoodak, Tahoma;
width:100%;
text-align:center;
}​
#ftovcontent {
overflow-y:scroll;
}
div.imgcontainer {
width: 18%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
margin: 5px 5px 5px 0px;
}
div.imgContainer1, div.imgContainer2 {
float: left;
}
div.imgContainer3 {
float: left;
}
h1, h2 {
font-family: 'B Koodak',BKoodak,tahoma;
font-size: 180%;
}
#articlecontent, .text {
font-size: 120%;
}
@media (max-width:1000px) {
.magvTitle {
height: 50px;
}
}
@media (min-width:1001px) {
.magvTitle {
height: 65px;
}
}
.magvTitle {
margin: 5px 10px 5px 10px;
}
div.text {
width: 80%;
font-family: 'B Roya',BRoya,tahoma;
float: right;
}
@media (max-width: 500px) {
#accountPage, .loginForm {
padding-right: 20px;
width: 95%;
}
}
@media (min-width: 501px) {
#accountPage, .loginForm {
padding-right: 20px;
width: 500px;
margin-left: auto;
margin-right: auto;
}
}
/*Article.cshtml*/
html, body {
overflow-y: hidden;
}
.frame {
height: 100%;
width: 100%;
border: 0;
background-color: green;
}
.content {
height: 100%;
width: 100%;
overflow-y: hidden;
}
.fullSize {
height: 100%;
width: 100%;
}
.menu {
position: fixed;
bottom: -215px;
right: 10px;
width: 70px;
height: 265px;
background-color: #ffd800;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox 3.6 and earlier */
}
.menuitem {
width: 60px;
height: 60px;
margin: 5px;
background-color: #e0bf0c;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox 3.6 and earlier */
-webkit-transition: background-color 0.3s; /*Safari & Chrome*/
transition: background-color 0.3s;
-moz-transition: background-color 0.3s; /* Firefox 4 */
-o-transition: background-color 0.3s; /* Opera */
}
.menuitem:hover,
.menuitem:focus .menuitem:active {
background-color: #dce500;
-webkit-transition: background-color 0.3s; /*Safari & Chrome*/
transition: background-color 0.3s;
-moz-transition: background-color 0.3s; /* Firefox 4 */
-o-transition: background-color 0.3s; /* Opera */
}
.menuitem-mousedown {
width: 54px;
height: 54px;
margin: 8px;
background-color: #dce500;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox 3.6 and earlier */
}
.ui-content {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
height: 100%;
overflow: hidden !important;
}
#sharingBar {
-moz-box-shadow: 0px 0px 30px 10px #888;
-webkit-box-shadow: 0px 0px 30px 10px#888;
box-shadow: 0px 0px 30px 10px #888;
-moz-border-radius: 15px;
border-radius: 15px;
height: 30px;
padding: 10px;
width: 350px;
position: absolute;
bottom: 0px;
opacity: 0;
right: 50px;
background-color: whiteSmoke;
text-align: center;
}
/*FullText*/
.ui-content {
overflow-y: visible !important;
width: 100%;
height: 100%;
}
#paddingfix {
margin: 10px 40px 10px 10px;
}
/*Index*/
@media (max-width: 1000px) {
.c {
width: 200px !important;
}
}
@media (min-width: 1001px) {
.c {
width: 380px !important;
}
}
.a {
overflow: scroll;
height: 100%;
}
.b, .c1, .c2 {
border: solid thin gray;
}
.a {
display: table;
border-collapse: seperate;
border-spacing: 7px;
border: 0px;
}
.b {
display: table-row;
}
.c {
display: table-cell;
background-color: #EEE;
padding: 10px 0px;
vertical-align: middle;
text-align: center;
color: white;
text-shadow: 0px 0px white;
}
.c0 {
display: table-cell;
vertical-align: top;
}
a.a-item {
width: 200px !important;
}
a:link {
text-decoration: none;
color: transparent;
}
a:visited {
text-decoration: none;
color: transparent;
}
a:hover {
text-decoration: none;
color: transparent;
}
a:active {
text-decoration: none;
color: transparent;
}
​ .ui-content {
height: 100%;
overflow-y: hidden !important;
}
.bigfont {
font-size: 250%;
}
#ovcontent {
overflow-y: hidden;
}
/*MagazineView*/
body {
direction: rtl;
font-family: "B Nazanin";
}
.menuItemContainer {
padding: 10px 10px 10px 10px;
color: white;
text-align: center;
vertical-align: middle;
}
img.dock {
float: right;
margin: 5px;
}
.center1 {
display: table;
height: 100%;
width: 100%;
background: #aaa;
_position: relative;
overflow: hidden;
}
.center2 {
_position: absolute;
_top: 50%;
display: table-cell;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
cursor: hand;
}
.center3 {
_position: relative;
_top: -50%;
}
img {
margin-left: 10px;
}
div.gr1 {
float: left;
width: 47%;
border: 0px;
padding-right: 6px;
padding-left: 6px;
}
div.box {
float: left;
width: 100%;
border: 1px solid whitesmoke;
margin: 3px;
overflow: hidden;
}
div.box1 img, div.box2 img {
height: 60%;
}
div.box3 img {
width: 100%;
max-height: 50%;
}
div.theFooter {
width: 100%;
}
div.footerRight {
float: right;
}
div.footerLeft {
float: left;
}
​
/*NewMagazine*/
#FeedsAddBtn {
display: inline-table !important;
}
#txbxfeeds {
width: 90% !important;
}
.feedplace {
display: none;
}
.FeedRemove {
margin-top: 10px !important;
padding-top: 10px !important;
}
.FeedText {
width: 92% !important;
margin-left: 5px !important;
}
.fullWidth {
width: 98% !important;
}
.LeftRightMargin {
margin-left: 5px !important;
margin-right: 5px !important;
}
.BottomMargin {
margin-bottom: 5px;
}
@media screen and (min-width: 501px) {
.thecontent {
width: 500px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 500px) {
.thecontent {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.whatsthis {
font-size: 75%;
}
.hidden {
display: none;
}
.cb {
display: inline-block;
width: 25px;
height: 25px;
margin-left: 5px;
-moz-box-shadow: 2px 2px 5px #ccc;
-o-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;
}
.headerButton {
cursor: hand;
cursor: pointer;
color: white !important;
font-family: "B Koodak", Tahoma;
}