.seek, button.seek:hover
background-color: #cc99ff
+figure.diagram-container
+ margin: 15px 0 15px 0
+ text-align: center
+ width: 100%
+ display: block
+
// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
figure.diagram-container > .diagram
display: block
- width: 45%
+ width: 40%
min-width: 300px
max-width: 800px
margin-left: auto
margin-right: auto
+figure.diagram-container > .diagram2
+ display: block
+ float: left
+ width: 40%
+ min-width: 300px
+ max-width: 800px
+ margin-right: 40px
+ margin-bottom: 10px
+
+figure.diagram-container > figcaption
+ display: block
+ clear: both
+ padding-top: 5px
+
.topindicator
position: relative
border: 1px solid brown
left: 12%
opacity: .7
-figure.diagram-container > figcaption
- display: block
- clear: both
- padding-top: 5px
-
.highlight
background-color: #00cc66 !important
figure.showPieces > figcaption
color: #6C6C6C
-figure.diagram-container
- margin: 15px 0 15px 0
- text-align: center
- width: 100%
- display: block
-
.section-title
padding: 0
ul:not(.browser-default) > li
list-style-type: disc
-.rulesTitle
+.variantpage-title
font-weight: bold
cursor: pointer
- padding: 3px;
+ padding: 3px
background-color: lightgrey
#fen-string
#fen-div > p
margin-left: 0
margin-right: 0
+
+.newproblem-form input, .newproblem-form textarea
+ width: 100%
+
+.emphasis
+ font-style: italic
+
+#newpbInstructions
+ margin-bottom: var(--universal-margin);
+
+.center-btn
+ margin-left: 40%
+
+//TODO?
+.center-inline
+ text-align: center
+.center-block
+ margin-left: auto
+ margin-right: auto
+
+.mistake-newproblem
+ color: #663300
+
+#problem-solution
+ display: none
+
+.topspace
+ margin-top: 15px
+
+.problem
+ cursor: pointer
+ margin-bottom: 15px
+
+#solution-div h3
+ cursor: pointer
+
+.newproblem-form, .newproblem-preview
+ max-width: 90%