Posted by Anonymous on August Wed 15th 9:30 PM - Never Expires
Download | New paste

  1. /* Overthrow CSS:
  2.         Enable overflow: auto on elements with overthrow class when html element has overthrow-enabled class */
  3. .overthrow-enabled .overthrow {
  4.     overflow: auto;
  5.     -webkit-overflow-scrolling: touch;
  6. }
  7.  
  8. .overthrow-enabled #content.overthrow {
  9.     height: 90%;
  10.     width: 100%;
  11. }
  12. /* End Overthrow CSS*/
  13.  
  14. ​.magloading {
  15.     direction:rtl;
  16.     position:absolute;
  17.     top:50%;
  18.     margin-top:-50px;
  19.     font-family: "B Koodak", BKoodak, Tahoma;
  20.     width:100%;
  21.     text-align:center;
  22. }​
  23.  
  24. #ftovcontent {
  25.     overflow-y:scroll;
  26. }
  27.  
  28. div.imgcontainer {
  29.     width: 18%;
  30.     height: 100%;
  31.     background-size: cover;
  32.     background-repeat: no-repeat;
  33.     background-position: 50% 50%;
  34.     margin: 5px 5px 5px 0px;
  35. }
  36.  
  37. div.imgContainer1, div.imgContainer2 {
  38.     float: left;
  39. }
  40.  
  41. div.imgContainer3 {
  42.     float: left;
  43. }
  44.  
  45. h1, h2 {
  46.     font-family: 'B Koodak',BKoodak,tahoma;
  47.     font-size: 180%;
  48. }
  49.  
  50. #articlecontent, .text {
  51.     font-size: 120%;
  52. }
  53.  
  54. @media (max-width:1000px) {
  55.     .magvTitle {
  56.         height: 50px;
  57.     }
  58. }
  59.  
  60. @media (min-width:1001px) {
  61.     .magvTitle {
  62.         height: 65px;
  63.     }
  64. }
  65.  
  66. .magvTitle {
  67.     margin: 5px 10px 5px 10px;
  68. }
  69.  
  70. div.text {
  71.     width: 80%;
  72.     font-family: 'B Roya',BRoya,tahoma;
  73.     float: right;
  74. }
  75.  
  76. @media (max-width: 500px) {
  77.     #accountPage, .loginForm {
  78.         padding-right: 20px;
  79.         width: 95%;
  80.     }
  81. }
  82.  
  83. @media (min-width: 501px) {
  84.     #accountPage, .loginForm {
  85.         padding-right: 20px;
  86.         width: 500px;
  87.         margin-left: auto;
  88.         margin-right: auto;
  89.     }
  90. }
  91.  
  92. /*Article.cshtml*/
  93. html, body {
  94.     overflow-y: hidden;
  95. }
  96.  
  97. .frame {
  98.     height: 100%;
  99.     width: 100%;
  100.     border: 0;
  101.     background-color: green;
  102. }
  103.  
  104. .content {
  105.     height: 100%;
  106.     width: 100%;
  107.     overflow-y: hidden;
  108. }
  109.  
  110. .fullSize {
  111.     height: 100%;
  112.     width: 100%;
  113. }
  114.  
  115. .menu {
  116.     position: fixed;
  117.     bottom: -215px;
  118.     right: 10px;
  119.     width: 70px;
  120.     height: 265px;
  121.     background-color: #ffd800;
  122.     border-radius: 5px;
  123.     -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
  124. }
  125.  
  126. .menuitem {
  127.     width: 60px;
  128.     height: 60px;
  129.     margin: 5px;
  130.     background-color: #e0bf0c;
  131.     border-radius: 5px;
  132.     -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
  133.     -webkit-transition: background-color 0.3s; /*Safari & Chrome*/
  134.     transition: background-color 0.3s;
  135.     -moz-transition: background-color 0.3s; /* Firefox 4 */
  136.     -o-transition: background-color 0.3s; /* Opera */
  137. }
  138.  
  139.     .menuitem:hover,
  140.     .menuitem:focus .menuitem:active {
  141.         background-color: #dce500;
  142.         -webkit-transition: background-color 0.3s; /*Safari & Chrome*/
  143.         transition: background-color 0.3s;
  144.         -moz-transition: background-color 0.3s; /* Firefox 4 */
  145.         -o-transition: background-color 0.3s; /* Opera */
  146.     }
  147.  
  148. .menuitem-mousedown {
  149.     width: 54px;
  150.     height: 54px;
  151.     margin: 8px;
  152.     background-color: #dce500;
  153.     border-radius: 5px;
  154.     -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
  155. }
  156.  
  157.  
  158. .ui-content {
  159.     margin: 0 !important;
  160.     padding: 0 !important;
  161.     border: 0 !important;
  162.     outline: 0 !important;
  163.     height: 100%;
  164.     overflow: hidden !important;
  165. }
  166.  
  167. #sharingBar {
  168.     -moz-box-shadow: 0px 0px 30px 10px #888;
  169.     -webkit-box-shadow: 0px 0px 30px 10px#888;
  170.     box-shadow: 0px 0px 30px 10px #888;
  171.     -moz-border-radius: 15px;
  172.     border-radius: 15px;
  173.     height: 30px;
  174.     padding: 10px;
  175.     width: 350px;
  176.     position: absolute;
  177.     bottom: 0px;
  178.     opacity: 0;
  179.     right: 50px;
  180.     background-color: whiteSmoke;
  181.     text-align: center;
  182. }
  183.  
  184. /*FullText*/
  185. .ui-content {
  186.     overflow-y: visible !important;
  187.     width: 100%;
  188.     height: 100%;
  189. }
  190.  
  191. #paddingfix {
  192.     margin: 10px 40px 10px 10px;
  193. }
  194.  
  195. /*Index*/
  196. @media (max-width: 1000px) {
  197.     .c {
  198.         width: 200px !important;
  199.     }
  200. }
  201.  
  202. @media (min-width: 1001px) {
  203.     .c {
  204.         width: 380px !important;
  205.     }
  206. }
  207.  
  208. .a {
  209.     overflow: scroll;
  210.     height: 100%;
  211. }
  212.  
  213. .b, .c1, .c2 {
  214.     border: solid thin gray;
  215. }
  216.  
  217. .a {
  218.     display: table;
  219.     border-collapse: seperate;
  220.     border-spacing: 7px;
  221.     border: 0px;
  222. }
  223.  
  224. .b {
  225.     display: table-row;
  226. }
  227.  
  228. .c {
  229.     display: table-cell;
  230.     background-color: #EEE;
  231.     padding: 10px 0px;
  232.     vertical-align: middle;
  233.     text-align: center;
  234.     color: white;
  235.     text-shadow: 0px 0px white;
  236. }
  237.  
  238. .c0 {
  239.     display: table-cell;
  240.     vertical-align: top;
  241. }
  242.  
  243. a.a-item {
  244.     width: 200px !important;
  245. }
  246.  
  247. a:link {
  248.     text-decoration: none;
  249.     color: transparent;
  250. }
  251.  
  252. a:visited {
  253.     text-decoration: none;
  254.     color: transparent;
  255. }
  256.  
  257. a:hover {
  258.     text-decoration: none;
  259.     color: transparent;
  260. }
  261.  
  262. a:active {
  263.     text-decoration: none;
  264.     color: transparent;
  265. }
  266.  
  267. ​ .ui-content {
  268.     height: 100%;
  269.     overflow-y: hidden !important;
  270. }
  271.  
  272. .bigfont {
  273.     font-size: 250%;
  274. }
  275.  
  276. #ovcontent {
  277.     overflow-y: hidden;
  278. }
  279.  
  280.  
  281.  
  282. /*MagazineView*/
  283.  
  284. body {
  285.     direction: rtl;
  286.     font-family: "B Nazanin";
  287. }
  288.  
  289. .menuItemContainer {
  290.     padding: 10px 10px 10px 10px;
  291.     color: white;
  292.     text-align: center;
  293.     vertical-align: middle;
  294. }
  295.  
  296. img.dock {
  297.     float: right;
  298.     margin: 5px;
  299. }
  300.  
  301. .center1 {
  302.     display: table;
  303.     height: 100%;
  304.     width: 100%;
  305.     background: #aaa;
  306.     _position: relative;
  307.     overflow: hidden;
  308. }
  309.  
  310. .center2 {
  311.     _position: absolute;
  312.     _top: 50%;
  313.     display: table-cell;
  314.     overflow: hidden;
  315.     vertical-align: middle;
  316.     cursor: pointer;
  317.     cursor: hand;
  318. }
  319.  
  320. .center3 {
  321.     _position: relative;
  322.     _top: -50%;
  323. }
  324.  
  325. img {
  326.     margin-left: 10px;
  327. }
  328.  
  329. div.gr1 {
  330.     float: left;
  331.     width: 47%;
  332.     border: 0px;
  333.     padding-right: 6px;
  334.     padding-left: 6px;
  335. }
  336.  
  337. div.box {
  338.     float: left;
  339.     width: 100%;
  340.     border: 1px solid whitesmoke;
  341.     margin: 3px;
  342.     overflow: hidden;
  343. }
  344.  
  345. div.box1 img, div.box2 img {
  346.     height: 60%;
  347. }
  348.  
  349. div.box3 img {
  350.     width: 100%;
  351.     max-height: 50%;
  352. }
  353.  
  354. div.theFooter {
  355.     width: 100%;
  356. }
  357.  
  358. div.footerRight {
  359.     float: right;
  360. }
  361.  
  362. div.footerLeft {
  363.     float: left;
  364. }
  365.  
  366. ​
  367. /*NewMagazine*/
  368. #FeedsAddBtn {
  369.     display: inline-table !important;
  370. }
  371.  
  372.  
  373. #txbxfeeds {
  374.     width: 90% !important;
  375. }
  376.  
  377. .feedplace {
  378.     display: none;
  379. }
  380.  
  381. .FeedRemove {
  382.     margin-top: 10px !important;
  383.     padding-top: 10px !important;
  384. }
  385.  
  386. .FeedText {
  387.     width: 92% !important;
  388.     margin-left: 5px !important;
  389. }
  390.  
  391. .fullWidth {
  392.     width: 98% !important;
  393. }
  394.  
  395. .LeftRightMargin {
  396.     margin-left: 5px !important;
  397.     margin-right: 5px !important;
  398. }
  399.  
  400. .BottomMargin {
  401.     margin-bottom: 5px;
  402. }
  403.  
  404. @media screen and (min-width: 501px) {
  405.     .thecontent {
  406.         width: 500px;
  407.         margin-left: auto;
  408.         margin-right: auto;
  409.     }
  410. }
  411.  
  412. @media screen and (max-width: 500px) {
  413.     .thecontent {
  414.         width: 100%;
  415.         margin-left: auto;
  416.         margin-right: auto;
  417.     }
  418. }
  419.  
  420. .whatsthis {
  421.     font-size: 75%;
  422. }
  423.  
  424. .hidden {
  425.     display: none;
  426. }
  427.  
  428. .cb {
  429.     display: inline-block;
  430.     width: 25px;
  431.     height: 25px;
  432.     margin-left: 5px;
  433.     -moz-box-shadow: 2px 2px 5px #ccc;
  434.     -o-box-shadow: 2px 2px 5px #ccc;
  435.     -webkit-box-shadow: 2px 2px 5px #ccc;
  436.     box-shadow: 2px 2px 5px #ccc;
  437. }
  438.  
  439.  
  440. .headerButton {
  441.     cursor: hand;
  442.     cursor: pointer;
  443.     color: white !important;
  444.     font-family: "B Koodak", Tahoma;
  445. }
Language:
To highlight particular lines, prefix each line with @@