[Bf-docboard-svn] bf-manual: [9812] trunk/blender_docs: theme: home cards to grid
Tobias Heinke
noreply at blender.org
Sat Dec 17 00:25:18 CET 2022
Revision: 9812
https://developer.blender.org/rBM9812
Author: TobiasH
Date: 2022-12-17 00:25:18 +0100 (Sat, 17 Dec 2022)
Log Message:
-----------
theme: home cards to grid
Differential Revision: https://developer.blender.org/D16786
Modified Paths:
--------------
trunk/blender_docs/manual/index.rst
trunk/blender_docs/resources/theme/css/theme_overrides.css
Modified: trunk/blender_docs/manual/index.rst
===================================================================
--- trunk/blender_docs/manual/index.rst 2022-12-14 22:27:01 UTC (rev 9811)
+++ trunk/blender_docs/manual/index.rst 2022-12-16 23:25:18 UTC (rev 9812)
@@ -21,21 +21,21 @@
.. only:: builder_html and (not singlehtml)
- .. container:: tocdescr
+ .. container:: toc-cards
- .. container:: descr
+ .. container:: card
:doc:`/getting_started/about/index`
- .. container:: descr
+ .. container:: card
:doc:`/getting_started/installing/index`
- .. container:: descr
+ .. container:: card
:doc:`/getting_started/configuration/index`
- .. container:: descr
+ .. container:: card
:doc:`/getting_started/help`
@@ -56,9 +56,9 @@
.. only:: builder_html and (not singlehtml)
- .. container:: tocdescr
+ .. container:: toc-cards
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_interface.jpg
:target: interface/index.html
@@ -66,7 +66,7 @@
:doc:`/interface/index`
An introduction to Blender's window system, widgets and tools.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_editors.jpg
:target: editors/index.html
@@ -74,7 +74,7 @@
:doc:`/editors/index`
Overview of the interface and functionality of all editors.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_scene.jpg
:target: scene_layout/index.html
@@ -82,7 +82,7 @@
:doc:`/scene_layout/index`
Objects and their organization into scenes, view layers and collections.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_modeling.jpg
:target: modeling/index.html
@@ -90,7 +90,7 @@
:doc:`/modeling/index`
Meshes, curves, metaballs, text, modeling tools, and modifiers.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_painting.jpg
:target: sculpt_paint/index.html
@@ -98,7 +98,7 @@
:doc:`/sculpt_paint/index`
Sculpting, texture painting and vertex painting.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_grease-pencil.jpg
:target: grease_pencil/index.html
@@ -106,7 +106,7 @@
:doc:`/grease_pencil/index`
2D drawing and animation with Grease Pencil.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_animation.jpg
:target: animation/index.html
@@ -114,7 +114,7 @@
:doc:`/animation/index`
Keyframes, drivers, constraints, armatures and shape keys.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_physics.jpg
:target: physics/index.html
@@ -122,7 +122,7 @@
:doc:`/physics/index`
Physics simulations, particle systems and dynamic paint.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_render.jpg
:target: render/index.html
@@ -130,7 +130,7 @@
:doc:`/render/index`
Rendering and shading with Eevee, Cycles and Freestyle.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_compositing.jpg
:target: compositing/index.html
@@ -138,7 +138,7 @@
:doc:`/compositing/index`
Post-processing with the compositing nodes.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_movie-clip.jpg
:target: movie_clip/index.html
@@ -146,7 +146,7 @@
:doc:`/movie_clip/index`
Video motion tracking & masking.
- .. container:: descr
+ .. container:: card
.. figure:: /images/index_sequencer.jpg
:target: video_editing/index.html
@@ -154,32 +154,32 @@
:doc:`/video_editing/index`
Video editing with the sequencer.
- .. container:: descr
+ .. container:: card
:doc:`/files/index`
Data-block management and the structure of blend-files.
- .. container:: descr
+ .. container:: card
:doc:`/addons/index`
Additional functionality available as add-ons.
- .. container:: descr
+ .. container:: card
:doc:`/advanced/index`
Python scripting, how to write add-ons and a reference for command-line arguments.
- .. container:: descr
+ .. container:: card
:doc:`/troubleshooting/index`
Solving crashes, graphics issues and Python errors, recovering data and reporting bugs.
- .. container:: descr
+ .. container:: card
:doc:`Glossary </glossary/index>`
A list of terms and definitions used in Blender and this manual.
- .. container:: descr
+ .. container:: card
:ref:`Manual Index <genindex>`
A list of terms linked to the Glossary.
Modified: trunk/blender_docs/resources/theme/css/theme_overrides.css
===================================================================
--- trunk/blender_docs/resources/theme/css/theme_overrides.css 2022-12-14 22:27:01 UTC (rev 9811)
+++ trunk/blender_docs/resources/theme/css/theme_overrides.css 2022-12-16 23:25:18 UTC (rev 9812)
@@ -336,85 +336,54 @@
display: none;
}
-/* Start section description. */
- at media screen and (min-width: 450px) {
- .tocdescr {
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- align-items: flex-start;
- align-content: flex-start;
- list-style-type: none;
- margin-bottom: 10px;
- }
-
- /* Dan Andreasson on Stack Overflow. */
- .tocdescr:after {
- content: "";
- flex: 1 0 33.3%;
- margin-left: 45px;
- align-self: stretch;
- }
+/* Start section cards. */
+.toc-cards {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
+ grid-gap: 20px;
+ list-style-type: none;
+ margin-bottom: 24px;
}
- at media screen and (max-width: 450px) {
- .tocdescr {
- display: flex;
- flex-flow: column wrap;
- justify-content: space-between;
- align-items: flex-start;
- align-content: flex-start;
- list-style-type: none;
- margin-bottom: 10px;
- }
-
- .tocdescr:after {
- content: "";
- flex: none;
- }
-}
-
-.descr {
- flex: 2 0 33.3%;
- margin: 10px 15px;
+.card {
border-radius: .3em;
user-select: none;
}
-.descr div.figure,
-.descr figure {
+.card div.figure,
+.card figure {
margin-bottom: 0px;
display: block;
}
-.descr img {
+.card img {
border-top-left-radius: .3em;
border-top-right-radius: .3em;
}
-.descr dl {
+.card dl {
margin-bottom: 10px
}
-.descr dl dt>a {
+.card dl dt>a {
display: block;
width: 100%;
margin-bottom: 10px;
}
-.descr dl dt a em,
-.descr dl dt a span {
+.card dl dt a em,
+.card dl dt a span {
font-weight: bold;
font-style: normal;
font-size: 1.3em;
}
-.descr dl dt {
+.card dl dt {
padding: 18px 15px 0px !important
}
-.descr dl dd {
- padding: 0px 15px;
+.card dl dd {
+ padding: 0px 15px 5px 15px;
font-style: normal;
margin: 0px;
color: #808080;
@@ -421,16 +390,16 @@
font-size: 90%;
}
-.descr {
+.card {
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 0px,
rgba(211, 216, 223, 0.33) 0px 15px 20px -1px;
}
-#getting-started .descr {
+#getting-started .card {
box-shadow: none;
}
-/* End section description. */
+/* End section cards. */
/* Start custom toctree. */
.toctree-wrapper .toctree-l1>a {
More information about the Bf-docboard-svn
mailing list