fix page's images style

_templates/sphinx_minoo_theme/includes/header.html

@@ -39,7 +39,7 @@
 {% if theme_direction == "ltr" %}
     <link rel="stylesheet" type=text/css href="{{ pathto('_static/minoo-ltr.css', 1) }}">
 {% else %}
-    <link rel="stylesheet" type=text/css href="{{ pathto('_static/minoo-20210407.css', 1) }}">
+    <link rel="stylesheet" type=text/css href="{{ pathto('_static/minoo-20230203.css', 1) }}">
 {% endif %}
 
 {%- block linktags %}

_templates/sphinx_minoo_theme/static/minoo-20210407.css → _templates/sphinx_minoo_theme/static/minoo-20230203.css

@@ -230,7 +230,6 @@ div[class^='highlight']{width:100%;display:inline-block}
 td{font-size:14px}
 tr.row-even{background-color:#F5F5F5;}
 
-
 /* custome style */
 ul li{text-align:justify}
 .red{color:#E65100}
@@ -243,167 +242,51 @@ body{font-size:1.5rem}
 .reportmenufield:hover{border-right:5px #f48fb1 solid !important}
 .exercisesmenufield{background-color:#ef5350 !important}
 .exercisesmenufield:hover{border-right:5px #ef9a9a solid !important}
-h1 a.toc-backref, h2 a.toc-backref{color:#fff !important}
-
-
-
-.footer-donate {
-    color: #fff !important;
-    background-color: #616161 !important;
-    padding:32px;
-    display: block;
-    width: 100%;
-    text-align:center;
-}
-
-.footer-donate h3 {
-        border: none !important;
-    background: transparent;
-color: #fff !important;
-}
-
-.footer-donate p {
-    margin: 0 !important;
-    text-align: center !important;
-    font-size:14px;
-}
-
-.footer-donate a.donate-box {
-display: block;
-    width: 100%;
-    float: none;
-    padding: 1.5rem;
-    background-color: #4CAF50;
-    color: #fff;
-    font-weight: 800;
-    text-align: center;
-    font-size: 20px;
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-    height: auto;
-}
-
-.footer-donate i {
-	font-size: 35px;
-}
-
-i {
-    vertical-align: bottom !important;
-}
-
-
-.top-fixed .top-banner {
-    position: fixed;
-    background: #fff;
-    z-index: 9;
-    right: 0;
-    top: 0;
-    left: 0;
-    right: 18%;
-
-    max-width: 772px;
-}
-
-.top-banner {
-
-transition:all .2s ease;
-}
-
-.top-fixed #body-donate {
-    margin-bottom:0;
-}
-
-.top-fixed .text-content {
-margin-top:100px;
-}
-
-.donate-badge{
-    position: fixed;
-    bottom: 12px;
-    z-index: 999999;
-    left: 40px;
-    display:none;
-    transition:all .2s ease;
-}
-
-.donate-badge.active  {
-    display:block;
-}
-
-#sidebar-bottom-list ul li {
-    font-size: 12px;
-text-align: inherit;
-}
-
-.toctree-wrapper ul li {
-text-align: inherit;
-}
-
-.side-top-link {
-    color: #fff;
-    text-align: center;
-    display: block;
-    padding: 8px;
-    position: fixed;
-    bottom: 38px;
-    background: #5C6BC0;
-    width: 300px;
-    right: -300px;
-    font-size: 85%;
-}
+h1 a.toc-backref h2 a.toc-backref{color:#fff !important}
+.footer-donate {color:#fff !important;background-color:#616161 !important;padding:32px;display:block;width:100%;text-align:center;}
+.footer-donate h3{border:none !important;background:transparent;color:#fff !important;}
+.footer-donate p{margin:0 !important;text-align:center !important;font-size:14px;}
+.footer-donate a.donate-box{display:block;width:100%;float:none;padding:1.5rem;background-color:#4CAF50;color:#fff;font-weight:800;text-align:center;font-size:20px;box-shadow:0px 8px 15px rgba(0, 0, 0, 0.1);height:auto;}
+.footer-donate i{font-size:35px;}
+i{vertical-align:bottom !important;}
+.top-fixed .top-banner{position:fixed;background:#fff;z-index:9;right:0;top: 0;left:0;right:18%;max-width:772px;}
+.top-banner{transition:all .2s ease;}
+.top-fixed #body-donate{margin-bottom:0;}
+.top-fixed .text-content{margin-top:100px;}
+.donate-badge{position:fixed;bottom: 12px;z-index: 999999;left:40px;display:none;transition:all .2s ease;}
+.donate-badge.active{display:block;}
+#sidebar-bottom-list ul li{font-size:12px;text-align:inherit;}
+.toctree-wrapper ul li{text-align:inherit;}
+.side-top-link{color:#fff;text-align:center;display:block;padding:8px;position:fixed;bottom:38px;background:#5C6BC0;width:300px;right:-300px;font-size:85%;}
 #page.toggled .side-top-link{right:0}
+.top-links{display:inline-block;float:left;height:32px;width:auto;}
+.top-links a{display:block;height:32px;width:auto;padding:2px 10px;cursor:pointer;color:#fff;}
+.top-red a{background-color:#b41474;}
+.top-green a{background-color:#4CAF50;margin:0px 2px;}
+.top-blue a{background-color:#009ca7;}
+.top-red a:hover,.top-green a:hover,.top-blue a:hover{color:#000;}
+ul li p:last-child{margin-bottom: 24px !important;}
+a.side-donate{background-color:#66BB6A;margin:0px 2px;color:white;padding:2px 10px;}
+a.hover{background-color:#4CAF50;}
+@media screen and (max-width:768px){.top-red{display:none !important;}}
+.page-image{max-height:100%;max-width:100%;height:auto;display:inline-block;}
 
-
-
-.top-links {
-	display:inline-block;float:left;height:32px;width:auto;
-}
-.top-links a {
-	display:block;height:32px;width:auto;padding:2px 10px;cursor:pointer;color:#fff;
-}
-.top-red a {
-	background-color:#b41474;
-}
-.top-green a {
-	background-color:#4CAF50;
-	margin:0px 2px;
-}
-.top-blue a {
-	background-color:#009ca7;
-}
-.top-red a:hover, .top-green a:hover, .top-blue a:hover{color:#000;}
-@media screen and (max-width: 768px) {
-	.top-red{display:none !important;}
-}
-
-ul li p:last-child {margin-bottom: 24px !important;}
-
-a.side-donate{
-    background-color: #66BB6A;
-    margin: 0px 2px;
-    color: white;
-    padding: 2px 10px;
-}
-
-a.hover{
-    background-color: #4CAF50;
-}
 /* -------- make other colors -------- */
-
-.toctree-wrapper li.make-red >a {background-color: #ec407a;}
-.toctree-wrapper .make-red >a:hover {border-right: 5px #f48fb1 solid;}
-.toctree-wrapper li.make-red.toctree-l1 i {color: #f48fb1!important;}
-.toctree-wrapper li.make-red>ul>li>a {background-color: #f48fb1;}
-.toctree-wrapper li.make-red>ul>li>a:hover {border-right: 5px #ec407a solid;}
-
-.toctree-wrapper li.make-green >a {background-color: #00695c;}
-.toctree-wrapper .make-green >a:hover {border-right: 5px #4db6ac solid;}
-.toctree-wrapper li.make-green.toctree-l1 i {color: #4db6ac!important;}
-.toctree-wrapper li.make-green>ul>li>a {background-color: #4db6ac;}
-.toctree-wrapper li.make-green>ul>li>a:hover {border-right: 5px #00695c solid;}
-
-.toctree-wrapper li.make-black >a {background-color: #37474f;}
-.toctree-wrapper .make-black >a:hover {border-right: 5px #90a4ae solid;}
-.toctree-wrapper li.make-black.toctree-l1 i {color: #90a4ae!important;}
-.toctree-wrapper li.make-black>ul>li>a {background-color: #90a4ae;}
-.toctree-wrapper li.make-black>ul>li>a:hover {border-right: 5px #37474f solid;}
+.toctree-wrapper li.make-red >a{background-color:#ec407a;}
+.toctree-wrapper .make-red >a:hover{border-right:5px #f48fb1 solid;}
+.toctree-wrapper li.make-red.toctree-l1 i{color:#f48fb1!important;}
+.toctree-wrapper li.make-red>ul>li>a{background-color:#f48fb1;}
+.toctree-wrapper li.make-red>ul>li>a:hover{border-right:5px #ec407a solid;}
+
+.toctree-wrapper li.make-green >a{background-color:#00695c;}
+.toctree-wrapper .make-green >a:hover{border-right:5px #4db6ac solid;}
+.toctree-wrapper li.make-green.toctree-l1 i{color:#4db6ac!important;}
+.toctree-wrapper li.make-green>ul>li>a{background-color:#4db6ac;}
+.toctree-wrapper li.make-green>ul>li>a:hover{border-right:5px #00695c solid;}
+
+.toctree-wrapper li.make-black >a{background-color:#37474f;}
+.toctree-wrapper .make-black >a:hover{border-right:5px #90a4ae solid;}
+.toctree-wrapper li.make-black.toctree-l1 i{color:#90a4ae!important;}
+.toctree-wrapper li.make-black>ul>li>a{background-color:#90a4ae;}
+.toctree-wrapper li.make-black>ul>li>a:hover{border-right:5px #37474f solid;}
 

lessons/l02.rst

@@ -12,6 +12,7 @@
 .. figure:: /_static/pages/02-python-setup.jpg
     :align: center
     :alt: نصب و راه‌اندازی پایتون
+    :class: page-image
 
     Photo by `Bermix Studio <https://unsplash.com/photos/8tQ7rBFgPu8>`__
 

lessons/l03.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/03-python-project-structure.jpg
     :align: center
     :alt: چگونگی ایجاد و اجرای یک پروژه پایتون
+    :class: page-image
 
     Photo by `Sam Moqadam <https://unsplash.com/photos/UkwbRZkt8zM>`__
 

lessons/l04.rst

@@ -13,6 +13,7 @@
 .. figure:: /_static/pages/04-python-interactive-mode.jpg
     :align: center
     :alt: برنامه‌نویسی تعاملی با پایتون (interactive)
+    :class: page-image
 
     Photo by `Anton Maksimov juvnsky <https://unsplash.com/photos/3jDZM3rgpz8>`__
 

lessons/l05.rst

@@ -12,6 +12,7 @@
 .. figure:: /_static/pages/05-python-object-oriented-programming-concept.jpg
     :align: center
     :alt: مفهوم شی گرایی (Object-Oriented Programming)
+    :class: page-image
 
     Photo by `Lucas Benjamin <https://unsplash.com/photos/wQLAGv4_OYs>`__
 

lessons/l06.rst

@@ -12,6 +12,7 @@
 .. figure:: /_static/pages/06-python-syntax.jpg
     :align: center
     :alt: سینتکس یا دستور نحو زبان پایتون
+    :class: page-image
 
     Photo by `Tim J <https://unsplash.com/photos/gM6k0JmHIBE>`__
 

lessons/l07.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/07-python-built-in-data-types-1.jpg
     :align: center
     :alt: انواع داده یا شی در پایتون: عددی و رشته
+    :class: page-image
 
     Photo by `Kristian Strand <https://unsplash.com/photos/p8gzCnZf39k>`__
 

lessons/l08.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/08-python-built-in-data-types-2.jpg
     :align: center
     :alt: انواع داده یا شی در پایتون: set ،dict ،tuple، list و None
+    :class: page-image
 
     Photo by `Natalia Y <https://unsplash.com/photos/Oxl_KBNqxGA>`__
 

lessons/l09.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/09-python-if-else-for-while.jpg
     :align: center
     :alt: دستورهای کنترلی در پایتون
+    :class: page-image
 
     Photo by `Lynda Sanchez <https://unsplash.com/photos/GCbGxU4mBu0>`__
 

lessons/l10.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/10-python-input-output-file.jpg
     :align: center
     :alt: فایل، ورودی و خروجی در پایتون - input, print, file
+    :class: page-image
 
     Photo by `Mr Cup / Fabien Barral <https://unsplash.com/photos/o6GEPQXnqMY>`__
 

lessons/l11.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/11-python-os-path-math.jpg
     :align: center
     :alt: کتابخانه استاندارد پایتون: math و os
+    :class: page-image
 
     Photo by `Yousef Espanioly <https://unsplash.com/photos/L6g30JaQ5Tc>`__
 

lessons/l12.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/12-python-function.jpg
     :align: center
     :alt: تابع در پایتون: تعریف، ارسال و تطابق آرگومان‌ها
+    :class: page-image
 
     Photo by `Josue Isai Ramos Figueroa <https://unsplash.com/photos/qvBYnMuNJ9A>`__
 

lessons/l13.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/13-python-function-decorator-generator-coroutine-lambda.jpg
     :align: center
     :alt: تابع در پایتون: Coroutine ،Generator ،Decorator‌ و lambda
+    :class: page-image
 
     Photo by `Bill Oxford <https://unsplash.com/photos/-fGqsewtsJY>`__
 

lessons/l14.rst

@@ -12,6 +12,7 @@
 .. figure:: /_static/pages/14-python-function-recursive-memoization.jpg
     :align: center
     :alt: تابع در پایتون: تابع بازگشتی (Recursive) و Memoization
+    :class: page-image
 
     Photo by `Dan Freeman <https://unsplash.com/photos/WHPsxhB4mWQ>`__
 

lessons/l15.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/15-python-regex-1.jpg
     :align: center
     :alt: عبارات با قاعده (Regular Expression) یا RegEx در پایتون
+    :class: page-image
 
     Photo by `Ehud Neuhaus <https://unsplash.com/photos/RZaR1yos2NM>`__
 

lessons/l16.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/16-python-regex-re.jpg
     :align: center
     :alt: کتابخانه استاندارد پایتون: re
+    :class: page-image
 
     Photo by `Markus Winkler <https://unsplash.com/photos/afW1hht0NSs>`__
 

lessons/l17.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/17-python-object-oriented-programming-class-object.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: تعریف کلاس و ایجاد شی
+    :class: page-image
 
     Photo by `Sarah Kilian <https://unsplash.com/photos/aObrctw3B7o>`__
 

lessons/l18.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/18-python-object-oriented-programming-inheritance-mro-mixin.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: وراثت (Inheritance)، Association و Mixin
+    :class: page-image
 
     Photo by `Vidar Nordli-Mathisen <https://unsplash.com/photos/s-vhziQHngM>`__
 

lessons/l19.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/19-python-object-oriented-programming-abstraction-metaclass.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: متا کلاس (Metaclass) و انتزاع (Abstraction)
+    :class: page-image
 
     Photo by `Giancarlo Revolledo <https://unsplash.com/photos/QOkr2RY4DT4>`__
 

lessons/l20.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/20-python-object-oriented-programming-polymorphism-encapsulation.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: Encapsulation و چندریختی (Polymorphism)
+    :class: page-image
 
     Photo by `sanjiv nayak <https://unsplash.com/photos/yTR70oYHEQw>`__
 

lessons/l21.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/21-python-object-oriented-programming-property-descriptors.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: __Descriptors ، Context Manager ،Decorator ،__slots و property@
+    :class: page-image
 
     Photo by `Mathyas Kurmann <https://unsplash.com/photos/fb7yNPbT0l8>`__
 

lessons/l22.rst

@@ -11,6 +11,7 @@
 .. figure:: /_static/pages/22-python-object-oriented-programming-type-hinting-data-class.jpg
     :align: center
     :alt: شی گرایی (OOP) در پایتون: Type Hinting و دیتا کلاس (Data Class)
+    :class: page-image
 
     Photo by `Stefan Widua <https://unsplash.com/photos/vdds_nsH-FE>`__