<commit_before>// css specific for mobile version
@import "base";

html, body, #holder
{
  min-width: 240px;
}

// http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
body
{
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#header
{
  height: auto;
  margin: 0;
}

#header #banner_middle
{
  height: auto;
  margin: 0 0 0 1px;
  clear: both;
  float: left;
}

#mobile_banner
{
  text-align: middle;
}

.sbox select
{
  width: 47%;
}

#quick_switch
{
  padding-bottom: 2px;
}

.qck_sw span
{
  height: 19px;
  margin-right: 10px;
}

#path
{
  left: 1px;
}

#content_box
{
  margin-bottom: 20px;
}

.clearing
{
  padding: 5px 1px;
}

.home_article
{
  margin-top: 0;
}

h1 .article_title_img
{
  margin-left: 0;
}

.article_title
{
  font-size: 20px;
}

.article_title a
{
  font-size: 22px;
}

h1 .article_title
{
  padding-left: 32px;
}

#wrapper_context
{
  padding-right: 0;
}
#wrapper_context.no_nav
{
  padding-left: 0;
}

.home_title_right
{
  display: none;
}
.home_title_text
{
  margin-right: 0;
}

.home .article
{
  padding-bottom: 0;
}

.content_article .article
{
  padding-right: 4px;
  margin-left: 4px;
  border: 0;
}

#article_infos_titre, .article_infos_titre {
  margin-right:5px;
  width:auto;
}

.warning_message, .important_message, .global_form_error, .preview_warning, .front_message
{
  width: auto !important;
}

.important_message, .global_form_error, .preview_warning, .mandatory_fields_warning
{
  padding-left: 30px;
  padding-right: 0;
  background-position: 0 50%;
}

.warning_message
{
  padding-left: 44px;
  padding-right: 8px;
  background-position: 6px 50%;
}

section_subtitle.htext
{
  margin-top: 0.2em;
}

.content_article textarea
{
  width: 100%;
}
input.long_input
{
  width: 99%;
}

#map_container p.default_text
{
  display: none;
}

.edit-tips
{
  margin-left: 0;
}

.article .title2.htext
{
  margin-left: 0;
}

#routes_summary, ul.children_docs, table.children_docs
{
  padding-left: 0;
}

.children_docs td
{
  padding-right: 5px;
}
.children_docs td:last-child
{
  padding-right: 0;
}
.children_docs tr
{
  display: block;
}
.children_docs td
{
  display: inline;
}

#routes_summary .list_link
{
  float: right;
}

.pages_navigation a, .pages_navigation span
{
  margin-right: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
}
.pages_navigation a span
{
  margin-right: 0;
}

#fields_tooltip
{
  left: 0;
  top: 0;
  padding: 4px;
  margin: 0;
  max-width: auto;
}
  
#filterform #fs_area
{
  width: 220px;
  float: none;
}

/* try to make forums more compact TODO move to specific file */
#punwrap
{
  margin-left: 0;
  margin-right: 0;
}

.pun th
{
  overflow: hidden;
}

div.postleft
{
  width: 100%;
}
div.postleft dl
{
  padding-top: 2px;
}
div.postleft dt, div.postleft dd
{
  float: left;
  padding-bottom: 4px;
}
div.postleft dd
{
  margin: 0.1em 0 0 1em;
  line-height: 1.3em;
}
div.postleft dd.postavatar
{
  display: none;
}

div.postright
{
  float: left;
}
div.postright, div.postfootright
{
  border-left-width: 0;
}

div.postmsg h4
{
  margin-bottom: 0.4em;
}

.pun blockquote, #article blockquote, div.codebox
{
  margin: 5px 0.4em 0.4em 0.4em;
  padding: 6px;
}

.pun .txtarea
{
  width: 100%;
}

div.icon
{
  border-width: 0.5em;
  margin-left: 0;
}
td div.tclcon
{
  margin-left: 0;
}

td div.tclcon h3
{
  margin-left: 1.3em;
}
td div.tclcon a
{
   margin-left: 0.4em;
}
td div.tclcon h3 a
{
   margin-left: 0;
}

.pun td.tcr, .pun td.tcl
{
  width: auto;
}

div.blockform form, div.fakeform
{
  padding: 20px 0 15px 0
}

.pun div > fieldset
{
  border: 0;
}

.pun fieldset
{
  padding: 0 5px 0 5px 0;
}

.postlink
{
  width: auto !important;
  float: none !important;
  text-align: left !important;
  clear: none !important;
}

.pagelink
{
  width: auto !important;
  float: none !important;
}

