voussoir
7373730f90
Add bookmark_card.html, move bookmark_card css to cards.css.
2021-01-08 13:41:49 -08:00
voussoir
fabbbaf17f
Rename photo_cards.css -> cards.css. All types welcome.
2021-01-08 13:40:34 -08:00
voussoir
47db917090
Improve text color declaration to inherit from html.
2021-01-07 19:24:17 -08:00
voussoir
cc2199d59a
Let sticky_bottom scroll for very small screens.
2021-01-05 01:25:50 -08:00
voussoir
7c62c064cb
Rename photo_card_selector_checkbox photo_clipboard_selector_checkbox.
2021-01-04 23:31:41 -08:00
voussoir
58a0a246c8
Add comment regarding sticky_bottom background and :before pseudo.
2021-01-02 23:53:14 -08:00
voussoir
087238bfad
Remove z-index from selected photo overlay. It's not necessary.
2021-01-02 23:52:46 -08:00
voussoir
0c3ee6f2d2
Add search_embed for bringing search iframes to other pages.
2021-01-02 13:49:43 -08:00
voussoir
732c054075
Replace height with min-height, fixes squashed bottom margin.
2021-01-02 11:35:46 -08:00
voussoir
843e8d6743
Oops, put photos_holder rule in etiquette.css, not common.
2020-11-04 17:35:54 -08:00
voussoir
7770f7640a
Add class photos_holder which is centers photos in narrow mode.
...
In narrow mode, it's very possible to wind up with only 1 photo per row,
and it looks silly when they are left-justified. Centered looks a little
more natural to me in this case.
2020-11-04 17:11:48 -08:00
voussoir
7715e10b12
Trade padding for bigger font on remove_tag_button.
...
Primarily affects the "unlink" / "delete" buttons on /tags.
Without the padding we can get an extra pt of font size, and these
buttons are somewhat of a readability struggle.
2020-10-17 17:28:32 -07:00
voussoir
41353b2eb4
Move current default css into theme_turquoise. Always pick a theme.
2020-09-25 16:27:47 -07:00
voussoir
3fb198f994
Add explicit @media queries for wide mode, not just default to override.
...
Any properties that are different in wide/narrow mode should be defined
in the correct media query. I got tired of having wide mode be the
default and then narrow mode having to unset/initial all the attributes
that aren't relevant to narrow.
2020-09-18 21:12:28 -07:00
voussoir
8da18ba502
Add --narrow, --wide to common.css, is_wide_mode to common.js.
2020-09-18 20:57:35 -07:00
voussoir
9a29048ccf
Split sticky_side functionality into _side, _bottom.
...
This makes the role of each css definition more clear, and could allow
for cases where the side is sticky in wide mode but not sticky in
narrow mode.
2020-09-18 20:37:40 -07:00
voussoir
35b5b5cd21
Some slate.css color tweaks.
2020-09-15 15:04:27 -07:00
voussoir
2a379919e0
Use grid instead of flexbox for message_area for better gaps.
2020-09-15 15:03:40 -07:00
voussoir
9102b37d5a
Let slate.css use black text on buttons.
2020-09-14 20:25:51 -07:00
voussoir
733776ee88
Failed experiment: clientside updates of tag actions.
...
I'm committing this so I can reference it later if I decide to try
again, but for the time being I'm going to immediately revert it.
2020-09-14 17:21:13 -07:00
voussoir
2d01297729
Adjust photo_card_searchhidden to 2px dotted border.
2020-09-09 23:55:46 -07:00
voussoir
804afe912f
Add css class .photo_card_searchhidden.
2020-09-09 19:24:43 -07:00
voussoir
82758ed336
Rename color_3d_shadow -> color_shadow.
2020-09-09 15:57:53 -07:00
voussoir
53da81a283
Add .bold class.
2020-09-05 17:47:29 -07:00
voussoir
0ee1599c93
Improve color of tab buttons active/inactive/hover.
2020-09-03 12:04:18 -07:00
voussoir
45b42d3ca3
Add css/js class tabbed_container.
2020-09-03 11:54:14 -07:00
voussoir
8dafe8c4f4
Synchronize Etiquette common.css and YCDL common.css.
2020-09-03 11:50:16 -07:00
voussoir
c5fbcf0056
Add z-index to photo_card_selected::after.
2020-08-28 17:56:30 -07:00
voussoir
8163f33ba3
Reinstate z-index for photo_card_filename:hover.
...
For extremely long titles, it was being obscured by the photo
card on the next row.
2020-08-28 17:12:32 -07:00
voussoir
b6f4874b66
Move colored button class rules below button element rules.
2020-08-07 21:07:30 -07:00
voussoir
976534982b
Add border-radius to album cards, like photo cards.
2020-07-26 19:17:47 -07:00
voussoir
592c8d6bd2
Increase tag_object line height from 1.3 to 1.5.
...
I'm finding weird behavior where on the main /tags page, hovering
over the tags shows the delete / unlink button without a problem,
but on a specific tag page hovering over this button causes the
rest of the list to shift a pixel or two.
I'm sure this line-height fix is nothing more than a bandaid and
not the right thing to change.
2020-07-01 16:40:30 -07:00
voussoir
b81aad78dd
Rename CSS vars color_theme_* and color_site_* to color_*.
...
There was just no point to naming them like this because all of the
color vars obviously represent some part of the site's color theme.
2020-06-25 10:03:50 -07:00
voussoir
83c2ed7882
Redesign album grid cards to look more like photo cards.
...
Unfortunately these cards are taller rather than wider so the
already-neglected unlink buttom becomes even more horizontally crammed.
That's going to need a big fixup anyway.
2020-04-02 22:28:36 -07:00
voussoir
e5f2b788fe
Replace bottom & right margin with all-round 8px.
...
The two-sided margin was meant to create a particular spacing on the
albums page, but the purpose of cards is I should be able to use
them in many other contexts. So an all-round margin is easier to
work with when displaying cards anywhere else.
2020-04-02 21:59:22 -07:00
voussoir
e7ac27962f
Make <a> tags always have pointer cursor.
...
At the moment, tag_objects have an option for a javascript void
link for the purpose of getting a pointer cursor without a real link.
Well I want to phase those javascript void links out so let's just
make a tags always pointy.
2020-01-14 16:17:59 -08:00
voussoir
e5d0974306
Add a blue transparency over selected photos.
2020-01-11 16:33:30 -08:00
voussoir
b7f745443b
Rearrange some of these rules.
2019-12-21 14:50:38 -08:00
voussoir
fcce2a55a2
Apply filename hover effects to grid view only.
2019-12-21 14:49:42 -08:00
voussoir
d509e3cd20
Hide thumbnail and tools from list-view album cards.
2019-12-21 14:47:04 -08:00
voussoir
c984159a76
Minor css tweaks.
2019-09-11 01:13:10 -07:00
voussoir
d273adbf27
Move new #right:before to common.css.
2019-09-11 01:12:04 -07:00
voussoir
23cdd4dc2b
Now remove these explicit border-boxes.
2019-09-10 19:31:18 -07:00
voussoir
cac18b76d0
Switch to border-box by default.
2019-09-10 15:32:35 -07:00
voussoir
42be44a509
Set #content_body grid-gap to get both row and column gaps.
2019-08-26 14:50:45 -07:00
voussoir
6635a1e740
Column-gap for everyone! Not just stickyside pages.
2019-08-25 18:07:53 -07:00
voussoir
a83f365b2a
Use #content_body grid-column-gap instead of #left, #right margin.
2019-08-25 17:23:17 -07:00
voussoir
79ed0ee186
Various CSS for panels and margins.
2019-08-14 13:49:08 -07:00
voussoir
b683413be0
Try different themes with the ?theme query.
2019-08-14 13:43:35 -07:00
voussoir
928e64fe08
Display hovered filename over the metadata instead of pushing down.
...
Previously the expanding filename would push the metadata down
and out of the card div. Now it displays on top.
2019-07-12 13:57:52 -07:00