// MP
#punmessage_list .blockmenu {
  width: auto !important;
  float: none !important;
  margin-bottom: 12px; /* compensate the -12px margin-top from linkst */
}
#punmessage_list .inbox li {
  display: inline;
  margin-left: 5px;
  margin-bottom: 5px;
}
#punmessage_list .blocktable {
  width: auto !important;
  margin-left: 0 !important;
}

// forum compose box
a.smiley {
  margin-right: 6px;
}

#punwrap input[type=button] {
  margin-top: .4em;
}

// for small screens, hide some buttons
@media screen and (max-width:480px) {
  input[type=button].no-small-screen {
    display: none;
  }

  // also make sure that invited users email input isn't too big
  input[name=email] {
    max-width: 280px;
  }
}

@media screen and (max-width:600px) {
  /*
   * the upper menu of the forum are all left aligned instead of having a two column presentation
   */
  .pun .block .conl, .pun .block .conr {
    width: 100%;
    padding: 0;
    float: left;
    clear: left;
    text-align: left;
  }

  /*
   * We hide some elements in the forums, like some columns, signatures, ...
   * because .tc2 columns should sometimes be hideen, sometimes not (and we want to avoid
   * too many changes to punbb), we use a specific hide4smartphone class
   */
  .postsignature, .hide4smartphone {
    display: none;
  }
}

/* footer */
#footer
{
  margin: 0;
  height: 120px;
}

#footer_cc
{
  left: 0;
  margin-left: 0;
  margin-top: 5px;
  padding-left: 10px;
}

#footer_partners
{
  left: 0;
  position: relative;
  width: auto;
}

/* images */
.picture
{
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  text-align: center;
}

.picture img{
  max-width: 100%;
}

.thumb_data {
  width: 148px;
  height: 215px;
  margin: 0;
}

// mobile header and menu
.select_button
{
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  height: 100%;
  width: 100%;
  display: inline-block;
}

#menu
{
  clear:both;
}

select.menu_select
{
  @include opacity(0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  @include box-sizing(content-box);
  border: none;
}

.menu_item
{
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  position: relative;
  text-align: center;
  background-color: #ff9933;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu_item.middle
{
  border-left: 1px solid #999999;
}

.menu_item.left
{
  @include border-left-radius(6px);
  border-left: 1px solid #999999;
}<commit_msg>border-box for mobile menu selects<commit_after>// css specific for mobile version
@import "base";

html, body, #holder
{
  min-width: 240px;
}

// http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
body
{
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#header
{
  height: auto;
  margin: 0;
}

#header #banner_middle
{
  height: auto;
  margin: 0 0 0 1px;
  clear: both;
  float: left;
}

#mobile_banner
{
  text-align: middle;
}

.sbox select
{
  width: 47%;
}

#quick_switch
{
  padding-bottom: 2px;
}

.qck_sw span
{
  height: 19px;
  margin-right: 10px;
}

#path
{
  left: 1px;
}

#content_box
{
  margin-bottom: 20px;
}

.clearing
{
  padding: 5px 1px;
}

.home_article
{
  margin-top: 0;
}

h1 .article_title_img
{
  margin-left: 0;
}

.article_title
{
  font-size: 20px;
}

.article_title a
{
  font-size: 22px;
}

h1 .article_title
{
  padding-left: 32px;
}

#wrapper_context
{
  padding-right: 0;
}
#wrapper_context.no_nav
{
  padding-left: 0;
}

.home_title_right
{
  display: none;
}
.home_title_text
{
  margin-right: 0;
}

.home .article
{
  padding-bottom: 0;
}

.content_article .article
{
  padding-right: 4px;
  margin-left: 4px;
  border: 0;
}

#article_infos_titre, .article_infos_titre {
  margin-right:5px;
  width:auto;
}

.warning_message, .important_message, .global_form_error, .preview_warning, .front_message
{
  width: auto !important;
}

.important_message, .global_form_error, .preview_warning, .mandatory_fields_warning
{
  padding-left: 30px;
  padding-right: 0;
  background-position: 0 50%;
}

.warning_message
{
  padding-left: 44px;
  padding-right: 8px;
  background-position: 6px 50%;
}

section_subtitle.htext
{
  margin-top: 0.2em;
}

.content_article textarea
{
  width: 100%;
}
input.long_input
{
  width: 99%;
}

#map_container p.default_text
{
  display: none;
}

.edit-tips
{
  margin-left: 0;
}

.article .title2.htext
{
  margin-left: 0;
}

#routes_summary, ul.children_docs, table.children_docs
{
  padding-left: 0;
}

.children_docs td
{
  padding-right: 5px;
}
.children_docs td:last-child
{
  padding-right: 0;
}
.children_docs tr
{
  display: block;
}
.children_docs td
{
  display: inline;
}

#routes_summary .list_link
{
  float: right;
}

.pages_navigation a, .pages_navigation span
{
  margin-right: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
}
.pages_navigation a span
{
  margin-right: 0;
}

#fields_tooltip
{
  left: 0;
  top: 0;
  padding: 4px;
  margin: 0;
  max-width: auto;
}
  
#filterform #fs_area
{
  width: 220px;
  float: none;
}

/* try to make forums more compact TODO move to specific file */
#punwrap
{
  margin-left: 0;
  margin-right: 0;
}

.pun th
{
  overflow: hidden;
}

div.postleft
{
  width: 100%;
}
div.postleft dl
{
  padding-top: 2px;
}
div.postleft dt, div.postleft dd
{
  float: left;
  padding-bottom: 4px;
}
div.postleft dd
{
  margin: 0.1em 0 0 1em;
  line-height: 1.3em;
}
div.postleft dd.postavatar
{
  display: none;
}

div.postright
{
  float: left;
}
div.postright, div.postfootright
{
  border-left-width: 0;
}

div.postmsg h4
{
  margin-bottom: 0.4em;
}

.pun blockquote, #article blockquote, div.codebox
{
  margin: 5px 0.4em 0.4em 0.4em;
  padding: 6px;
}

.pun .txtarea
{
  width: 100%;
}

div.icon
{
  border-width: 0.5em;
  margin-left: 0;
}
td div.tclcon
{
  margin-left: 0;
}

td div.tclcon h3
{
  margin-left: 1.3em;
}
td div.tclcon a
{
   margin-left: 0.4em;
}
td div.tclcon h3 a
{
   margin-left: 0;
}

.pun td.tcr, .pun td.tcl
{
  width: auto;
}

div.blockform form, div.fakeform
{
  padding: 20px 0 15px 0
}

.pun div > fieldset
{
  border: 0;
}

.pun fieldset
{
  padding: 0 5px 0 5px 0;
}

.postlink
{
  width: auto !important;
  float: none !important;
  text-align: left !important;
  clear: none !important;
}

.pagelink
{
  width: auto !important;
  float: none !important;
}

// MP
#punmessage_list .blockmenu {
  width: auto !important;
  float: none !important;
  margin-bottom: 12px; /* compensate the -12px margin-top from linkst */
}
#punmessage_list .inbox li {
  display: inline;
  margin-left: 5px;
  margin-bottom: 5px;
}
#punmessage_list .blocktable {
  width: auto !important;
  margin-left: 0 !important;
}

// forum compose box
a.smiley {
  margin-right: 6px;
}

#punwrap input[type=button] {
  margin-top: .4em;
}

// for small screens, hide some buttons
@media screen and (max-width:480px) {
  input[type=button].no-small-screen {
    display: none;
  }

  // also make sure that invited users email input isn't too big
  input[name=email] {
    max-width: 280px;
  }
}

@media screen and (max-width:600px) {
  /*
   * the upper menu of the forum are all left aligned instead of having a two column presentation
   */
  .pun .block .conl, .pun .block .conr {
    width: 100%;
    padding: 0;
    float: left;
    clear: left;
    text-align: left;
  }

  /*
   * We hide some elements in the forums, like some columns, signatures, ...
   * because .tc2 columns should sometimes be hideen, sometimes not (and we want to avoid
   * too many changes to punbb), we use a specific hide4smartphone class
   */
  .postsignature, .hide4smartphone {
    display: none;
  }
}

/* footer */
#footer
{
  margin: 0;
  height: 120px;
}

#footer_cc
{
  left: 0;
  margin-left: 0;
  margin-top: 5px;
  padding-left: 10px;
}

#footer_partners
{
  left: 0;
  position: relative;
  width: auto;
}

/* images */
.picture
{
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  text-align: center;
}

.picture img{
  max-width: 100%;
}

.thumb_data {
  width: 148px;
  height: 215px;
  margin: 0;
}

// mobile header and menu
.select_button
{
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  height: 100%;
  width: 100%;
  display: inline-block;
}

#menu
{
  clear:both;
}

select.menu_select
{
  @include opacity(0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  @include box-sizing(border-box);
  border: none;
}

.menu_item
{
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  position: relative;
  text-align: center;
  background-color: #ff9933;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu_item.middle
{
  border-left: 1px solid #999999;
}

.menu_item.left
{
  @include border-left-radius(6px);
  border-left: 1px solid #999999;
}
{'fraction_non_alphanumeric': 0.13747245829398805, 'fraction_numerical': 0.03871576959395656, 'mean_word_length': 3.1888595912986157, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4312647', 'n_tokens_mistral': 5678, 'n_tokens_neox': 5215, 'n_words': 1258}